:root{--primary:#6C63FF;--secondary:#A78BFA;--dark:#171821;--bg:#F7F7FA;--surface:#fff;--muted:#ECECF3;--text:#22232B;--sub:#6F7280;--accent:#F59E5B;--border:#DDDDE8;--radius:18px;--shadow:0 18px 50px rgba(23,24,33,.09);--shell:min(1180px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:var(--shell);margin-inline:auto}.narrow{max-width:840px}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);background:var(--dark);color:#fff;padding:10px 14px;border-radius:10px;z-index:100}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(23,24,33,.96);color:#fff;backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{min-height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:42px;height:42px;object-fit:cover;border-radius:12px;background:#242632}.brand span{display:grid;line-height:1.15}.brand strong{font-size:1.1rem}.brand small{margin-top:5px;color:#B9BBC9;font-size:.78rem}.primary-nav{display:flex;align-items:center;gap:8px}.primary-nav a{padding:10px 13px;border-radius:10px;color:#E7E7EF}.primary-nav a:hover,.primary-nav a:focus-visible{background:rgba(255,255,255,.08);outline:none}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:8px 12px}.hero{background:var(--dark);color:#fff;padding:76px 0 68px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.hero-copy h1,.page-intro h1{font-size:clamp(2.2rem,4.8vw,4.5rem);line-height:1.08;letter-spacing:-.035em;margin:.2em 0}.hero-copy .lead{max-width:720px;color:#D2D3DD}.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--primary);margin:0 0 10px}.hero .eyebrow,.section--dark .eyebrow{color:#C5C1FF}.lead{font-size:1.13rem;color:var(--sub);max-width:800px}.hero-art{position:relative}.hero-art:before{content:"";position:absolute;inset:-60px;background:radial-gradient(circle,rgba(108,99,255,.22),transparent 60%);pointer-events:none}.hero-art img{position:relative;border-radius:26px;box-shadow:0 32px 90px rgba(0,0,0,.35);aspect-ratio:4/3;object-fit:cover}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;border:1px solid var(--border);border-radius:12px;font-weight:750;background:#fff;color:var(--text);transition:.2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(0,0,0,.08)}.button--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.button--accent{background:var(--accent);color:#2B2118;border-color:var(--accent)}.button--ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.18)}.button--light{background:#fff;color:var(--dark);border-color:#fff}.button--outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.hero-notes{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-notes span{font-size:.82rem;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#CFCFDA}.section{padding:70px 0}.section--tint{background:var(--muted)}.section--dark{background:var(--dark);color:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2,.split-feature h2,.info-band h2,.feature-row h2,.reading-note h2{font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.14;margin:.15em 0}.text-link{color:var(--primary);font-weight:800}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.media-card{background:var(--surface);border:1px solid #E5E5EC;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 28px rgba(23,24,33,.05)}.media-card__image{position:relative;display:block;background:#D9DAE4;overflow:hidden}.media-card__image img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .35s ease}.media-card:hover .media-card__image img{transform:scale(1.025)}.media-card__type{position:absolute;left:12px;top:12px;background:rgba(23,24,33,.82);color:#fff;padding:5px 9px;border-radius:999px;font-size:.72rem}.media-card__body{padding:17px}.media-card h3{font-size:1.08rem;margin:0 0 8px}.media-card h3 a:hover{color:var(--primary)}.media-card p{font-size:.9rem;color:var(--sub);margin:0 0 14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.badge-row{display:flex;flex-wrap:wrap;gap:7px}.badge{font-size:.72rem;padding:4px 8px;border-radius:999px;background:#F0EFFF;color:#5149C8}.split-feature,.feature-row,.reading-note{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split-feature img,.feature-row img,.reading-note img{border-radius:22px;aspect-ratio:16/10;object-fit:cover;box-shadow:var(--shadow)}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.type-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #E5E5EC;padding-bottom:18px}.type-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.type-card h3,.type-card p{margin-left:18px;margin-right:18px}.type-card h3{margin-bottom:5px}.type-card p{margin-top:0;color:var(--sub);font-size:.92rem}.info-band{display:flex;align-items:center;justify-content:space-between;gap:40px}.info-band p{color:#C9CAD4;max-width:720px}.site-footer{background:#101116;color:#C8C9D2;padding:50px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:50px}.footer-brand{font-size:1.3rem;color:#fff}.footer-grid p{max-width:620px}.footer-grid nav{display:grid;gap:9px;align-content:start}.footer-grid nav a:hover{color:#fff}.footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:.82rem}.page-main{padding-bottom:0}.breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:24px;color:var(--sub);font-size:.86rem}.breadcrumb a:hover{color:var(--primary)}.page-intro{padding:54px 0 38px;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.page-intro img{border-radius:22px;aspect-ratio:4/3;object-fit:cover;box-shadow:var(--shadow)}.page-intro--compact{padding-bottom:18px}.anchor-nav{position:sticky;top:74px;z-index:20;display:flex;gap:10px;padding:12px;background:rgba(247,247,250,.94);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:14px}.anchor-nav a{padding:8px 13px;border-radius:10px;font-weight:700}.anchor-nav a:hover{background:#fff;color:var(--primary)}.catalog-section{scroll-margin-top:145px}.count-label{color:var(--sub);font-size:.86rem}.two-column,.detail-body{display:grid;grid-template-columns:1fr 330px;gap:50px;align-items:start}.two-column h2,.detail-body h2{font-size:1.8rem;margin-top:0}.info-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.info-card h3{margin-top:0}.info-card>a{display:block;padding:10px 0;border-bottom:1px solid var(--border);color:var(--primary);font-weight:700}.info-card>a:last-child{border-bottom:0}.info-card dl{margin:0}.info-card dl div{padding:10px 0;border-bottom:1px solid var(--border)}.info-card dt{font-size:.78rem;color:var(--sub)}.info-card dd{margin:3px 0 0;font-weight:700}.web-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.web-benefits article{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px}.web-benefits h2{margin-top:0}.split-feature--reverse{grid-template-columns:1fr 1fr}.section--dark .split-feature p{color:#D0D1DB}.detail-hero{display:grid;grid-template-columns:340px 1fr;gap:50px;padding:48px 0;align-items:center}.detail-poster img{border-radius:22px;aspect-ratio:4/5;object-fit:cover;box-shadow:var(--shadow)}.detail-copy h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.05;margin:.15em 0}.detail-body p{color:#4F5260}.error-panel{margin:80px auto;background:#fff;border:1px solid var(--border);border-radius:24px;padding:44px;box-shadow:var(--shadow)}.error-panel h1{font-size:2.3rem;margin:.2em 0}@media(max-width:1000px){.media-grid{grid-template-columns:repeat(3,1fr)}.type-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.page-intro{grid-template-columns:1fr}.hero-art{max-width:760px}.detail-hero{grid-template-columns:280px 1fr}}@media(max-width:760px){:root{--shell:min(100% - 28px,1180px)}.header-inner{min-height:64px}.brand small{display:none}.menu-toggle{display:inline-flex}.primary-nav{display:none;position:absolute;left:14px;right:14px;top:70px;background:#20212B;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px;box-shadow:0 18px 45px rgba(0,0,0,.25)}.primary-nav.is-open{display:grid}.primary-nav a{padding:12px}.hero{padding:52px 0}.hero-copy h1,.page-intro h1{font-size:clamp(2rem,11vw,3.2rem)}.section{padding:48px 0}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.media-card__body{padding:13px}.media-card p{font-size:.84rem}.type-grid,.split-feature,.feature-row,.reading-note,.two-column,.detail-body,.web-benefits,.footer-grid,.detail-hero{grid-template-columns:1fr}.split-feature,.feature-row,.reading-note,.detail-hero{gap:28px}.detail-poster{max-width:320px}.info-band{align-items:flex-start;flex-direction:column}.section-heading{align-items:flex-start;flex-direction:column}.anchor-nav{top:64px;overflow-x:auto;white-space:nowrap}.page-intro{padding-top:38px}.page-intro img{order:-1}.footer-bottom{gap:10px;flex-direction:column}.split-feature--reverse img{order:-1}}@media(max-width:440px){.media-grid{grid-template-columns:1fr 1fr}.media-card h3{font-size:.98rem}.media-card__body p{display:none}.badge-row{display:none}.button-row .button{width:100%}.type-grid{grid-template-columns:1fr}.hero-notes{gap:6px}.detail-poster{max-width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.space-1{--space-index:1;}
.space-2{--space-index:2;}
.space-3{--space-index:3;}
.space-4{--space-index:4;}
.space-5{--space-index:5;}
.space-6{--space-index:6;}
.space-7{--space-index:7;}
.space-8{--space-index:8;}
.space-9{--space-index:9;}
.space-10{--space-index:10;}
.space-11{--space-index:11;}
.space-12{--space-index:12;}
.space-13{--space-index:13;}
.space-14{--space-index:14;}
.space-15{--space-index:15;}
.space-16{--space-index:16;}
.space-17{--space-index:17;}
.space-18{--space-index:18;}
.space-19{--space-index:19;}
.space-20{--space-index:20;}
.space-21{--space-index:21;}
.space-22{--space-index:22;}
.space-23{--space-index:23;}
.space-24{--space-index:24;}
.space-25{--space-index:25;}
.space-26{--space-index:26;}
.space-27{--space-index:27;}
.space-28{--space-index:28;}
.space-29{--space-index:29;}
.space-30{--space-index:30;}
.space-31{--space-index:31;}
.space-32{--space-index:32;}
.space-33{--space-index:33;}
.space-34{--space-index:34;}
.space-35{--space-index:35;}
.space-36{--space-index:36;}
.space-37{--space-index:37;}
.space-38{--space-index:38;}
.space-39{--space-index:39;}
.space-40{--space-index:40;}
.space-41{--space-index:41;}
.space-42{--space-index:42;}
.space-43{--space-index:43;}
.space-44{--space-index:44;}
.space-45{--space-index:45;}
.space-46{--space-index:46;}
.space-47{--space-index:47;}
.space-48{--space-index:48;}
.space-49{--space-index:49;}
.space-50{--space-index:50;}
.space-51{--space-index:51;}
.space-52{--space-index:52;}
.space-53{--space-index:53;}
.space-54{--space-index:54;}
.space-55{--space-index:55;}
.space-56{--space-index:56;}
.space-57{--space-index:57;}
.space-58{--space-index:58;}
.space-59{--space-index:59;}
.space-60{--space-index:60;}
.space-61{--space-index:61;}
.space-62{--space-index:62;}
.space-63{--space-index:63;}
.space-64{--space-index:64;}
.space-65{--space-index:65;}
.space-66{--space-index:66;}
.space-67{--space-index:67;}
.space-68{--space-index:68;}
.space-69{--space-index:69;}
.space-70{--space-index:70;}
.space-71{--space-index:71;}
.space-72{--space-index:72;}
.space-73{--space-index:73;}
.space-74{--space-index:74;}
.space-75{--space-index:75;}
.space-76{--space-index:76;}
.space-77{--space-index:77;}
.space-78{--space-index:78;}
.space-79{--space-index:79;}
.space-80{--space-index:80;}

.card-surface{background:#fff;border:1px solid var(--border);border-radius:var(--radius)}
.prose{max-width:76ch}.prose p{margin:0 0 1.05em}.prose h2{margin:1.7em 0 .55em}.prose ul{padding-left:1.2em}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media print{.site-header,.site-footer,.button-row,.anchor-nav{display:none!important}body{background:#fff;color:#000}.media-card,.info-card{box-shadow:none}.page-main{padding:0}.shell{width:100%}}