:root{    color-scheme:light;    --brand:#ED9121;    --brand-deep:#CF7314;    --brand-ink:#9D5512;    --brand-soft:#FFF0DC;    --bg-top:#FBF5ED;    --bg-bottom:#ECDAC5;    --surface:rgba(255,252,248,0.94);    --surface-muted:rgba(248,239,228,0.9);    --line:rgba(93,63,36,0.12);    --text:#2F2218;    --text-secondary:rgba(47,34,24,0.75);    --text-muted:rgba(47,34,24,0.7);    --shadow:0 24px 58px rgba(123,88,52,0.12);    --radius-lg:28px;    --radius-md:20px;    --content-width:1180px;    --reading-width:760px;}*{    box-sizing:border-box;}html{    scroll-behavior:smooth;    scroll-padding-top:88px;}body{    margin:0;    min-width:320px;    color:var(--text);    background:        radial-gradient(circle at 12% 8%,rgba(237,145,33,0.15),transparent 22rem),        radial-gradient(circle at 90% 22%,rgba(217,175,136,0.26),transparent 28rem),        linear-gradient(180deg,var(--bg-top),var(--bg-bottom));    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;    font-size:16px;    line-height:1.75;    -webkit-font-smoothing:antialiased;}img{    max-width:100%;}a{    color:var(--brand-ink);    text-underline-offset:0.18em;}a:hover{    color:var(--brand-deep);}a:focus-visible,button:focus-visible,summary:focus-visible{    outline:3px solid rgba(237,145,33,0.34);    outline-offset:3px;}.skip-link{    position:fixed;    z-index:100;    top:10px;    left:10px;    padding:8px 14px;    border-radius:10px;    color:#fff;    background:var(--brand-ink);    transform:translateY(-160%);}.skip-link:focus{    transform:translateY(0);}.site-header{    position:sticky;    z-index:30;    top:0;    border-bottom:1px solid rgba(93,63,36,0.08);    background:rgba(251,245,237,0.9);    backdrop-filter:blur(18px);}.site-nav{    display:flex;    align-items:center;    justify-content:space-between;    width:min(calc(100% - 32px),var(--content-width));    min-height:72px;    margin:0 auto;    gap:24px;}.brand{    display:inline-flex;    align-items:center;    gap:11px;    color:var(--text);    font-size:1.08rem;    font-weight:760;    text-decoration:none;}.brand img{    width:42px;    height:42px;    border-radius:11px;    box-shadow:0 8px 18px rgba(123,88,52,0.14);}.brand small{    color:var(--text-muted);    font-size:0.78rem;    font-weight:600;}.nav-links{    display:flex;    align-items:center;    gap:18px;}.nav-links a{    color:var(--text-secondary);    font-size:0.94rem;    font-weight:650;    text-decoration:none;}.nav-links .nav-cta{    padding:9px 17px;    border-radius:999px;    color:#fffaf3;    background:linear-gradient(180deg,#A95A11,#7F3C0B);    box-shadow:0 10px 22px rgba(186,117,33,0.18);}.page-shell{    width:min(calc(100% - 32px),var(--content-width));    margin:0 auto;    padding:34px 0 72px;}.breadcrumb{    display:flex;    flex-wrap:wrap;    align-items:center;    gap:8px;    margin:0 0 18px;    color:var(--text-muted);    font-size:0.88rem;}.breadcrumb a{    color:var(--text-secondary);    text-decoration:none;}.breadcrumb span[aria-hidden="true"]{    opacity:0.58;}.article-card,.blog-hero,.cluster-section{    border:1px solid var(--line);    border-radius:var(--radius-lg);    background:linear-gradient(180deg,var(--surface),var(--surface-muted));    box-shadow:var(--shadow);}.article-card{    overflow:hidden;}.article-header{    max-width:920px;    margin:0 auto;    padding:clamp(34px,6vw,72px) clamp(22px,7vw,82px) 34px;    text-align:center;}.eyebrow,.card-category{    display:inline-flex;    align-items:center;    min-height:30px;    padding:3px 12px;    border:1px solid rgba(237,145,33,0.18);    border-radius:999px;    color:var(--brand-ink);    background:var(--brand-soft);    font-size:0.8rem;    font-weight:750;    letter-spacing:0.06em;}.article-header h1,.blog-hero h1{    margin:18px auto 0;    color:var(--text);    font-size:clamp(2rem,5vw,3.65rem);    line-height:1.16;    letter-spacing:-0.035em;}.article-lead,.blog-hero .lead{    max-width:760px;    margin:20px auto 0;    color:var(--text-secondary);    font-size:clamp(1.04rem,2vw,1.2rem);    line-height:1.78;}.article-meta{    display:flex;    flex-wrap:wrap;    justify-content:center;    gap:8px 18px;    margin:20px 0 0;    color:var(--text-muted);    font-size:0.88rem;}.article-cover{    position:relative;    width:min(calc(100% - 44px),980px);    margin:0 auto;    overflow:hidden;    aspect-ratio:16 / 9;    border:1px solid var(--line);    border-radius:24px;    background:#eadbc9;}.article-cover img{    display:block;    width:100%;    height:100%;    object-fit:cover;    object-position:center 36%;}.article-cover figcaption{    position:absolute;    right:0;    bottom:0;    left:0;    padding:28px 18px 12px;    color:rgba(255,250,244,0.92);    background:linear-gradient(transparent,rgba(47,34,24,0.76));    font-size:0.82rem;}.article-body{    width:min(calc(100% - 44px),var(--reading-width));    margin:0 auto;    padding:42px 0 56px;    color:var(--text-secondary);}.article-body >:first-child{    margin-top:0;}.article-body p,.article-body ul,.article-body ol,.article-body table,.article-body blockquote,.article-body .note,.article-body .quick-answer{    margin-top:1.1em;    margin-bottom:1.1em;}.article-body h2{    margin:2.35em 0 0.72em;    color:var(--text);    font-size:clamp(1.45rem,3vw,1.9rem);    line-height:1.28;    letter-spacing:-0.02em;}.article-body h3{    margin:1.8em 0 0.55em;    color:var(--text);    font-size:1.16rem;    line-height:1.4;}.article-body strong{    color:var(--text);}.article-body li + li{    margin-top:0.48em;}.article-body ul,.article-body ol{    padding-left:1.35em;}.quick-answer,.note{    padding:22px 24px;    border-radius:var(--radius-md);}.quick-answer{    border:1px solid rgba(237,145,33,0.2);    background:linear-gradient(135deg,#FFF7EA,#F9E7D0);}.quick-answer h2,.quick-answer h3,.note h2,.note h3{    margin-top:0;}.quick-answer >:last-child,.note >:last-child{    margin-bottom:0;}.note{    border-left:4px solid var(--brand);    background:rgba(248,239,228,0.82);}.checklist{    padding:0;    list-style:none;}.checklist li{    position:relative;    padding-left:1.8em;}.checklist li::before{    position:absolute;    top:0.02em;    left:0;    color:var(--brand-deep);    content:"✓";    font-weight:800;}.table-wrap{    overflow-x:auto;    margin:1.4em 0;    border:1px solid var(--line);    border-radius:16px;}.article-body table{    width:100%;    margin:0;    border-collapse:collapse;    background:rgba(255,252,248,0.66);    font-size:0.93rem;}.article-body th,.article-body td{    padding:12px 14px;    border-bottom:1px solid var(--line);    text-align:left;    vertical-align:top;}.article-body th{    color:var(--text);    background:rgba(237,145,33,0.09);}.article-body tr:last-child td{    border-bottom:0;}.faq{    margin-top:2.6em;}.faq details{    border-top:1px solid var(--line);}.faq details:last-child{    border-bottom:1px solid var(--line);}.faq summary{    padding:16px 4px;    color:var(--text);    cursor:pointer;    font-weight:720;}.faq details p{    margin:-2px 4px 18px;}.sources{    padding:18px 20px;    border:1px dashed rgba(93,63,36,0.2);    border-radius:16px;    background:rgba(255,252,248,0.52);    font-size:0.9rem;}.sources h2,.sources h3{    margin:0 0 8px;    font-size:1rem;}.article-end{    border-top:1px solid var(--line);    background:rgba(247,236,223,0.72);}.related,.article-cta{    width:min(calc(100% - 44px),980px);    margin:0 auto;}.related{    padding:38px 0 8px;}.related h2{    margin:0 0 18px;    color:var(--text);    font-size:1.35rem;}.related-grid{    display:grid;    grid-template-columns:repeat(3,minmax(0,1fr));    gap:14px;}.related-link{    display:block;    min-height:100%;    padding:17px 18px;    border:1px solid var(--line);    border-radius:16px;    color:var(--text);    background:rgba(255,252,248,0.78);    font-weight:690;    line-height:1.48;    text-decoration:none;}.related-link span{    display:block;    margin-top:7px;    color:var(--text-muted);    font-size:0.8rem;    font-weight:560;}.related-link:hover{    border-color:rgba(237,145,33,0.28);    transform:translateY(-2px);}.article-cta{    display:flex;    align-items:center;    justify-content:space-between;    gap:24px;    padding:28px 0 42px;}.article-cta h2{    margin:0;    font-size:1.42rem;    line-height:1.35;}.article-cta p{    margin:7px 0 0;    color:var(--text-secondary);}.button{    display:inline-flex;    flex:0 0 auto;    align-items:center;    justify-content:center;    min-height:46px;    padding:10px 22px;    border-radius:999px;    color:#fffaf3;    background:linear-gradient(180deg,#A95A11,#7F3C0B);    box-shadow:0 12px 24px rgba(186,117,33,0.2);    font-weight:740;    text-decoration:none;}.blog-hero{    padding:clamp(34px,7vw,78px) clamp(22px,7vw,82px);    text-align:center;}.blog-hero h1{    max-width:860px;}.topic-nav{    display:flex;    flex-wrap:wrap;    justify-content:center;    gap:10px;    margin-top:26px;}.topic-nav a{    padding:7px 13px;    border:1px solid var(--line);    border-radius:999px;    color:var(--text-secondary);    background:rgba(255,252,248,0.74);    font-size:0.88rem;    font-weight:650;    text-decoration:none;}.cluster-section{    margin-top:26px;    padding:clamp(24px,4vw,38px);}.cluster-heading{    display:flex;    align-items:end;    justify-content:space-between;    gap:20px;    margin-bottom:22px;}.cluster-heading h2{    margin:0;    font-size:clamp(1.55rem,3vw,2.15rem);    line-height:1.25;}.cluster-heading p{    max-width:540px;    margin:0;    color:var(--text-secondary);}.post-grid{    display:grid;    grid-template-columns:repeat(3,minmax(0,1fr));    gap:18px;}.post-card{    display:flex;    flex-direction:column;    min-width:0;    overflow:hidden;    border:1px solid var(--line);    border-radius:var(--radius-md);    background:rgba(255,252,248,0.84);    transition:transform 0.2s ease,box-shadow 0.2s ease;}.post-card:hover{    transform:translateY(-3px);    box-shadow:0 18px 34px rgba(123,88,52,0.1);}.post-card img{    display:block;    width:100%;    aspect-ratio:16 / 10;    object-fit:cover;    object-position:center 36%;    background:#eadbc9;}.post-card-body{    display:flex;    flex:1;    flex-direction:column;    align-items:flex-start;    padding:18px;}.post-card h3{    margin:13px 0 0;    color:var(--text);    font-size:1.12rem;    line-height:1.45;}.post-card p{    margin:10px 0 16px;    color:var(--text-secondary);    font-size:0.91rem;    line-height:1.65;}.post-card .read-more{    margin-top:auto;    font-size:0.9rem;    font-weight:720;    text-decoration:none;}.site-footer{    border-top:1px solid rgba(93,63,36,0.09);    background:rgba(244,234,221,0.62);}.footer-inner{    display:flex;    align-items:flex-start;    justify-content:space-between;    width:min(calc(100% - 32px),var(--content-width));    margin:0 auto;    padding:30px 0 38px;    gap:24px;    color:var(--text-muted);    font-size:0.86rem;}.footer-inner p{    margin:0;}.footer-links{    display:flex;    flex-wrap:wrap;    justify-content:flex-end;    gap:8px 16px;}.footer-links a{    color:var(--text-secondary);    text-decoration:none;}@media (max-width:900px){    .post-grid{        grid-template-columns:repeat(2,minmax(0,1fr));}    .related-grid{        grid-template-columns:1fr;}    .cluster-heading,    .article-cta{        align-items:flex-start;        flex-direction:column;}}@media (max-width:640px){    .site-nav{        min-height:64px;}    .brand small,    .nav-links > a:not(.nav-cta){        display:none;}    .nav-links{        gap:8px;}    .nav-links .nav-cta{        padding:8px 13px;        font-size:0.86rem;}    .page-shell{        width:min(calc(100% - 20px),var(--content-width));        padding-top:20px;}    .article-card,    .blog-hero,    .cluster-section{        border-radius:22px;}    .article-header{        padding:30px 18px 24px;        text-align:left;}    .article-header h1{        margin-top:14px;        font-size:clamp(1.85rem,9vw,2.5rem);}    .article-lead{        font-size:1rem;}    .article-meta{        justify-content:flex-start;}    .article-cover,    .article-body,    .related,    .article-cta{        width:calc(100% - 28px);}    .article-cover{        aspect-ratio:4 / 3;        border-radius:18px;}    .article-body{        padding:30px 0 40px;}    .quick-answer,    .note{        padding:18px;}    .post-grid{        grid-template-columns:1fr;}    .cluster-section{        padding:22px 14px;}    .footer-inner{        flex-direction:column;}    .footer-links{        justify-content:flex-start;}}@media (prefers-reduced-motion:reduce){    html{        scroll-behavior:auto;}    *,    *::before,    *::after{        scroll-behavior:auto !important;        transition-duration:0.01ms !important;}}@media print{    body{        background:#fff;}    .site-header,    .site-footer,    .article-end,    .skip-link{        display:none;}    .page-shell,    .article-body{        width:100%;}    .article-card{        border:0;        box-shadow:none;}}