:root{
    --primary:#7C5C8E;--secondary:#B89ABF;--deep:#25212A;--bg:#F8F5F3;--soft:#EEE8EF;--text:#302C33;--muted:#726B76;--accent:#D58A45;--line:#DCD4DE;--white:#fff;
    --radius:20px;--shadow:0 18px 55px rgba(37,33,42,.08);--shell:min(1180px,calc(100% - 48px));
}
*{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","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.75}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-color:rgba(124,92,142,.35);text-underline-offset:3px}a:hover{color:var(--primary)}button,input{font:inherit}button{cursor:pointer}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--deep);color:#fff;padding:8px 12px;z-index:99}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:40;background:rgba(248,245,243,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(124,92,142,.12)}.header-inner{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-weight:760;text-decoration:none;white-space:nowrap}.brand img{width:44px;height:44px;object-fit:contain;border-radius:12px}.primary-nav{margin-left:auto;display:flex;gap:6px}.primary-nav a{padding:9px 12px;border-radius:999px;text-decoration:none;color:var(--muted)}.primary-nav a:hover,.primary-nav a.active{background:var(--soft);color:var(--deep)}.search-open,.menu-toggle{border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 14px;color:var(--text)}.menu-toggle{display:none}.hero-editorial{padding:70px 0 42px;display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.hero-copy h1,.page-intro h1{font-size:clamp(2.35rem,5vw,4.8rem);line-height:1.08;letter-spacing:-.045em;margin:.2em 0 .35em;color:var(--deep)}.hero-copy h1{max-width:780px}.lead{font-size:1.12rem;color:#59515D;max-width:760px}.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--primary)}.hero-media{margin:0}.hero-media img{border-radius:38% 20px 20px 38%;aspect-ratio:1.35;object-fit:cover;box-shadow:var(--shadow)}.hero-media figcaption{font-size:.85rem;color:var(--muted);padding:10px 8px}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;text-decoration:none;border-radius:999px;padding:12px 20px;font-weight:720;border:1px solid var(--primary)}.button:hover{background:#684b79;color:#fff}.button.ghost{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}.button.subtle{background:var(--soft);color:var(--deep);border-color:var(--line)}.text-link{font-weight:720;color:var(--primary)}.focus-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:18px}.focus-strip div{background:#fff;padding:20px}.focus-strip strong,.focus-strip span{display:block}.focus-strip span{color:var(--muted);font-size:.92rem;margin-top:4px}.section-spacious{padding:82px 0}.compact-top{padding-top:56px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-heading.narrow{display:block;max-width:760px}.section-heading.left{display:block}.section-heading h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.18;letter-spacing:-.03em;margin:.15em 0 .25em}.section-heading p{color:var(--muted);max-width:720px}.editorial-index{border-top:1px solid var(--line)}.index-row{display:grid;grid-template-columns:55px 1fr 28px;gap:18px;align-items:start;padding:24px 6px;border-bottom:1px solid var(--line);text-decoration:none}.index-row strong{display:block;font-size:1.2rem;margin-bottom:5px}.index-row small{display:block;color:var(--muted);font-size:.95rem;line-height:1.6}.index-no{font-variant-numeric:tabular-nums;color:var(--primary);font-weight:800}.feature-band{background:var(--deep);color:#fff}.feature-grid{padding:72px 0;display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.feature-grid.reverse>img{order:2}.feature-grid img{border-radius:20px;aspect-ratio:1.45;object-fit:cover}.feature-grid h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.2;margin:.2em 0}.feature-grid p{color:#D8D1DB}.check-list{list-style:none;padding:0;margin:26px 0}.check-list li{position:relative;padding:8px 0 8px 26px}.check-list li:before{content:"•";position:absolute;left:5px;color:var(--accent);font-size:1.4em;line-height:1}.story-list{border-top:1px solid var(--line)}.story-row{display:grid;grid-template-columns:1fr auto;gap:24px;padding:26px 4px;border-bottom:1px solid var(--line)}.story-row h3{font-size:1.35rem;margin:7px 0}.story-row h3 a{text-decoration:none}.story-row p{color:var(--muted);max-width:860px;margin:0}.story-arrow{text-decoration:none;font-size:2rem;align-self:center}.tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:.75rem;color:var(--primary);font-weight:750}.split-topic{padding:28px 0 92px;display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.topic-visual img{border-radius:18px;aspect-ratio:1.2;object-fit:cover}.topic-copy h2{font-size:clamp(1.8rem,3.3vw,3rem);line-height:1.2}.topic-copy p{color:var(--muted)}.soft-section{background:var(--soft)}.two-column-links{display:grid;grid-template-columns:1fr 1fr;gap:24px}.two-column-links>a{background:#fff;border-radius:18px;overflow:hidden;text-decoration:none;display:grid;grid-template-columns:180px 1fr;min-height:160px}.two-column-links img{width:100%;height:100%;object-fit:cover}.two-column-links span{padding:24px}.two-column-links strong,.two-column-links small{display:block}.two-column-links small{color:var(--muted);margin-top:8px;line-height:1.55}.guide-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.guide-columns article{background:var(--bg);padding:26px}.guide-columns h3{margin-top:0}.guide-columns p{color:var(--muted)}.guide-large article{padding:32px}.guide-large h2{font-size:1.35rem}.center-link{text-align:center;margin-top:34px}.page-intro{padding:58px 0 24px}.page-intro h1{font-size:clamp(2.2rem,4.2vw,4.2rem);max-width:980px}.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.82rem;color:var(--muted);margin-bottom:30px}.breadcrumb a{text-decoration:none}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-top:18px}.category-tabs a{border:1px solid var(--line);border-radius:999px;padding:8px 13px;text-decoration:none;font-size:.9rem}.category-tabs a.active{background:var(--primary);border-color:var(--primary);color:#fff}.listing-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:55px;align-items:start}.article-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.article-cards article{background:#fff;border:1px solid rgba(124,92,142,.14);border-radius:16px;padding:24px}.article-cards h3{font-size:1.2rem;line-height:1.45}.article-cards h3 a{text-decoration:none}.article-cards p{color:var(--muted)}.card-meta{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;color:var(--muted)}.listing-aside{position:sticky;top:105px;background:var(--deep);color:#fff;padding:18px;border-radius:20px}.listing-aside img{border-radius:12px;aspect-ratio:1.4;object-fit:cover}.listing-aside h2{font-size:1.3rem}.listing-aside p,.listing-aside li{color:#D9D2DC}.listing-aside a{color:#F2D8BA}.mosaic-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.mosaic-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid rgba(124,92,142,.12)}.mosaic-card.wide{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr}.mosaic-card img{width:100%;height:260px;object-fit:cover}.mosaic-card.wide img{height:100%}.mosaic-card>div{padding:26px}.mosaic-card h2{margin:.35em 0}.mosaic-card p{color:var(--muted)}.mosaic-card ul{padding-left:18px}.mosaic-card li{margin:7px 0}.brand-explain{display:grid;grid-template-columns:1.4fr .6fr;gap:50px}.brand-note h2{font-size:2rem}.brand-note p{color:var(--muted);font-size:1.05rem}.brand-explain aside{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.brand-explain aside img{border-radius:12px;margin-bottom:20px}.brand-explain code{display:block;margin:8px 0;background:var(--soft);padding:8px 10px;border-radius:8px}.term-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.term-list>div{padding:24px;border-top:2px solid var(--primary);background:rgba(255,255,255,.45)}.term-list dt{font-weight:800}.term-list dd{margin:8px 0 0;color:var(--muted)}.link-rail{display:grid;gap:10px}.link-rail>a{display:grid;grid-template-columns:minmax(180px,.55fr) 1fr;gap:20px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;text-decoration:none}.link-rail span{color:var(--muted)}.device-layout,.about-grid,.safety-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:start}.device-layout>img,.about-grid>img,.safety-grid>img{border-radius:20px;position:sticky;top:110px}.number-steps{counter-reset:steps;list-style:none;padding:0}.number-steps li{display:grid;grid-template-columns:1fr;gap:4px;padding:18px 0;border-bottom:1px solid var(--line)}.number-steps span{color:var(--muted)}.boundary-grid,.contact-board{display:grid;grid-template-columns:1fr 1fr;gap:24px}.boundary-grid article,.contact-board article{padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff}.note-list{columns:2;column-gap:18px}.note-list article{break-inside:avoid;border-top:1px solid var(--line);padding:20px 0}.note-list h3{margin:0 0 7px}.note-list p{color:var(--muted);margin:0}.faq-list{max-width:900px}.faq-list details{border-bottom:1px solid var(--line);padding:8px 0}.faq-list summary{font-size:1.12rem;font-weight:760;padding:16px 0;cursor:pointer}.faq-list p{color:var(--muted);max-width:760px}.prose{max-width:850px}.prose h2{margin-top:2em}.prose p{color:var(--muted)}.search-modal[hidden]{display:none!important}.search-modal{position:fixed;inset:0;background:rgba(37,33,42,.72);z-index:80;display:grid;place-items:start center;padding-top:12vh}.search-panel{width:min(680px,calc(100% - 32px));background:var(--bg);border-radius:20px;padding:30px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.22)}.search-close{position:absolute;right:18px;top:13px;border:0;background:transparent;font-size:1.8rem}.search-form label{display:block;font-weight:700;margin-bottom:7px}.search-row{display:flex;gap:8px}.search-row input{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}.search-row button{border:0;background:var(--primary);color:#fff;border-radius:12px;padding:12px 18px;font-weight:700}.inline-search{max-width:680px;margin-top:28px}.empty-state{text-align:center;padding:80px 20px;border:1px dashed var(--line);border-radius:18px}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:18px}.search-results article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.search-results h2{font-size:1.2rem}.search-results p{color:var(--muted)}.result-count{color:var(--muted)}.article-page{max-width:900px;padding:50px 0 90px}.article-header{text-align:left;padding:18px 0 30px}.article-header h1{font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.1;letter-spacing:-.04em;margin:.28em 0}.article-meta{display:flex;gap:20px;color:var(--muted);font-size:.88rem}.article-figure{margin:14px 0 45px}.article-figure img{width:100%;max-height:520px;object-fit:cover;border-radius:22px}.article-body{font-size:1.07rem;max-width:760px;margin:auto}.article-body h2{font-size:1.8rem;line-height:1.3;margin:2.2em 0 .7em}.article-body p{color:#4F4852}.article-related{margin-top:60px;padding-top:34px;border-top:1px solid var(--line)}.article-related .button{margin-top:24px}.not-found{padding:90px 0 120px;max-width:800px}.huge-404{display:block;font-size:clamp(5rem,16vw,12rem);font-weight:900;line-height:.8;color:var(--soft);letter-spacing:-.08em}.not-found h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.15}.site-footer{background:var(--deep);color:#fff;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px}.footer-grid h2{font-size:1rem}.footer-grid p,.footer-grid a{color:#C9C1CC}.footer-grid nav{display:flex;flex-direction:column;gap:8px}.footer-grid a{text-decoration:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;color:#AFA6B3;font-size:.82rem}.back-top{position:fixed;right:20px;bottom:20px;border:0;border-radius:999px;background:var(--accent);color:#fff;padding:10px 14px;box-shadow:var(--shadow);z-index:25}
@media (max-width:1024px){:root{--shell:min(100% - 36px,980px)}.primary-nav{position:absolute;left:18px;right:18px;top:70px;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:10px;display:none;box-shadow:var(--shadow)}.primary-nav.open{display:grid}.menu-toggle{display:block;margin-left:auto}.search-open{margin-left:0}.hero-editorial,.feature-grid,.split-topic,.brand-explain,.device-layout,.about-grid,.safety-grid{grid-template-columns:1fr;gap:34px}.hero-media img{border-radius:20px;max-height:480px;width:100%}.listing-layout{grid-template-columns:1fr}.listing-aside{position:static}.device-layout>img,.about-grid>img,.safety-grid>img{position:static}.mosaic-card.wide{display:block}.feature-grid.reverse>img{order:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid section{grid-column:1/-1}}
@media (max-width:768px){:root{--shell:calc(100% - 28px)}.header-inner{min-height:68px;gap:10px}.brand span{font-size:.92rem}.brand img{width:38px;height:38px}.search-open{font-size:.82rem;padding:8px 10px}.hero-editorial{padding-top:44px}.focus-strip,.article-cards,.mosaic-topics,.term-list,.two-column-links,.guide-columns,.boundary-grid,.contact-board,.search-results{grid-template-columns:1fr}.two-column-links>a{grid-template-columns:130px 1fr}.section-spacious{padding:62px 0}.section-heading{display:block}.feature-grid{padding:56px 0}.listing-layout{gap:34px}.note-list{columns:1}.link-rail>a{grid-template-columns:1fr;gap:4px}.footer-grid{grid-template-columns:1fr}.footer-grid section{grid-column:auto}.article-meta{flex-direction:column;gap:2px}.article-page{padding-top:30px}}
@media (max-width:600px){.brand span{display:none}.menu-toggle{margin-left:auto}.focus-strip{border-radius:12px}.page-intro{padding-top:38px}.hero-copy h1,.page-intro h1{letter-spacing:-.03em}.two-column-links>a{grid-template-columns:1fr}.two-column-links img{height:180px}.search-row{align-items:stretch}.search-row button{padding-inline:13px}.article-cards article,.boundary-grid article,.contact-board article{padding:20px}.site-footer{padding-top:46px}}
@media (max-width:375px){:root{--shell:calc(100% - 20px)}.header-inner{gap:7px}.search-open{padding:7px 8px}.menu-toggle{padding:7px 9px}.hero-actions{gap:12px}.button{width:100%}.hero-actions .text-link{width:100%}.search-panel{padding:24px 18px}.search-row{flex-direction:column}.footer-bottom{display:grid;gap:8px}}

.deep-note-list{display:grid;gap:24px}.deep-note-list article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}.deep-note-list h2{font-size:1.5rem;line-height:1.4;margin:.2em 0 .7em}.deep-note-list p{color:var(--muted);max-width:920px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:34px 0}.pagination a{font-weight:760}.pagination span{color:var(--muted)}.section-cta{margin:-10px 0 34px}
@media(max-width:600px){.deep-note-list article{padding:22px}.pagination{font-size:.9rem}.pagination span{order:2;width:100%;text-align:center}.pagination{flex-wrap:wrap}.pagination a{flex:1}.pagination a:last-child{text-align:right}}