:root{
    --purple:#7C5CFC;
    --pink:#E98FB3;
    --ink:#211D2B;
    --paper:#F8F6FB;
    --soft:#EEEAF5;
    --text:#302C38;
    --muted:#746E7D;
    --amber:#F2A33A;
    --line:#DDD7E7;
    --white:#FFFFFF;
    --shadow:0 18px 48px rgba(33,29,43,.10);
    --shadow-soft:0 10px 26px rgba(33,29,43,.07);
    --radius:22px;
    --radius-sm:14px;
    --shell:min(1180px,calc(100% - 40px));
    --reading:min(960px,calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:var(--paper);
    color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
    line-height:1.72;
    text-rendering:optimizeLegibility;
}
body.modal-open{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--purple)}
button,input{font:inherit}
button{cursor:pointer}
p{margin:0 0 1em}
h1,h2,h3{margin:0;color:var(--ink);line-height:1.25;letter-spacing:-.02em}
h1{font-size:clamp(2.1rem,4vw,4.2rem)}
h2{font-size:clamp(1.55rem,2.6vw,2.65rem)}
h3{font-size:1.12rem}
code{
    padding:.12em .38em;
    border:1px solid var(--line);
    border-radius:7px;
    background:var(--soft);
    font-size:.92em;
}
.shell{width:var(--shell);margin-inline:auto}
.shell--reading{width:var(--reading)}
.skip-link{
    position:fixed;
    top:8px;
    left:8px;
    z-index:999;
    padding:10px 14px;
    background:var(--ink);
    color:var(--white);
    border-radius:8px;
    transform:translateY(-150%);
}
.skip-link:focus{transform:translateY(0)}
.eyebrow{
    margin:0 0 10px;
    color:var(--purple);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.lead-copy{
    margin-top:18px;
    color:#554E60;
    font-size:1.08rem;
    line-height:1.9;
}
.text-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--purple);
    font-weight:760;
}
.text-link::after{content:"→";transition:transform .18s ease}
.text-link:hover::after{transform:translateX(4px)}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.button{
    display:inline-flex;
    min-height:44px;
    align-items:center;
    justify-content:center;
    padding:10px 18px;
    border:1px solid transparent;
    border-radius:999px;
    font-weight:760;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.button:hover{transform:translateY(-1px)}
.button--primary{background:var(--purple);color:var(--white);box-shadow:0 10px 24px rgba(124,92,252,.22)}
.button--primary:hover{background:#6F4FF0;color:var(--white)}
.button--ghost{border-color:var(--line);background:rgba(255,255,255,.72)}
.button--ghost:hover{border-color:var(--purple);background:var(--white)}
.site-header{
    position:sticky;
    top:0;
    z-index:60;
    border-bottom:1px solid rgba(221,215,231,.84);
    background:rgba(248,246,251,.94);
    backdrop-filter:blur(16px);
}
.header-inner{
    min-height:78px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:26px;
}
.brand{display:flex;align-items:center;gap:12px;min-width:190px}
.brand img{
    width:46px;
    height:46px;
    object-fit:cover;
    border-radius:14px;
    background:var(--soft);
}
.brand span{display:grid;line-height:1.1}
.brand strong{font-size:1.06rem;color:var(--ink)}
.brand small{margin-top:5px;color:var(--muted);font-size:.72rem}
.main-nav{display:flex;justify-content:center;align-items:center;gap:7px}
.main-nav a{
    padding:9px 12px;
    border-radius:999px;
    color:#5C5565;
    font-size:.93rem;
    font-weight:690;
}
.main-nav a:hover,.main-nav a[aria-current="page"]{background:var(--soft);color:var(--ink)}
.menu-toggle{display:none}
.search-toggle,.menu-toggle{
    min-height:40px;
    padding:8px 14px;
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--white);
    color:var(--ink);
    font-weight:720;
}
.search-toggle:hover,.menu-toggle:hover{border-color:var(--purple)}
.search-modal[hidden]{display:none !important}
.search-modal{
    position:fixed;
    inset:0;
    z-index:100;
    display:grid;
    place-items:start center;
    padding:12vh 20px 20px;
}
.search-modal__backdrop{position:absolute;inset:0;background:rgba(23,19,31,.72)}
.search-modal__dialog{
    position:relative;
    z-index:1;
    width:min(700px,100%);
    padding:34px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:28px;
    background:var(--paper);
    box-shadow:0 30px 90px rgba(0,0,0,.25);
}
.search-modal__dialog h2{max-width:520px}
.search-modal__close{
    position:absolute;
    top:18px;
    right:18px;
    width:40px;
    height:40px;
    border:1px solid var(--line);
    border-radius:50%;
    background:var(--white);
    color:var(--ink);
    font-size:1.4rem;
}
.search-form{margin-top:24px}
.search-form label{display:block;margin-bottom:8px;color:var(--muted);font-size:.9rem;font-weight:650}
.search-form__row{display:flex;gap:10px}
.search-form input{
    min-width:0;
    flex:1;
    min-height:48px;
    padding:0 15px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--white);
    color:var(--text);
    outline:none;
}
.search-form input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(124,92,252,.10)}
.search-form button{
    min-height:48px;
    padding:0 20px;
    border:0;
    border-radius:12px;
    background:var(--purple);
    color:var(--white);
    font-weight:760;
}
.search-hint{margin:12px 0 0;color:var(--muted);font-size:.87rem}
.section{padding:86px 0}
.section--soft{background:var(--soft)}
.section-heading{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,460px);
    align-items:end;
    gap:42px;
    margin-bottom:32px;
}
.section-heading>p{margin:0;color:var(--muted)}
.home-lead{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
    gap:38px 46px;
    align-items:start;
    padding-top:52px;
    padding-bottom:70px;
}
.home-lead__intro{padding:42px 0 0}
.home-lead__intro h1{max-width:760px}
.lead-story{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:28px;
    background:var(--white);
    box-shadow:var(--shadow);
}
.lead-story__image{display:block;aspect-ratio:16/10;overflow:hidden}
.lead-story__image img{width:100%;height:100%;object-fit:cover}
.lead-story__body{padding:24px 26px 26px}
.lead-story__body h2{font-size:1.8rem}
.lead-story__body p{margin-top:12px;color:var(--muted)}
.lead-stream{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}
.lead-stream article{padding:18px 18px 20px;border-right:1px solid var(--line)}
.lead-stream article:last-child{border-right:0}
.lead-stream span{color:var(--purple);font-size:.75rem;font-weight:800}
.lead-stream h2{margin-top:7px;font-size:1.05rem}
.lead-stream p{margin:8px 0 0;color:var(--muted);font-size:.86rem;line-height:1.6}
.mixed-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr .8fr;
    gap:22px;
}
.content-card{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:var(--white);
    box-shadow:var(--shadow-soft);
}
.content-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.content-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.content-card:hover .content-card__media img{transform:scale(1.025)}
.content-card__body{padding:22px}
.content-card__body h3{font-size:1.25rem}
.content-card__body p{margin:10px 0 0;color:var(--muted)}
.content-card--compact{
    display:grid;
    grid-template-columns:150px 1fr;
    min-height:160px;
}
.content-card--compact .content-card__media{aspect-ratio:auto;min-height:100%}
.content-card--compact .content-card__body{padding:18px}
.content-card--compact .content-card__body h3{font-size:1.08rem}
.content-card--compact .content-card__body p{font-size:.9rem;line-height:1.66}
.mixed-grid>.content-card:nth-child(1){grid-row:span 2}
.mixed-grid>.content-card:nth-child(n+4){grid-column:span 1}
.mixed-grid>.content-card--compact{grid-template-columns:110px 1fr}
.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.tag-row span{
    padding:5px 9px;
    border-radius:999px;
    background:var(--soft);
    color:#615A69;
    font-size:.72rem;
}
.category-index{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.category-index__item{
    overflow:hidden;
    border:1px solid transparent;
    border-radius:20px;
    background:rgba(255,255,255,.64);
}
.category-index__item:hover{border-color:#CEC3E7;background:var(--white)}
.category-index__item img{width:100%;aspect-ratio:3/2;object-fit:cover}
.category-index__item span{display:grid;gap:8px;padding:17px}
.category-index__item strong{color:var(--ink);font-size:1.06rem}
.category-index__item small{color:var(--muted);line-height:1.65}
.recommendation-strip{
    display:grid;
    grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
    gap:64px;
}
.recommendation-strip__intro{position:sticky;top:110px;align-self:start}
.recommendation-strip__list{border-top:1px solid var(--line)}
.recommendation-strip__list article{padding:24px 0;border-bottom:1px solid var(--line)}
.recommendation-strip__list p{margin:9px 0;color:var(--muted)}
.feature-band{
    padding:68px 0;
    background:var(--ink);
    color:#DDD6E6;
}
.feature-band--embedded{margin:0}
.feature-band__inner{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);
    align-items:center;
    gap:52px;
}
.feature-band img{
    width:100%;
    max-height:510px;
    object-fit:cover;
    border-radius:26px;
}
.feature-band h2{color:var(--white)}
.feature-band p{color:#C9C0D2}
.feature-band .eyebrow{color:#C8B9FF}
.feature-band .text-link{color:#F0EAFE}
.directory-list{display:grid;border-top:1px solid var(--line)}
.directory-list a{
    display:grid;
    grid-template-columns:210px 1fr auto;
    gap:26px;
    align-items:center;
    padding:21px 4px;
    border-bottom:1px solid var(--line);
}
.directory-list strong{color:var(--ink);font-size:1.05rem}
.directory-list span{color:var(--muted)}
.directory-list em{font-style:normal;color:var(--purple);font-size:.88rem;font-weight:760}
.directory-list--large a{padding-block:26px}
.split-topics{padding-top:10px}
.split-topics__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.topic-panel{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:28px;
    background:var(--white);
}
.topic-panel img{width:100%;aspect-ratio:16/9;object-fit:cover}
.topic-panel>div{padding:26px}
.topic-panel>div>p{color:var(--muted)}
.topic-panel--dark{background:var(--ink);border-color:var(--ink)}
.topic-panel--dark h2,.topic-panel--dark h3{color:var(--white)}
.topic-panel--dark p{color:#CBC2D4}
.topic-panel--dark .eyebrow{color:#C8B9FF}
.topic-panel--dark .text-link{color:#F3ECFF}
.editorial-notes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.editorial-notes__grid article{
    padding-top:22px;
    border-top:3px solid var(--ink);
}
.editorial-notes__grid span{color:var(--pink);font-weight:900}
.editorial-notes__grid h3{margin-top:11px;font-size:1.24rem}
.editorial-notes__grid p{margin-top:10px;color:var(--muted)}
.text-stream{border-top:1px solid var(--line)}
.text-item{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:28px;
    align-items:center;
    padding:24px 0;
    border-bottom:1px solid var(--line);
}
.text-item h3{font-size:1.16rem}
.text-item p{margin:7px 0 0;color:var(--muted)}
.faq-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}
.faq-preview__intro{align-self:start;position:sticky;top:110px}
.faq-preview__intro>p{color:var(--muted)}
.faq-list{border-top:1px solid var(--line)}
.faq-list details,.faq-page details{border-bottom:1px solid var(--line)}
.faq-list summary,.faq-page summary{
    position:relative;
    padding:20px 42px 20px 0;
    color:var(--ink);
    font-weight:760;
    cursor:pointer;
    list-style:none;
}
.faq-list summary::-webkit-details-marker,.faq-page summary::-webkit-details-marker{display:none}
.faq-list summary::after,.faq-page summary::after{
    content:"+";
    position:absolute;
    right:4px;
    top:18px;
    color:var(--purple);
    font-size:1.3rem;
}
.faq-list details[open] summary::after,.faq-page details[open] summary::after{content:"−"}
.faq-list details p,.faq-page details p{padding:0 30px 20px 0;color:var(--muted)}
.closing-path{padding:70px 0;background:#E7E1F2}
.closing-path--compact{margin-top:60px}
.closing-path__inner{
    display:grid;
    grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
    gap:46px;
    align-items:center;
}
.closing-path img{width:100%;max-height:360px;object-fit:cover;border-radius:24px}
.site-footer{padding:64px 0 26px;background:#19161F;color:#BFB6C8}
.footer-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:62px}
.site-footer h2{margin-bottom:15px;color:var(--white);font-size:1.08rem}
.site-footer nav{display:grid;align-content:start;gap:8px}
.site-footer a{color:#CEC5D7;font-size:.9rem}
.site-footer a:hover{color:var(--white)}
.footer-brand p{max-width:560px}
.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-top:46px;
    padding-top:22px;
    border-top:1px solid #302B38;
    font-size:.82rem;
}
.footer-bottom p{margin:0}
.back-top{
    border:1px solid #3D3547;
    border-radius:999px;
    background:#25202D;
    color:var(--white);
    padding:8px 12px;
}
.breadcrumbs{padding:24px 0 14px}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:.82rem}
.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:8px;color:#AAA0B6}
.page-hero{padding-bottom:62px}
.page-hero__grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.84fr);
    gap:54px;
    align-items:center;
}
.page-hero__grid img{
    width:100%;
    max-height:440px;
    object-fit:cover;
    border-radius:28px;
    box-shadow:var(--shadow);
}
.page-hero--narrow .page-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr)}
.page-hero--dark{padding:0 0 62px;background:var(--ink);color:#D7D0DF}
.page-hero--dark h1{color:var(--white)}
.page-hero--dark .lead-copy{color:#CDC4D6}
.page-hero--dark .breadcrumbs,.page-hero--dark .breadcrumbs a{color:#AFA3BA}
.page-hero--dark .breadcrumbs li:not(:last-child)::after{color:#63596E}
.page-hero--list{padding-bottom:42px}
.page-count{margin-top:18px;color:var(--muted);font-size:.9rem}
.filter-bar{
    position:sticky;
    top:78px;
    z-index:40;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    background:rgba(248,246,251,.95);
    backdrop-filter:blur(14px);
}
.filter-bar__inner{display:flex;justify-content:space-between;gap:20px;padding:14px 0}
.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.filter-group strong{margin-right:4px;color:var(--ink);font-size:.82rem}
.filter-group a{
    padding:6px 10px;
    border-radius:999px;
    color:var(--muted);
    font-size:.8rem;
}
.filter-group a:hover,.filter-group a[aria-current="page"]{background:var(--soft);color:var(--ink)}
.list-meta{
    display:grid;
    grid-template-columns:1fr minmax(280px,450px);
    gap:32px;
    align-items:end;
    margin-bottom:28px;
}
.list-meta>p{margin:0;color:var(--muted)}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.content-grid--dense{grid-template-columns:repeat(2,1fr)}
.content-grid--two{grid-template-columns:repeat(2,1fr)}
.content-grid--dense .content-card--compact{grid-template-columns:150px 1fr}
.pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;
    margin-top:34px;
}
.pagination a,.pagination span{
    padding:9px 14px;
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--white);
    font-size:.84rem;
}
.list-support{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.list-support>div>p{color:var(--muted)}
.mini-index{display:grid;gap:12px}
.mini-index a{
    display:grid;
    gap:5px;
    padding:16px 18px;
    border:1px solid var(--line);
    border-radius:15px;
    background:rgba(255,255,255,.64);
}
.mini-index strong{color:var(--ink)}
.mini-index span{color:var(--muted);font-size:.88rem}
.mini-index--four{grid-template-columns:repeat(2,1fr)}
.recommend-layout{display:grid;grid-template-columns:300px 1fr;gap:34px}
.recommend-layout__note{
    align-self:start;
    padding:22px;
    border-left:4px solid var(--pink);
    background:rgba(255,255,255,.55);
}
.recommend-layout__note p{margin-top:10px;color:var(--muted)}
.compare-methods{padding-top:46px}
.compare-table{border-top:1px solid var(--line)}
.compare-table__row{
    display:grid;
    grid-template-columns:180px 1fr 1fr;
    gap:20px;
    padding:16px 12px;
    border-bottom:1px solid var(--line);
}
.compare-table__row span{color:var(--muted)}
.compare-table__head{background:var(--soft);font-weight:780}
.flow-steps ol{counter-reset:flow;list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line)}
.flow-steps li{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:30px;
    padding:24px 0;
    border-bottom:1px solid var(--line);
}
.flow-steps li strong{font-size:1.08rem;color:var(--ink)}
.flow-steps li p{margin:0;color:var(--muted)}
.topic-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.topic-directory>a{
    display:grid;
    grid-template-columns:150px 1fr;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--white);
}
.topic-directory img{width:100%;height:100%;min-height:160px;object-fit:cover}
.topic-directory span{display:grid;align-content:center;gap:7px;padding:18px}
.topic-directory small{color:var(--muted);line-height:1.6}
.topic-directory b{color:var(--purple);font-size:.78rem;font-weight:690}
.topic-directory--editorial>a{grid-template-columns:180px 1fr}
.topic-directory--editorial em{font-style:normal;color:var(--pink);font-weight:900}
.prose-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:62px;
    align-items:start;
}
.prose-grid__main h2{margin:34px 0 13px}
.prose-grid__main h2:first-child{margin-top:0}
.prose-grid__main p{color:#5C5565}
.prose-grid__aside{
    position:sticky;
    top:112px;
    padding:24px;
    border:1px solid var(--line);
    border-radius:20px;
    background:var(--white);
}
.prose-grid__aside h2{font-size:1.22rem}
.check-list{display:grid;gap:9px;margin:16px 0 0;padding-left:20px;color:var(--muted)}
.cross-links{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
}
.cross-links>div:first-child{max-width:720px}
.cross-links>div:first-child>p{color:var(--muted)}
.visual-principles{padding-bottom:48px}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.principle-grid article{
    padding:20px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--white);
}
.principle-grid strong{color:var(--ink)}
.principle-grid p{margin:8px 0 0;color:var(--muted);font-size:.9rem}
.guide-bands{display:grid;gap:18px}
.guide-bands article{
    display:grid;
    grid-template-columns:260px 1fr;
    gap:24px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:22px;
    background:rgba(255,255,255,.68);
}
.guide-bands img{width:100%;height:100%;min-height:190px;object-fit:cover}
.guide-bands article>div{align-self:center;padding:24px 24px 24px 0}
.guide-bands p{margin:10px 0 0;color:var(--muted)}
.topic-map{display:grid;grid-template-columns:300px 1fr;gap:54px}
.topic-map__rows{border-top:1px solid var(--line)}
.topic-map__rows p{margin:0;padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.topic-map__rows a{color:var(--purple);font-weight:720}
.next-categories{text-align:center}
.next-categories .tag-cloud{justify-content:center;margin:22px auto}
.article-header{padding-top:18px;padding-bottom:36px}
.article-header h1{max-width:900px;font-size:clamp(2.2rem,4.5vw,4.6rem)}
.article-deck{max-width:820px;margin:20px 0 0;color:#5B5364;font-size:1.14rem;line-height:1.86}
.article-meta{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px;color:var(--muted);font-size:.84rem}
.article-cover{
    width:100%;
    margin-top:30px;
    max-height:620px;
    object-fit:cover;
    border-radius:28px;
    box-shadow:var(--shadow);
}
.article-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 290px;
    gap:58px;
    align-items:start;
    padding-bottom:82px;
}
.article-content h2{margin:38px 0 13px;font-size:1.55rem}
.article-content>h2:first-of-type{margin-top:0}
.article-content p{font-size:1.02rem;color:#504958;line-height:1.95}
.article-focus{
    margin:0 0 30px;
    padding:24px;
    border-left:4px solid var(--purple);
    background:var(--soft);
}
.article-focus h2{margin:0 0 10px}
.article-focus p{margin:0;color:var(--text)}
.editor-note{
    margin-top:38px;
    padding:26px;
    border:1px solid #E8D8E0;
    border-radius:18px;
    background:#FFF6F9;
}
.editor-note h2{margin:0 0 10px}
.editor-note p{margin:0}
.article-sidebar{position:relative}
.sticky-card{
    position:sticky;
    top:112px;
    padding:22px;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--white);
}
.sticky-card h2{font-size:1.15rem}
.sticky-card ul{display:grid;gap:10px;margin:16px 0;padding-left:20px;color:var(--muted);font-size:.9rem}
.guide-steps ol{list-style:none;margin:0;padding:0}
.guide-steps li{
    display:grid;
    grid-template-columns:90px 1fr;
    gap:28px;
    padding:28px 0;
    border-bottom:1px solid var(--line);
}
.guide-steps li:first-child{border-top:1px solid var(--line)}
.guide-steps li>span{color:var(--pink);font-size:1.55rem;font-weight:900}
.guide-steps li h2{font-size:1.35rem}
.guide-steps li p{margin:10px 0 0;color:var(--muted)}
.guide-steps li a{color:var(--purple);font-weight:720}
.guide-choice{display:grid;grid-template-columns:260px 1fr;gap:40px}
.faq-page{max-width:900px}
.faq-page summary{font-size:1.03rem}
.faq-page details p{font-size:.98rem;line-height:1.85}
.prose-page{max-width:900px}
.prose-page--short{max-width:780px}
.prose-page h2{margin:34px 0 12px}
.prose-page h2:first-child{margin-top:0}
.prose-page p{color:#5A5362;font-size:1rem}
.prose-page a{color:var(--purple);font-weight:720}
.feedback-grid,.safety-principles{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.feedback-grid article,.safety-principles article{
    padding:26px;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--white);
}
.feedback-grid h2,.safety-principles h2{font-size:1.3rem}
.feedback-grid p,.safety-principles p{margin:10px 0 0;color:var(--muted)}
.search-form--page{max-width:640px}
.search-results{margin-top:10px}
.empty-state{
    max-width:760px;
    margin:0 auto;
    padding:50px;
    border:1px solid var(--line);
    border-radius:24px;
    background:var(--white);
    text-align:center;
}
.empty-state p{margin-top:13px;color:var(--muted)}
.empty-state .button-row,.empty-state .tag-cloud{justify-content:center}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tag-cloud a{
    padding:7px 12px;
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--white);
    color:#5C5565;
    font-size:.84rem;
}
.error-page{min-height:64vh;padding-top:80px;padding-bottom:100px;text-align:center}
.error-code{color:var(--pink);font-size:clamp(5rem,16vw,11rem);font-weight:900;line-height:.9;opacity:.7}
.error-page h1{margin-top:14px}
.error-page>p:not(.eyebrow){max-width:720px;margin:18px auto;color:var(--muted)}
.error-page .button-row{justify-content:center}

@media (max-width:1200px){
    :root{--shell:min(1080px,calc(100% - 36px))}
    .home-lead{grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr)}
    .lead-stream{grid-template-columns:repeat(5,1fr)}
    .lead-stream article{padding-inline:13px}
    .mixed-grid{grid-template-columns:1fr 1fr}
    .mixed-grid>.content-card:nth-child(1){grid-row:auto}
    .category-index{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:1024px){
    .header-inner{grid-template-columns:auto auto 1fr auto;gap:14px}
    .menu-toggle{display:inline-flex;align-items:center}
    .main-nav{
        position:absolute;
        top:78px;
        left:18px;
        right:18px;
        display:none;
        padding:12px;
        border:1px solid var(--line);
        border-radius:18px;
        background:var(--paper);
        box-shadow:var(--shadow);
    }
    .main-nav.is-open{display:grid}
    .main-nav a{padding:11px 13px}
    .search-toggle{justify-self:end}
    .brand{min-width:0}
    .home-lead{grid-template-columns:1fr;gap:26px}
    .home-lead__intro{padding-top:22px}
    .lead-stream{grid-template-columns:repeat(3,1fr)}
    .lead-stream article:nth-child(3){border-right:0}
    .lead-stream article:nth-child(n+4){border-top:1px solid var(--line)}
    .section-heading{grid-template-columns:1fr;gap:14px}
    .category-index{grid-template-columns:repeat(2,1fr)}
    .recommendation-strip{grid-template-columns:1fr;gap:28px}
    .recommendation-strip__intro,.faq-preview__intro{position:static}
    .feature-band__inner{grid-template-columns:1fr 1fr;gap:32px}
    .directory-list a{grid-template-columns:180px 1fr}
    .directory-list em{grid-column:2}
    .editorial-notes__grid{grid-template-columns:1fr 1fr}
    .faq-preview{grid-template-columns:1fr;gap:30px}
    .page-hero__grid,.page-hero--narrow .page-hero__grid{grid-template-columns:1fr 360px;gap:34px}
    .filter-bar__inner{display:grid}
    .content-grid{grid-template-columns:repeat(2,1fr)}
    .content-grid--dense{grid-template-columns:1fr}
    .recommend-layout{grid-template-columns:1fr}
    .recommend-layout__note{max-width:680px}
    .topic-directory--editorial>a{grid-template-columns:150px 1fr}
    .prose-grid{grid-template-columns:1fr 280px;gap:40px}
    .article-layout{grid-template-columns:1fr 250px;gap:38px}
    .guide-choice{grid-template-columns:1fr}
}
@media (max-width:768px){
    :root{
        --shell:min(100% - 28px,720px);
        --reading:min(100% - 28px,720px);
        --radius:18px;
    }
    .header-inner{min-height:68px;grid-template-columns:1fr auto auto}
    .brand small{display:none}
    .brand img{width:40px;height:40px}
    .menu-toggle{grid-column:2}
    .search-toggle{grid-column:3}
    .main-nav{top:68px}
    .search-toggle{font-size:0}
    .search-toggle::after{content:"搜索";font-size:.86rem}
    .section{padding:64px 0}
    .home-lead{padding-top:28px;padding-bottom:52px}
    .lead-stream{grid-template-columns:1fr 1fr}
    .lead-stream article{border-right:1px solid var(--line);border-top:1px solid var(--line)}
    .lead-stream article:nth-child(even){border-right:0}
    .lead-stream article:first-child,.lead-stream article:nth-child(2){border-top:0}
    .mixed-grid{grid-template-columns:1fr}
    .mixed-grid>.content-card--compact{grid-template-columns:130px 1fr}
    .category-index{grid-template-columns:1fr 1fr}
    .feature-band{padding:52px 0}
    .feature-band__inner{grid-template-columns:1fr}
    .directory-list a{grid-template-columns:1fr;gap:7px;padding-block:19px}
    .directory-list em{grid-column:1}
    .split-topics__grid{grid-template-columns:1fr}
    .editorial-notes__grid{grid-template-columns:1fr}
    .text-item{grid-template-columns:1fr;gap:8px}
    .closing-path__inner{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
    .footer-brand{grid-column:1/-1}
    .page-hero{padding-bottom:46px}
    .page-hero__grid,.page-hero--narrow .page-hero__grid{grid-template-columns:1fr}
    .page-hero__grid img{max-height:360px}
    .filter-bar{top:68px}
    .filter-group--sort{padding-top:10px;border-top:1px solid var(--line)}
    .list-meta{grid-template-columns:1fr;gap:12px}
    .content-grid,.content-grid--two{grid-template-columns:1fr}
    .content-grid--dense .content-card--compact{grid-template-columns:135px 1fr}
    .list-support{grid-template-columns:1fr;gap:28px}
    .compare-table__row{grid-template-columns:130px 1fr}
    .compare-table__row span:last-child{grid-column:2}
    .flow-steps li{grid-template-columns:1fr;gap:8px}
    .topic-directory,.topic-directory--editorial{grid-template-columns:1fr}
    .topic-directory>a,.topic-directory--editorial>a{grid-template-columns:140px 1fr}
    .prose-grid{grid-template-columns:1fr}
    .prose-grid__aside{position:static}
    .cross-links{display:grid}
    .principle-grid{grid-template-columns:1fr 1fr}
    .guide-bands article{grid-template-columns:180px 1fr}
    .topic-map{grid-template-columns:1fr;gap:22px}
    .article-layout{grid-template-columns:1fr}
    .sticky-card{position:static}
    .guide-steps li{grid-template-columns:58px 1fr;gap:16px}
    .feedback-grid,.safety-principles{grid-template-columns:1fr}
}
@media (max-width:600px){
    :root{--shell:calc(100% - 24px);--reading:calc(100% - 24px)}
    body{font-size:15px}
    h1{font-size:2.35rem}
    h2{font-size:1.75rem}
    .header-inner{gap:7px}
    .brand strong{font-size:.98rem}
    .menu-toggle,.search-toggle{padding:7px 10px;min-height:36px;font-size:.8rem}
    .home-lead__intro{padding-top:8px}
    .lead-story__body{padding:20px}
    .lead-story__body h2{font-size:1.5rem}
    .lead-stream{grid-template-columns:1fr}
    .lead-stream article,.lead-stream article:nth-child(even){border-right:0}
    .lead-stream article:nth-child(2){border-top:1px solid var(--line)}
    .section{padding:54px 0}
    .category-index{grid-template-columns:1fr}
    .content-card--compact,.mixed-grid>.content-card--compact,.content-grid--dense .content-card--compact{grid-template-columns:105px 1fr}
    .content-card--compact .content-card__body{padding:15px}
    .content-card--compact .content-card__body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
    .directory-list a{padding-inline:0}
    .faq-preview{gap:22px}
    .footer-grid{grid-template-columns:1fr}
    .footer-brand{grid-column:auto}
    .footer-bottom{align-items:flex-start;flex-direction:column}
    .search-modal{padding:9vh 12px 12px}
    .search-modal__dialog{padding:28px 18px 22px}
    .search-form__row{display:grid}
    .page-hero__grid img{border-radius:20px}
    .filter-bar{position:static}
    .filter-group{gap:5px}
    .filter-group a{padding:5px 8px}
    .mini-index--four{grid-template-columns:1fr}
    .compare-table{overflow-x:auto}
    .compare-table__row{min-width:520px;grid-template-columns:130px 1fr 1fr}
    .compare-table__row span:last-child{grid-column:auto}
    .topic-directory>a,.topic-directory--editorial>a{grid-template-columns:105px 1fr}
    .topic-directory img{min-height:100%}
    .topic-directory span{padding:14px}
    .principle-grid{grid-template-columns:1fr}
    .guide-bands article{grid-template-columns:1fr}
    .guide-bands img{max-height:240px}
    .guide-bands article>div{padding:18px}
    .article-header h1{font-size:2.45rem}
    .article-cover{border-radius:20px}
    .article-layout{padding-bottom:56px}
    .article-content p{font-size:.98rem}
    .guide-steps li{grid-template-columns:1fr}
    .guide-steps li>span{font-size:1.15rem}
    .empty-state{padding:32px 18px}
}
@media (max-width:375px){
    :root{--shell:calc(100% - 18px);--reading:calc(100% - 18px)}
    .brand{gap:7px}
    .brand img{width:36px;height:36px}
    .brand strong{font-size:.88rem}
    .menu-toggle,.search-toggle{padding-inline:8px}
    .button{width:100%}
    .content-card--compact,.mixed-grid>.content-card--compact,.content-grid--dense .content-card--compact{grid-template-columns:92px 1fr}
    .content-card--compact .content-card__body{padding:12px}
    .content-card--compact .content-card__body h3{font-size:1rem}
    .topic-directory>a,.topic-directory--editorial>a{grid-template-columns:92px 1fr}
    .topic-directory small{font-size:.78rem}
    .article-header h1{font-size:2.15rem}
}