:root{--brand:#5B4BDB;--brand-soft:#8B7CF6;--ink:#1E1B2E;--text:#292734;--muted:#6F6B7A;--bg:#F7F7FB;--soft:#EFEFFC;--accent:#F05A7E;--white:#fff;--line:#dddaf2;--shadow:0 18px 44px rgba(40,32,91,.09);--radius:24px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:fixed;left:16px;top:12px;z-index:1000;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,251,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(91,75,219,.11)}.header-shell,.footer-shell{max-width:var(--max);margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px;object-fit:contain;border-radius:12px}.brand span{display:grid;line-height:1.12}.brand strong{font-size:1.1rem;color:var(--ink)}.brand small{font-size:.75rem;color:var(--muted);margin-top:5px}.site-nav{display:flex;align-items:center;gap:6px}.site-nav a{padding:9px 12px;border-radius:12px;color:var(--muted);font-size:.94rem}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--soft);color:var(--brand)}.menu-button{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;color:var(--ink)}main{min-height:60vh}.hero,.page-intro,.section,.not-found{max-width:var(--max);margin:0 auto;padding-left:24px;padding-right:24px}.hero{padding-top:70px;padding-bottom:50px;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.hero-copy h1,.page-intro h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.03;letter-spacing:-.055em;color:var(--ink);margin:10px 0 22px}.lead{font-size:clamp(1.08rem,2vw,1.28rem);color:var(--muted);max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:var(--brand)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 18px;border-radius:14px;font-weight:750;border:1px solid transparent}.button.primary{background:var(--brand);color:#fff;box-shadow:0 8px 20px rgba(91,75,219,.22)}.button.primary:hover{transform:translateY(-1px)}.button.ghost{background:#fff;border-color:var(--line);color:var(--ink)}.hero-media{margin:0;background:linear-gradient(160deg,#fff,var(--soft));border:1px solid var(--line);padding:14px;border-radius:32px;box-shadow:var(--shadow)}.hero-media img{border-radius:22px;aspect-ratio:4/3;object-fit:cover}.hero-media figcaption{padding:12px 6px 2px;color:var(--muted);font-size:.88rem}.hero-points{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px}.hero-points li{background:var(--soft);color:var(--brand);border:1px solid rgba(91,75,219,.08);padding:8px 11px;border-radius:999px;font-size:.9rem}.section{padding-top:72px;padding-bottom:72px}.section-heading{max-width:760px;margin-bottom:32px}.section-heading h2,.split-band h2,.feature-copy h2,.story-stream h2,.mobile-detail h2,.banner h2,.next-path h2{font-size:clamp(1.8rem,3.5vw,3rem);letter-spacing:-.035em;line-height:1.12;color:var(--ink);margin:8px 0 16px}.section-heading p,.feature-copy p,.split-band p,.next-path p{color:var(--muted)}.split-band{display:grid;grid-template-columns:1.3fr .7fr;gap:36px;align-items:start}.fact-panel{background:var(--ink);color:#fff;border-radius:24px;padding:26px;display:grid;gap:11px}.fact-panel strong{font-size:1.15rem;margin-bottom:4px}.fact-panel a{background:rgba(255,255,255,.08);padding:11px 12px;border-radius:12px}.fact-panel a:hover{background:rgba(255,255,255,.13)}.text-link{color:var(--brand);font-weight:750}.feature-focus{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}.feature-image img,.mobile-layout img,.page-intro img,.mobile-detail img{border-radius:28px;box-shadow:var(--shadow);object-fit:cover}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.mini-grid div{background:#fff;border:1px solid var(--line);padding:16px;border-radius:16px}.mini-grid strong,.mini-grid span{display:block}.mini-grid span{color:var(--muted);font-size:.85rem;margin-top:4px}.video-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.preview-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;min-height:230px;display:flex;flex-direction:column}.preview-card h3{color:var(--ink);font-size:1.18rem;margin:12px 0 8px}.preview-card p{color:var(--muted);font-size:.94rem}.preview-card a{margin-top:auto;color:var(--brand);font-weight:750}.tag{display:inline-flex;width:max-content;align-items:center;border-radius:999px;background:var(--soft);color:var(--brand);padding:4px 9px;font-size:.75rem;font-weight:800}.center-action{text-align:center;margin-top:28px}.soft-zone{background:var(--soft);border-radius:34px;margin-top:40px;margin-bottom:40px}.mobile-layout{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.mobile-layout h3{font-size:1.5rem;color:var(--ink);margin-top:0}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 18px}.faq-list summary{cursor:pointer;padding:17px 0;font-weight:750;color:var(--ink)}.faq-list p{color:var(--muted);margin:0 0 18px}.page-intro{padding-top:64px;padding-bottom:48px;display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.page-intro.compact h1{font-size:clamp(2.5rem,5.2vw,4.5rem)}.two-column-reading{display:grid;grid-template-columns:1.25fr .75fr;gap:46px}.two-column-reading h2{font-size:2rem;color:var(--ink)}.two-column-reading h3{font-size:1.3rem;color:var(--ink);margin-top:34px}.reading-aside{background:#fff;border:1px solid var(--line);padding:24px;border-radius:24px;align-self:start;position:sticky;top:100px}.reading-aside ul{padding-left:20px;color:var(--muted)}.reading-aside img{border-radius:18px;margin-top:18px}.link-list{list-style:none;padding:0;display:grid;gap:12px}.link-list a{display:grid;background:#fff;border:1px solid var(--line);padding:16px 18px;border-radius:16px}.link-list a:hover{border-color:var(--brand-soft)}.link-list span{color:var(--muted);font-size:.9rem;margin-top:4px}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.comparison-grid article{background:#fff;padding:20px;border-radius:18px;border:1px solid rgba(91,75,219,.12)}.comparison-grid h3{margin-top:0;color:var(--ink)}.comparison-grid p{color:var(--muted)}.comparison-grid a{color:var(--brand);font-weight:750}.story-stream{display:grid;gap:38px}.story-stream>article{display:grid;grid-template-columns:80px 1fr;gap:24px;padding-bottom:38px;border-bottom:1px solid var(--line)}.story-stream .step{font-size:2.6rem;color:var(--brand-soft);font-weight:900;line-height:1}.story-stream p{max-width:880px;color:var(--muted)}.inline-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);padding:16px;border-radius:22px;margin-top:24px}.inline-feature img{border-radius:16px}.inline-feature h3{color:var(--ink)}.topic-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.topic-links a{display:grid;background:#fff;border:1px solid var(--line);padding:16px;border-radius:16px}.topic-links a span{font-size:.76rem;color:var(--brand);font-weight:800}.topic-links a strong{margin:4px 0;color:var(--ink)}.topic-links a small{color:var(--muted)}.next-path{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:#fff;border-radius:30px;margin-top:32px;margin-bottom:72px}.next-path h2{color:#fff}.next-path p{color:rgba(255,255,255,.72);max-width:760px}.next-path .button.ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2);flex:0 0 auto}.tag-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag-filter a{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted)}.tag-filter a[aria-current=page]{background:var(--brand);color:#fff;border-color:var(--brand)}.index-summary{display:flex;justify-content:space-between;gap:20px;color:var(--muted);margin-bottom:16px}.index-summary strong{color:var(--ink)}.dense-list{display:grid;border-top:1px solid var(--line)}.dense-list article{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);scroll-margin-top:96px}.list-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--muted);font-size:.8rem}.dense-list h2{font-size:1.42rem;color:var(--ink);margin:0 0 8px}.dense-list p{color:var(--muted);margin:0}.expanded-copy{margin-top:12px}.context-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.context-links a{color:var(--brand);font-size:.86rem;font-weight:700}.banner{position:relative;overflow:hidden;border-radius:30px;margin-bottom:72px}.banner img{width:100%;height:320px;object-fit:cover;filter:brightness(.5)}.banner>div{position:absolute;left:50px;bottom:42px;max-width:620px;color:#fff}.banner h2{color:#fff}.banner p{color:rgba(255,255,255,.82)}.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.safety-grid article{background:#fff;border:1px solid var(--line);padding:22px;border-radius:20px}.safety-grid article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--soft);color:var(--brand);font-weight:900}.safety-grid h2{font-size:1.25rem;color:var(--ink)}.safety-grid p{color:var(--muted)}.mobile-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.check-list{padding-left:18px}.check-list a{color:var(--brand);font-weight:750}.search-form{margin-top:26px;max-width:640px}.search-form label{display:block;font-weight:750;color:var(--ink);margin-bottom:8px}.search-form>div{display:flex;gap:10px}.search-form input{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;outline:none}.search-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,75,219,.11)}.result-list{display:grid;gap:12px}.result-list article{background:#fff;border:1px solid var(--line);padding:18px 20px;border-radius:18px}.result-list article>span{font-size:.76rem;color:var(--brand);font-weight:800}.result-list h3{margin:5px 0;color:var(--ink)}.result-list p{color:var(--muted);margin-bottom:0}.empty-state{padding:44px;background:#fff;border:1px solid var(--line);border-radius:24px;text-align:center}.empty-state h2{color:var(--ink)}.empty-state p{color:var(--muted)}.empty-state a{color:var(--brand);font-weight:750}.not-found{padding-top:110px;padding-bottom:120px;text-align:center}.not-found h1{font-size:clamp(3rem,8vw,6rem);letter-spacing:-.06em;color:var(--ink);margin:0}.not-found p{color:var(--muted);font-size:1.1rem}.not-found .actions{justify-content:center}.site-footer{margin-top:80px;background:var(--ink);color:#fff}.footer-shell{padding-top:50px;padding-bottom:38px;align-items:flex-start}.footer-shell>div{max-width:520px}.footer-shell p{color:rgba(255,255,255,.65)}.footer-shell nav{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 22px}.footer-shell nav a{color:rgba(255,255,255,.8)}.footer-bottom{max-width:var(--max);margin:auto;padding:18px 24px 28px;color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.08);font-size:.86rem}:focus-visible{outline:3px solid rgba(240,90,126,.55);outline-offset:3px}@media(max-width:940px){.menu-button{display:block}.site-nav{position:absolute;left:16px;right:16px;top:76px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:10px;display:none;flex-direction:column;align-items:stretch}.site-nav[data-open="true"]{display:flex}.site-nav a{padding:12px}.hero,.page-intro,.feature-focus,.two-column-reading,.mobile-layout,.mobile-detail{grid-template-columns:1fr}.hero{padding-top:44px}.hero-media{max-width:720px}.reading-aside{position:static}.video-preview-grid,.comparison-grid,.safety-grid{grid-template-columns:repeat(2,1fr)}.split-band{grid-template-columns:1fr}.topic-links{grid-template-columns:1fr}.next-path{align-items:flex-start}.page-intro img{max-height:480px;width:100%}}@media(max-width:640px){.header-shell{padding:12px 16px}.brand small{display:none}.hero,.page-intro,.section,.not-found{padding-left:16px;padding-right:16px}.hero{gap:28px}.hero-copy h1,.page-intro h1{font-size:2.55rem}.section{padding-top:50px;padding-bottom:50px}.video-preview-grid,.comparison-grid,.safety-grid,.mini-grid{grid-template-columns:1fr}.soft-zone{border-radius:0;margin-left:0;margin-right:0}.story-stream>article{grid-template-columns:1fr;gap:10px}.story-stream .step{font-size:1.5rem}.inline-feature{grid-template-columns:1fr}.dense-list article{grid-template-columns:1fr;gap:10px}.list-meta{flex-direction:row}.index-summary{flex-direction:column;gap:4px}.banner{margin-left:16px;margin-right:16px}.banner>div{left:22px;right:22px;bottom:24px}.banner img{height:360px}.next-path{margin-left:16px;margin-right:16px;flex-direction:column}.search-form>div{flex-direction:column}.footer-shell{padding:36px 16px;flex-direction:column}.footer-shell nav{grid-template-columns:1fr}.footer-bottom{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.content-note-1{padding:13px 15px;border-left:3px solid var(--brand-soft);background:rgba(239,239,252,0.45);border-radius:11px}
.content-note-2{padding:14px 16px;border-left:4px solid var(--brand-soft);background:rgba(239,239,252,0.55);border-radius:12px}
.content-note-3{padding:15px 17px;border-left:2px solid var(--brand-soft);background:rgba(239,239,252,0.65);border-radius:13px}
.content-note-4{padding:16px 18px;border-left:3px solid var(--brand-soft);background:rgba(239,239,252,0.75);border-radius:14px}
.content-note-5{padding:12px 19px;border-left:4px solid var(--brand-soft);background:rgba(239,239,252,0.35);border-radius:15px}
.content-note-6{padding:13px 20px;border-left:2px solid var(--brand-soft);background:rgba(239,239,252,0.45);border-radius:10px}
.content-note-7{padding:14px 14px;border-left:3px solid var(--brand-soft);background:rgba(239,239,252,0.55);border-radius:11px}
.content-note-8{padding:15px 15px;border-left:4px solid var(--brand-soft);background:rgba(239,239,252,0.65);border-radius:12px}
.content-note-9{padding:16px 16px;border-left:2px solid var(--brand-soft);background:rgba(239,239,252,0.75);border-radius:13px}
.content-note-10{padding:12px 17px;border-left:3px solid var(--brand-soft);background:rgba(239,239,252,0.35);border-radius:14px}
.content-note-11{padding:13px 18px;border-left:4px solid var(--brand-soft);background:rgba(239,239,252,0.45);border-radius:15px}
.content-note-12{padding:14px 19px;border-left:2px solid var(--brand-soft);background:rgba(239,239,252,0.55);border-radius:10px}
.content-note-13{padding:15px 20px;border-left:3px solid var(--brand-soft);background:rgba(239,239,252,0.65);border-radius:11px}
.content-note-14{padding:16px 14px;border-left:4px solid var(--brand-soft);background:rgba(239,239,252,0.75);border-radius:12px}
.content-note-15{padding:12px 15px;border-left:2px solid var(--brand-soft);background:rgba(239,239,252,0.35);border-radius:13px}
.content-note-16{padding:13px 16px;border-left:3px solid var(--brand-soft);background:rgba(239,239,252,0.45);border-radius:14px}
.content-note-17{padding:14px 17px;border-left:4px solid var(--brand-soft);background:rgba(239,239,252,0.55);border-radius:15px}
.content-note-18{padding:15px 18px;border-left:2px solid var(--brand-soft);background:rgba(239,239,252,0.65);border-radius:10px}
.content-note-19{padding:16px 19px;border-left:3px solid var(--brand-soft);background:rgba(239,239,252,0.75);border-radius:11px}
.content-note-20{padding:12px 20px;border-left:4px solid var(--brand-soft);background:rgba(239,239,252,0.35);border-radius:12px}
.content-note-21{padding:13px 14px;border-left:2px solid var(--brand-soft);background:rgba(239,239,252,0.45);border-radius:13px}
.content-note-22{padding:14px 15px;border-left:3px solid var(--brand-soft);background:rgba(239,239,252,0.55);border-radius:14px}
.content-note-23{padding:15px 16px;border-left:4px solid var(--brand-soft);background:rgba(239,239,252,0.65);border-radius:15px}
.content-note-24{padding:16px 17px;border-left:2px solid var(--brand-soft);background:rgba(239,239,252,0.75);border-radius:10px}
.content-note-25{padding:12px 18px;border-left:3px solid var(--brand-soft);background:rgba(239,239,252,0.35);border-radius:11px}
.content-note-26{padding:13px 19px;border-left:4px solid var(--brand-soft);background:rgba(239,239,252,0.45);border-radius:12px}
.content-note-27{padding:14px 20px;border-left:2px solid var(--brand-soft);background:rgba(239,239,252,0.55);border-radius:13px}
.content-note-28{padding:15px 14px;border-left:3px solid var(--brand-soft);background:rgba(239,239,252,0.65);border-radius:14px}
.content-note-29{padding:16px 15px;border-left:4px solid var(--brand-soft);background:rgba(239,239,252,0.75);border-radius:15px}
.content-note-30{padding:12px 16px;border-left:2px solid var(--brand-soft);background:rgba(239,239,252,0.35);border-radius:10px}.guide-library{border-top:1px solid var(--line)}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.guide-grid h3{margin:0 0 10px;color:var(--ink);font-size:1.2rem;line-height:1.35}.guide-grid p{color:var(--muted);margin:10px 0 0}.guide-grid .guide-intro{color:var(--text);font-weight:650}@media(max-width:760px){.guide-grid{grid-template-columns:1fr}.guide-grid article{padding:20px}}
.content-notes{padding-top:38px}.notes-list{columns:2;column-gap:18px}.notes-list article{break-inside:avoid;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin:0 0 18px}.notes-list h3{margin:0 0 9px;color:var(--ink);font-size:1.12rem;line-height:1.4}.notes-list p{color:var(--muted);margin:9px 0 0}.notes-list .note-summary{color:var(--text);font-weight:650}@media(max-width:760px){.notes-list{columns:1}}
/* Print and resilient layout rules */
@media print{.site-header,.site-footer,.menu-button,.actions,.tag-filter,.context-links,.search-form,.button{display:none!important}body{background:#fff;color:#000;font-size:11pt;line-height:1.5}.hero,.page-intro,.section,.not-found{max-width:none;padding:18pt 0;margin:0}.hero,.page-intro,.feature-focus,.two-column-reading,.mobile-layout,.mobile-detail,.split-band{display:block}.hero-media,.page-intro img,.feature-image,.mobile-layout img,.mobile-detail img,.banner img{max-width:55%;margin:12pt 0;box-shadow:none}.soft-zone,.fact-panel,.preview-card,.guide-grid article,.notes-list article,.result-list article,.safety-grid article,.comparison-grid article{background:#fff!important;color:#000!important;border:1px solid #bbb!important;box-shadow:none}.dense-list article{page-break-inside:avoid}.story-stream>article,.preview-card,.guide-grid article,.notes-list article{break-inside:avoid}.eyebrow,.tag,.text-link,a{color:#000!important}.banner{display:none}.notes-list{columns:1}.guide-grid,.video-preview-grid,.comparison-grid,.safety-grid{display:block}.guide-grid article,.preview-card,.comparison-grid article,.safety-grid article{margin:0 0 12pt}.hero-copy h1,.page-intro h1{font-size:28pt}.section-heading h2,.split-band h2,.feature-copy h2,.story-stream h2,.mobile-detail h2{font-size:20pt}}
@supports not (backdrop-filter:blur(1px)){.site-header{background:rgba(247,247,251,.99)}}
@supports (content-visibility:auto){.dense-list article,.guide-grid article,.notes-list article{content-visibility:auto;contain-intrinsic-size:1px 260px}}
@media (hover:hover){.preview-card,.guide-grid article,.notes-list article,.comparison-grid article,.safety-grid article{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.preview-card:hover,.guide-grid article:hover,.notes-list article:hover,.comparison-grid article:hover,.safety-grid article:hover{transform:translateY(-2px);border-color:rgba(91,75,219,.32);box-shadow:0 12px 28px rgba(40,32,91,.07)}}
@media (prefers-contrast:more){:root{--line:#9b97ad;--muted:#4a4755}.button.ghost,.preview-card,.guide-grid article,.notes-list article,.result-list article{border-width:2px}.site-nav a[aria-current=page]{outline:2px solid currentColor}}