:root{--portal-blue:#1687ff;--portal-pink:#ff4f78;--portal-text:#15233a;--portal-muted:#73819a;--portal-line:#e9f0f8;--portal-bg:#f5faff;--portal-card:#fff;--portal-shadow:0 10px 35px rgba(42,91,145,.08);--portal-radius:14px;--portal-width:1200px}
body.knn-ui-refresh.knn-home-page{color:var(--portal-text);background:linear-gradient(180deg,#fff 0,#f4faff 39%,#f7fbff 100%)}
.knn-portal-home,.knn-portal-home *{box-sizing:border-box}.knn-portal-home a{text-decoration:none}.knn-portal-container{width:min(calc(100% - 40px),var(--portal-width));margin-inline:auto}.knn-portal-main{display:flex;flex-direction:column;gap:18px;padding:14px 0 22px}
body.knn-home-page .header.pc{height:60px;border:0;background:rgba(255,255,255,.97);box-shadow:0 1px 0 rgba(47,91,142,.07)}body.knn-home-page .header.pc .header-main{height:60px;max-width:1200px}body.knn-home-page .header.pc .logo img{max-height:42px}body.knn-home-page .header.pc .menu>li>a{height:60px;line-height:60px;color:#172238;font-size:15px;font-weight:700}body.knn-home-page .header.pc .menu>li.current-menu-item>a,body.knn-home-page .header.pc .menu>li>a:hover{color:var(--portal-blue)}
.knn-portal-hero{height:305px;overflow:hidden;background:#eaf7ff url('../images/home-hero-portal.png') center/cover no-repeat}.knn-portal-hero-inner{height:100%;display:flex;align-items:center}.knn-portal-hero-copy{width:48%;padding:20px 0 13px}.knn-portal-hero h1{margin:0 0 9px;color:#101f38;font-size:43px;line-height:1.08;letter-spacing:-2px;font-weight:900}.knn-portal-hero h1 span{position:relative;color:#0778ef}.knn-portal-hero h1 span:after{content:"";position:absolute;left:2px;right:2px;bottom:-4px;height:6px;border-top:2px solid #35a0ff;border-radius:50%}.knn-portal-hero p{margin:0 0 13px;color:#52627a;font-size:13px;line-height:1.65}.knn-portal-search{display:flex;width:445px;height:42px;align-items:center;padding:3px 4px 3px 15px;border:1px solid #dceaf8;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 8px 20px rgba(49,120,188,.08)}.knn-portal-search>i{color:#8da0b9;font-size:13px}.knn-portal-search input{min-width:0;flex:1;height:34px;padding:0 11px;border:0!important;outline:0!important;background:transparent!important;color:#27364d;font-size:12px;box-shadow:none!important}.knn-portal-search button{width:83px;height:34px;border:0;border-radius:18px;color:#fff;background:linear-gradient(135deg,#239aff,#0877ed);font-size:13px;font-weight:800;box-shadow:0 5px 13px rgba(22,135,255,.24)}.knn-portal-tags{display:flex;align-items:center;gap:7px;margin-top:7px;color:#8390a5;font-size:10px}.knn-portal-tags b{font-weight:500}.knn-portal-tags a{padding:3px 8px;border-radius:10px;color:#7a889d;background:rgba(255,255,255,.7)}.knn-portal-actions{display:flex;gap:11px;margin-top:12px}.knn-portal-actions a{display:flex;height:36px;align-items:center;gap:7px;padding:0 17px;border-radius:18px;font-size:12px;font-weight:700}.knn-portal-actions .primary{color:#fff;background:linear-gradient(135deg,#168bff,#0877ed);box-shadow:0 7px 16px rgba(22,135,255,.2)}.knn-portal-actions .secondary{color:#ff4770;border:1px solid #ffb8c9;background:rgba(255,255,255,.72)}.knn-portal-actions a i:last-child{margin-left:3px;font-size:9px}
.knn-portal-quick{position:relative;z-index:4;display:grid;grid-template-columns:repeat(6,1fr);margin-top:13px;padding:0 8px;border:1px solid var(--portal-line);border-radius:12px;background:var(--portal-card);box-shadow:var(--portal-shadow)}.knn-portal-quick>a{display:flex;min-width:0;height:68px;align-items:center;gap:10px;padding:9px 11px;border-right:1px solid var(--portal-line);color:var(--portal-text)}.knn-portal-quick>a:last-child{border-right:0}.knn-portal-quick>a>i{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:13px;font-size:18px}.tone-blue{color:#167fff;background:#eaf4ff}.tone-pink{color:#ff4770;background:#fff0f4}.tone-purple{color:#7559ed;background:#f0edff}.tone-green{color:#10b981;background:#eafbf5}.tone-gold{color:#edae18;background:#fff8df}.tone-cyan{color:#168fea;background:#e9f7ff}.knn-portal-quick span{display:flex;min-width:0;flex-direction:column}.knn-portal-quick b{font-size:13px;line-height:1.5;white-space:nowrap}.knn-portal-quick small{overflow:hidden;color:#8a98aa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.knn-portal-quick em{margin-left:auto;color:#aebccc;font-size:18px;font-style:normal}
.knn-portal-feature-grid{display:grid;grid-template-columns:minmax(0,2.18fr) minmax(280px,1fr);gap:14px;height:246px}.knn-portal-slider,.knn-portal-notice,.knn-portal-section,.knn-portal-panel,.knn-portal-stats{overflow:hidden;border:1px solid var(--portal-line);border-radius:var(--portal-radius);background:var(--portal-card);box-shadow:var(--portal-shadow)}.knn-portal-slider{position:relative}.knn-portal-slides,.knn-portal-slide{position:absolute;inset:0}.knn-portal-slide{visibility:hidden;opacity:0;transition:opacity .45s ease}.knn-portal-slide.is-active{visibility:visible;opacity:1}.knn-portal-slide img{width:100%;height:100%;object-fit:cover}.knn-portal-slide-mask{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:27px;color:#fff;background:linear-gradient(90deg,rgba(6,18,29,.78),rgba(6,18,29,.23) 64%,transparent)}.knn-portal-slide-mask small{width:max-content;padding:5px 11px;border-radius:15px;background:#ff4f78;font-size:11px;font-weight:700}.knn-portal-slide-mask strong{margin-top:10px;font-size:28px;line-height:1.2}.knn-portal-slide-mask em{margin-top:5px;font-size:14px;font-style:normal}.knn-portal-slide-mask b{width:max-content;margin-top:15px;padding:8px 15px;border-radius:18px;color:#18243a;background:#fff;font-size:11px}.knn-portal-slider>button{position:absolute;z-index:4;top:50%;display:grid;width:28px;height:28px;margin-top:-14px;place-items:center;border:0;border-radius:50%;color:#fff;background:rgba(21,35,58,.38)}.knn-portal-slider .prev{left:10px}.knn-portal-slider .next{right:10px}.knn-portal-dots{position:absolute;z-index:5;left:50%;bottom:9px;display:flex;gap:5px;transform:translateX(-50%)}.knn-portal-dots button{width:7px;height:7px;padding:0;border:0;border-radius:5px;background:rgba(255,255,255,.72)}.knn-portal-dots button.is-active{width:19px;background:#fff}.knn-portal-notice{padding:0 16px}.knn-portal-notice header,.knn-portal-heading{display:flex;height:48px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--portal-line)}.knn-portal-notice header div{display:flex;height:100%;align-items:end;gap:20px}.knn-portal-notice header b,.knn-portal-notice header span{display:flex;height:100%;align-items:center;font-size:13px}.knn-portal-notice header b{position:relative;color:var(--portal-blue)}.knn-portal-notice header b:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:2px;background:var(--portal-blue)}.knn-portal-notice header span{color:#77869c}.knn-portal-notice header>a,.knn-portal-heading>a{color:#8290a5;font-size:10px}.knn-portal-notice-list{padding:7px 0}.knn-portal-notice-list>a{display:flex;height:34px;align-items:center;gap:8px;color:#4a5870;font-size:10px}.knn-portal-notice-list i{width:31px;padding:3px 0;border-radius:4px;text-align:center;font-style:normal}.knn-portal-notice-list .n0{color:#ff4770;background:#fff0f4}.knn-portal-notice-list .n1{color:#ff7b35;background:#fff3e9}.knn-portal-notice-list .n2{color:#1687ff;background:#eaf4ff}.knn-portal-notice-list .n3{color:#7c5bec;background:#f0edff}.knn-portal-notice-list .n4{color:#7058ed;background:#eeeaff}.knn-portal-notice-list span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knn-portal-notice-list time{color:#93a0b3}
.knn-portal-section,.knn-portal-panel{padding:0 12px 12px}.knn-portal-heading{height:47px;border-bottom:0}.knn-portal-heading>div{display:flex;align-items:center;gap:9px}.knn-portal-heading>div>i{color:var(--portal-blue);font-size:19px}.knn-portal-products .knn-portal-heading>div>i{color:#ff5a32}.knn-portal-heading h2{margin:0;color:var(--portal-text);font-size:18px;font-weight:900}.knn-portal-heading>div>span{color:#8996a9;font-size:10px}.knn-portal-heading nav{display:flex;align-self:stretch;gap:24px;margin-left:22px}.knn-portal-heading nav span{position:relative;display:flex;align-items:center;color:#8b98aa;font-size:11px}.knn-portal-heading nav .active{color:var(--portal-blue)}.knn-portal-heading nav .active:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--portal-blue)}
.knn-portal-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.knn-portal-product{min-width:0;padding:0 0 8px;border:1px solid #edf2f8;border-radius:10px;background:#fff}.knn-portal-product .cover{position:relative;display:block;height:126px;overflow:hidden;border-radius:9px 9px 0 0}.knn-portal-product .cover img{width:100%;height:100%;object-fit:cover;transition:.3s}.knn-portal-product:hover .cover img{transform:scale(1.035)}.knn-portal-product .cover>b{position:absolute;top:7px;right:0;padding:4px 9px;border-radius:10px 0 0 10px;color:#fff;background:#ff4770;font-size:10px}.knn-portal-product h3{margin:7px 8px 4px;font-size:12px;line-height:1.45}.knn-portal-product h3 a{display:block;overflow:hidden;color:#243149;text-overflow:ellipsis;white-space:nowrap}.knn-portal-product .chips{display:flex;gap:5px;margin:0 8px}.knn-portal-product .chips span{padding:2px 7px;border-radius:8px;color:#8291a7;background:#f2f7fd;font-size:9px}.knn-portal-product footer{display:flex;align-items:center;margin:6px 8px 0}.knn-portal-product footer strong{color:#ff3565;font-size:17px}.knn-portal-product footer strong small{font-size:11px}.knn-portal-product footer del{margin-left:7px;color:#a1adbd;font-size:10px}.knn-portal-product footer>a{display:grid;width:30px;height:30px;margin-left:auto;place-items:center;border-radius:50%;color:var(--portal-blue);background:#eaf4ff;font-size:12px}
.knn-portal-dual{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(310px,1fr);gap:12px}.knn-portal-panel{min-width:0}.knn-portal-community-list article{display:grid;grid-template-columns:48px minmax(0,1fr) 130px;gap:12px;align-items:center;min-height:88px;padding:9px 4px;border-top:1px solid var(--portal-line)}.knn-portal-community-list article:first-child{border-top:0}.knn-portal-community .avatar img{width:46px;height:46px;border-radius:50%;object-fit:cover}.knn-portal-community-list h3{display:flex;align-items:center;gap:8px;margin:0 0 5px;font-size:12px}.knn-portal-community-list h3 a{min-width:0;overflow:hidden;color:#27344b;text-overflow:ellipsis;white-space:nowrap}.knn-portal-community-list h3 i{flex:0 0 auto;padding:2px 7px;border-radius:9px;color:#3287e9;background:#eaf4ff;font-size:9px;font-style:normal}.knn-portal-community-list p{margin:0 0 5px;overflow:hidden;color:#8996a9;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.knn-portal-community-list small{color:#9aa6b7;font-size:9px}.knn-portal-community .thumb{height:63px;overflow:hidden;border-radius:7px}.knn-portal-community .thumb img{width:100%;height:100%;object-fit:cover}.knn-portal-activity-list>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;height:52px;border-top:1px solid var(--portal-line);color:#526079;font-size:10px}.knn-portal-activity-list>a:first-child{border-top:0}.knn-portal-activity-list img{width:32px;height:32px;border-radius:50%;object-fit:cover}.knn-portal-activity-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knn-portal-activity-list span b{color:#27344b}.knn-portal-activity-list time{color:#91a0b4}.knn-portal-empty{padding:35px 12px;color:#98a4b5;text-align:center;font-size:12px}
.knn-portal-post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.knn-portal-post-grid article{min-width:0}.knn-portal-post-grid .cover{position:relative;display:block;height:132px;overflow:hidden;border-radius:8px}.knn-portal-post-grid .cover img{width:100%;height:100%;object-fit:cover}.knn-portal-post-grid .cover>span,.knn-portal-post-grid .cover>b{position:absolute;top:7px;padding:4px 8px;border-radius:10px;color:#fff;font-size:9px}.knn-portal-post-grid .cover>span{left:7px;background:#348ff3}.knn-portal-post-grid .cover>b{right:7px;color:#a65c00;background:#ffe8bd}.knn-portal-post-grid h3{height:38px;margin:7px 1px 3px;overflow:hidden;font-size:12px;line-height:1.55}.knn-portal-post-grid h3 a{color:#202d43}.knn-portal-post-grid p{height:30px;margin:0 0 6px;overflow:hidden;color:#8794a7;font-size:9px;line-height:1.6}.knn-portal-post-grid footer{display:flex;align-items:center;gap:5px;color:#98a5b6;font-size:9px}.knn-portal-post-grid footer img{width:22px;height:22px;border-radius:50%}.knn-portal-post-grid footer time{margin-left:auto}.knn-portal-post-grid footer em{font-style:normal}.knn-portal-post-grid footer i{margin-right:3px}
.knn-portal-stats{display:grid;grid-template-columns:repeat(6,1fr);min-height:65px;padding:7px 0}.knn-portal-stats>div{display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid var(--portal-line)}.knn-portal-stats>div:last-child{border-right:0}.knn-portal-stats>div>i{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#fff;background:#538de5;font-size:12px}.knn-portal-stats>div:nth-child(2)>i{background:#1687ff}.knn-portal-stats>div:nth-child(3)>i{background:#5b7ff1}.knn-portal-stats>div:nth-child(4)>i{background:#ef55a6}.knn-portal-stats>div:nth-child(5)>i{background:#ff8a3d}.knn-portal-stats>div:nth-child(6)>i{background:#288bf1}.knn-portal-stats span{display:flex;flex-direction:column}.knn-portal-stats b{color:#233149;font-size:12px}.knn-portal-stats small{color:#91a0b3;font-size:9px}
body.dark-mode{--portal-text:#eef5ff;--portal-muted:#a2aec0;--portal-line:#2d3948;--portal-bg:#10161e;--portal-card:#1b232e;--portal-shadow:0 12px 36px rgba(0,0,0,.2)}body.dark-mode.knn-ui-refresh.knn-home-page{background:#111821}body.dark-mode.knn-home-page .header.pc{background:rgba(24,31,41,.97)}body.dark-mode.knn-home-page .header.pc .menu>li>a{color:#dbe5f2}body.dark-mode .knn-portal-hero{background-color:#16283b;background-image:linear-gradient(90deg,rgba(13,22,33,.9),rgba(13,22,33,.15) 56%),url('../images/home-hero-portal.png')}body.dark-mode .knn-portal-hero h1{color:#fff}body.dark-mode .knn-portal-hero p{color:#b8c3d2}body.dark-mode .knn-portal-search{border-color:#334252;background:rgba(24,34,46,.92)}body.dark-mode .knn-portal-search input{color:#eef5ff}body.dark-mode .knn-portal-tags a{color:#bec8d5;background:rgba(255,255,255,.08)}body.dark-mode .knn-portal-quick b,body.dark-mode .knn-portal-heading h2,body.dark-mode .knn-portal-product h3 a,body.dark-mode .knn-portal-community-list h3 a,body.dark-mode .knn-portal-activity-list span b,body.dark-mode .knn-portal-post-grid h3 a{color:#eef5ff}body.dark-mode .knn-portal-product{border-color:var(--portal-line);background:#202a36}body.dark-mode .knn-portal-slide-mask{background:linear-gradient(90deg,rgba(2,8,14,.88),rgba(2,8,14,.28) 68%,transparent)}
@media(max-width:1000px){.knn-portal-hero{height:330px;background-position:58% center}.knn-portal-hero-copy{width:55%}.knn-portal-quick{grid-template-columns:repeat(3,1fr)}.knn-portal-quick>a:nth-child(3){border-right:0}.knn-portal-quick>a:nth-child(-n+3){border-bottom:1px solid var(--portal-line)}.knn-portal-feature-grid{grid-template-columns:1fr;height:auto}.knn-portal-slider{height:300px}.knn-portal-notice{min-height:235px}.knn-portal-dual{grid-template-columns:1fr}.knn-portal-product-grid,.knn-portal-post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.knn-portal-container{width:calc(100% - 20px)}.knn-portal-main{gap:10px;padding-top:10px}.knn-portal-hero{height:410px;background-position:67% top;background-size:auto 245px;background-repeat:no-repeat}.knn-portal-hero-inner{align-items:flex-end}.knn-portal-hero-copy{width:100%;padding:0 0 18px}.knn-portal-hero h1{margin-bottom:7px;font-size:30px;letter-spacing:-1px}.knn-portal-hero p{font-size:11px}.knn-portal-search{width:100%;height:44px}.knn-portal-tags{overflow-x:auto;white-space:nowrap}.knn-portal-tags::-webkit-scrollbar{display:none}.knn-portal-actions a{flex:1;justify-content:center;padding:0 8px}.knn-portal-quick{grid-template-columns:repeat(2,1fr);margin-top:10px;padding:0}.knn-portal-quick>a{height:58px;padding:7px;border-right:0;border-bottom:1px solid var(--portal-line)}.knn-portal-quick>a:nth-child(odd){border-right:1px solid var(--portal-line)}.knn-portal-quick>a:nth-last-child(-n+2){border-bottom:0}.knn-portal-quick>a>i{width:34px;height:34px;flex-basis:34px;font-size:14px}.knn-portal-quick small,.knn-portal-quick em{display:none}.knn-portal-slider{height:215px}.knn-portal-slide-mask{padding:20px}.knn-portal-slide-mask strong{font-size:20px}.knn-portal-slide-mask em{font-size:11px}.knn-portal-notice{min-height:220px}.knn-portal-heading>div>span,.knn-portal-heading nav span:not(.active){display:none}.knn-portal-heading nav{margin-left:8px}.knn-portal-product-grid,.knn-portal-post-grid{gap:8px}.knn-portal-product .cover,.knn-portal-post-grid .cover{height:96px}.knn-portal-community-list article{grid-template-columns:40px minmax(0,1fr)}.knn-portal-community .avatar img{width:38px;height:38px}.knn-portal-community .thumb{display:none}.knn-portal-community-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knn-portal-stats{grid-template-columns:repeat(3,1fr)}.knn-portal-stats>div{min-height:52px}.knn-portal-stats>div:nth-child(3){border-right:0}.knn-portal-stats>div:nth-child(-n+3){border-bottom:1px solid var(--portal-line)}}
@media(prefers-reduced-motion:reduce){.knn-portal-home *{scroll-behavior:auto!important;transition:none!important}}
.knn-portal-hero{position:relative;height:var(--knn-portal-hero-height,430px);background-color:var(--knn-portal-hero-from,#eaf7ff);background-image:var(--knn-portal-hero-bg);background-position:center;background-size:cover;background-repeat:no-repeat}.knn-portal-hero-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}.knn-portal-hero-inner{position:relative;z-index:1}.knn-portal-hero h1{white-space:pre-line}.knn-portal-hero.knn-device-mobile{display:none}.knn-portal-quick .tone-teal{color:#14a8a2;background:#e8fbf8}.knn-portal-quick .tone-orange{color:#ff861d;background:#fff3e4}.knn-portal-quick .tone-red{color:#f24d55;background:#fff0f0}
body.dark-mode .knn-portal-hero{background-image:linear-gradient(90deg,rgba(13,22,33,.88),rgba(13,22,33,.12) 68%),var(--knn-portal-hero-bg)}
@media(max-width:767px){.knn-portal-hero{height:var(--knn-portal-hero-height-mobile,320px)}.knn-portal-hero.knn-device-pc{display:none}.knn-portal-hero.knn-device-mobile{display:block}}