:root{--ink:#18202f;--nav:#fff;--muted:#687284;--paper:#f7f8fb;--line:#e7eaf0;--accent:#5264d8;--teal:#a6d5d0;--cream:#fff}
body{background:var(--paper);color:var(--ink)}
.topline{background:#1e2741;color:#e8ebf4;height:32px;font-size:10px}
.site-header{height:76px;background:#fff;color:#222c43;border-bottom:1px solid #e8ebf0;box-shadow:0 4px 22px #29315008;gap:20px}
.brand{font-size:19px;letter-spacing:-.5px}.brand small{font-size:7px;color:#7e899b;letter-spacing:1.65px;margin-top:5px}.brand-icon{width:37px;height:37px;background:#5264d8;border-radius:11px;font-family:"Microsoft YaHei",sans-serif;font-size:19px;box-shadow:0 7px 14px #5264d829}.brand-icon span{font-size:13px;bottom:-1px;right:3px}
.main-nav>a,.nav-group>button{color:#586276;font-size:13px;padding:0 14px}.main-nav>a:hover,.nav-group>button:hover,.nav-group:focus-within>button{color:#4558d1;background:#f4f5fc}.nav-home{color:#4558d1!important}.submenu{background:#fff;border:1px solid #e7eaf1;border-radius:12px;box-shadow:0 15px 38px #222c4320;padding:6px;top:67px}.submenu a{color:#4b5568;border-radius:7px}.submenu a:hover{background:#f2f4ff;color:#4558d1}.header-action{background:#5264d8;border-radius:9px;padding:12px 16px;box-shadow:0 7px 15px #5264d826}.header-action:hover{background:#4052c8}
.hero{width:100%;max-width:none;min-height:462px;padding:0 max(32px,calc((100vw - 1240px)/2));background:linear-gradient(115deg,#f7f8ff 0%,#f5f8ff 55%,#eef1ff 100%);gap:28px;overflow:hidden}.hero-copy{padding:66px 0 70px;z-index:1}.eyebrow{color:#5264d8}.live-dot{background:#5264d8}.hero h1{font-size:clamp(44px,5vw,67px);letter-spacing:-3px;line-height:1.17}.hero h1 em{color:#5264d8}.hero-text{font-size:14px;line-height:1.9;color:#677287;margin:22px 0 23px;max-width:460px}.hero-search{height:56px;background:#fff;border:1px solid #dfe4ee;border-radius:11px;display:flex;align-items:center;max-width:560px;box-shadow:0 10px 24px #313d7320;padding:5px}.hero-search>span{font-size:27px;color:#909aad;padding:0 11px}.hero-search input{border:0;outline:0;min-width:0;flex:1;font-size:13px;background:transparent;color:#25314b}.hero-search input::placeholder{color:#98a1b0}.hero-search button{border:0;background:#5264d8;color:#fff;height:44px;border-radius:8px;padding:0 18px;font-size:12px;font-weight:700;white-space:nowrap}.hero-search button:hover{background:#4052c8}.hero-keywords{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:12px}.hero-keywords span{color:#9aa2b0}.hero-keywords a{color:#677287;padding:5px 9px;border:1px solid #dfe3ee;border-radius:20px;background:#ffffffa6}.hero-keywords a:hover{color:#5264d8;border-color:#5264d8}.hero-visual{height:395px;background:transparent;overflow:visible}.visual-grid{display:none}.visual-frame{inset:26px 15px 22px 15px;border-radius:16px;padding:12px;background:#1d263a;transform:rotate(3deg);box-shadow:18px 23px 45px #2734563a}.frame-landscape{border-radius:7px;height:calc(100% - 58px);background:linear-gradient(#697e9a 0%,#d9b3a2 53%,#5f6375 100%)}.sun{background:#f8d7b7}.ridge-back{background:#696276}.ridge-front{background:#283c57}.floating-note{background:#fff;border-radius:8px;padding:12px 16px;bottom:5px;left:-20px;box-shadow:0 8px 30px #26345929;color:#5264d8;letter-spacing:1px}.vertical-note{color:#8d98ba;right:-14px}
.quick-strip{border-color:#edf0f5;box-shadow:0 5px 13px #23335307}.quick-inner{min-height:67px}.quick-inner a{border-color:#e7eaf0}.quick-inner a:hover{color:#5264d8}.section{padding-top:75px;padding-bottom:78px}.section-head h2{font-size:30px;letter-spacing:-1px}.section-head>p,.section-subtitle{color:#8992a1;font-size:13px}.section-subtitle{margin:8px 0 0}.category-grid{gap:16px}.category-card{height:175px;border-radius:14px;box-shadow:0 6px 18px #27334c0b}.category-card:after{border-color:#ffffff72;right:-44px;top:20px}.lut-card{background:#e7e5ff}.audio-card{background:#daf3ee}.node-card{background:#e8ecf5}.cat-number{color:#697383;opacity:1}.category-card strong{font-size:23px;letter-spacing:-.8px}.category-card>span:nth-of-type(2){color:#647083}.category-card i{width:32px;height:32px;background:#ffffffad;border-radius:9px;display:grid;place-items:center;font-size:18px}.latest-section{background:#fff}.section-link{color:#5264d8;border-color:#5264d8}.latest-grid,.resource-grid{gap:18px}.resource-card{border-radius:13px;overflow:hidden;border:1px solid #e7eaf0;box-shadow:0 4px 18px #212e500c}.resource-card:hover{box-shadow:0 15px 30px #26345922}.resource-cover{height:180px}.cover-lut{background:linear-gradient(140deg,#dbd4bd,#8ca3b3 55%,#495b71)}.cover-audio{background:linear-gradient(135deg,#7fb5b7,#314d71 72%,#293653)}.cover-node{background:linear-gradient(135deg,#b7a8cc,#777baf 48%,#374976)}.resource-cover:after{opacity:.85}.cover-lut .cover-art{font-family:Georgia,serif;font-weight:400;letter-spacing:1px}.cover-badge{background:#ffffffed;color:#37415c;border-radius:5px;font-weight:700}.cover-code{color:#ffffffb8}.resource-body{padding:18px}.resource-meta{color:#5264d8}.resource-body h3{font-size:15px;min-height:44px}.resource-desc{color:#788295}.resource-footer{border-color:#edf0f4}.resource-footer b{color:#5264d8}.catalog-section{padding-top:78px}.catalog-layout{grid-template-columns:210px 1fr;gap:25px}.catalog-sidebar{border:1px solid #e7eaf0;border-radius:13px;padding:20px;box-shadow:0 3px 15px #27334c08}.sidebar-title{font-size:15px}.filter{border-radius:7px}.filter:hover,.filter.active{background:#eef0ff;color:#5264d8}.catalog-toolbar strong{font-size:19px}.search-field{border-radius:8px;border-color:#dfe4ed}.search-field:focus-within{border-color:#5264d8}.guide-section{background:#273452}.guide-section .eyebrow{color:#b8c2ff}.guide-steps b{color:#b8c2ff}footer{background:#1e2741}.footer-brand .brand-icon{font-size:15px}.detail-dialog{border-radius:14px;overflow:hidden}.detail-dialog .resource-cover{height:190px}.detail-dialog::backdrop{background:#141b30bd}.demo-notice{background:#eef0ff;color:#5563aa;border-radius:8px}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#5264d8}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.main-nav>a,.nav-group>button{padding:0 8px;font-size:12px}.hero{padding:0 32px}.hero-visual{height:330px}.visual-frame{inset:15px 5px 20px 5px}}
@media(max-width:760px){.hero{padding:0 16px}.hero-copy{padding:48px 0 24px}.hero h1{font-size:45px}.hero-visual{height:255px;margin-bottom:35px}.visual-frame{inset:12px 29px 22px 18px}.site-header{height:64px}.menu-toggle{color:#5264d8;border-color:#dfe3f2;border-radius:8px}.main-nav{top:64px;background:#fff;box-shadow:0 17px 26px #27334c21}.main-nav>a,.nav-group>button{color:#39445a;font-size:14px}.nav-group .submenu{background:#f7f8fd;box-shadow:none;border:0}.nav-group .submenu a{color:#4b5568}.category-card{height:145px}.section{padding-top:55px;padding-bottom:58px}.section-head h2{font-size:27px}.catalog-layout{grid-template-columns:1fr}.resource-cover{height:190px}}
/* Resource first home: compact discovery banner followed by fresh posts. */
.hero{min-height:390px;background:#f4f6fc;border-bottom:1px solid #e8ebf3}.hero-copy{padding-top:54px;padding-bottom:54px}.hero h1{font-size:clamp(42px,4.6vw,59px)}.hero-text{margin:17px 0 20px}.hero-visual{height:332px}.visual-frame{inset:22px 34px 20px 25px}.floating-note{bottom:3px}.latest-section{padding-top:61px;padding-bottom:70px}.latest-section .section-head{margin-bottom:26px}.latest-section .resource-cover{height:205px}.latest-section .resource-body h3{min-height:48px}.category-grid{gap:13px}.catalog-section{border-top:1px solid #e9ebf0}.main-nav{margin-left:auto}.main-nav>a,.nav-group>button{padding-left:17px;padding-right:17px}
@media(max-width:1000px){.main-nav>a,.nav-group>button{padding-left:9px;padding-right:9px}}
@media(max-width:760px){.hero{min-height:auto}.hero-copy{padding:42px 0 26px}.hero h1{font-size:42px}.hero-visual{height:235px}.visual-frame{inset:8px 34px 15px 19px}.latest-section{padding-top:49px;padding-bottom:55px}.latest-section .resource-cover{height:190px}}
/* Portal composition inspired by the search / category / newest-post flow. */
.topline{background:#f7f8fb;color:#748092;border-bottom:1px solid #e8ebf0}.site-header{box-shadow:none}.hero{display:block;min-height:0;padding:0 24px;background:linear-gradient(135deg,#273754,#334477 58%,#5365a4);border:0}.hero-copy{width:min(810px,100%);margin:auto;text-align:center;padding:75px 0 80px}.hero .eyebrow{color:#c4ceff}.hero .live-dot{background:#a6b4ff}.hero h1{color:#fff;font-size:clamp(40px,5vw,64px);letter-spacing:-2px}.hero h1 br{display:none}.hero h1 em{color:#c7d0ff}.hero-text{margin:18px auto 27px;max-width:600px;color:#d6deef;font-size:14px}.hero-search{margin:0 auto;max-width:690px;height:62px;border:0;border-radius:10px;box-shadow:0 14px 35px #0d193c36}.hero-search button{height:50px;padding:0 25px}.hero-keywords{justify-content:center;margin-top:21px}.hero-keywords span{color:#bdc7de}.hero-keywords a{color:#e4e9f6;background:#ffffff1c;border-color:#ffffff40}.hero-keywords a:hover{color:#fff;border-color:#fff}.hero-visual{display:none}.section{padding-top:66px;padding-bottom:72px}.section-head{margin-bottom:26px}#categories{background:#f7f8fb}#categories .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#categories .category-card{background:#fff;border:1px solid #e7eaf0;height:156px;box-shadow:0 7px 24px #1d2c570b}#categories .lut-card{border-top:3px solid #7383d9}#categories .audio-card{border-top:3px solid #61b3ad}#categories .node-card{border-top:3px solid #bd88b9}#categories .category-card:after{display:none}#categories .category-card strong{font-size:21px}#categories .category-card i{background:#f1f3fa}.latest-section{background:#fff}.latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.latest-section .resource-cover{height:166px}.latest-section .resource-card{box-shadow:none}.latest-section .resource-card:hover{box-shadow:0 14px 32px #1a2b5220}.latest-section .resource-body{padding:18px}.latest-section .resource-body h3{min-height:48px}.catalog-section{border-top:1px solid #e7eaf0}.guide-section{padding-top:65px;padding-bottom:65px}
@media(max-width:760px){.hero{padding:0 16px}.hero-copy{padding:55px 0 59px}.hero h1{font-size:42px}.hero h1 br{display:block}.hero-search{height:55px}.hero-search button{height:45px;padding:0 14px}.hero-keywords{gap:7px}#categories .category-grid,.latest-grid{grid-template-columns:1fr}#categories .category-card{height:137px}.latest-section .resource-cover{height:190px}}