/* roulang page: index */
:root{--ink:#25231f;--muted:#756f66;--paper:#f7f4ee;--card:#fffdf9;--line:#e4ded3;--brand:#a64b32;--brand-dark:#783324;--gold:#c99445;--sage:#657268;--radius:20px;--shadow:0 16px 40px rgba(47,34,23,.09);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,238,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(228,222,211,.8)}.nav-wrap{height:78px;display:flex;align-items:center;gap:36px}.logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.logo-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--brand);color:#fff;border-radius:9px 9px 9px 3px;font-size:15px}.logo small{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em;line-height:1}.nav{display:flex;align-items:center;gap:28px;margin-left:auto}.nav a{position:relative;color:#625d55;font-size:14px;padding:26px 0;transition:.25s}.nav a:hover,.nav a:focus,.nav a.active{color:var(--brand-dark)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--brand)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;font-weight:700;font-size:14px;transition:.25s}.nav-cta,.btn-primary{background:var(--brand);color:#fff}.nav-cta:hover,.btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 8px 18px rgba(166,75,50,.2)}.menu-btn{display:none;background:transparent;color:var(--ink);font-size:24px}.hero{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;padding:78px 0 88px}.hero-copy{max-width:610px}.eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;color:var(--brand-dark);font-size:12px;font-weight:800;letter-spacing:.12em}.eyebrow:before{content:"";width:28px;height:1px;background:var(--brand)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5vw,72px);line-height:1.14;letter-spacing:-.055em;margin:22px 0 25px;font-weight:900}h2{font-size:clamp(28px,3vw,42px);line-height:1.25;letter-spacing:-.035em;margin-bottom:15px}h3{line-height:1.4;margin-bottom:8px}.hero-copy p{max-width:530px;color:var(--muted);font-size:17px}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:32px}.btn-outline{border:1px solid #bcae9d;color:var(--brand-dark);background:transparent}.btn-outline:hover{background:#eee7dc;border-color:var(--brand)}.text-link{color:var(--brand-dark);font-weight:700;font-size:14px}.text-link:hover{text-decoration:underline}.hero-visual{position:relative}.hero-image{height:490px;border-radius:28px 28px 8px 28px;box-shadow:var(--shadow);background:#d8c8b5 url('/assets/images/backpic/back-1.webp') center/cover}.hero-image:after{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.55);border-radius:20px;pointer-events:none}.stamp{position:absolute;right:-24px;bottom:34px;width:112px;height:112px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--paper);color:var(--brand-dark);font-size:12px;line-height:1.4;transform:rotate(9deg)}.section{padding:94px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.section-head p{max-width:480px;color:var(--muted);margin-bottom:0}.theme-strip{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.theme-item{background:var(--card);padding:27px 25px;min-height:150px}.theme-item:first-child{background:var(--brand);color:#fff}.theme-item:first-child p{color:#f4dfd5}.theme-no{font-size:12px;color:var(--gold);font-weight:800;letter-spacing:.12em}.theme-item h3{margin:14px 0 7px}.theme-item p{color:var(--muted);font-size:14px;margin:0}.feature-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:24px}.feature-card,.list-card,.quote-card,.faq-list,.cta{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.feature-card{transition:.25s}.feature-card:hover,.list-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-card img{height:320px}.feature-body{padding:25px 28px}.tag{letter-spacing:.05em;background:#f1e4d6;border-radius:5px;padding:3px 8px;font-size:11px}.feature-body h3{font-size:24px;margin:15px 0 8px}.feature-body p,.list-card p{color:var(--muted);font-size:14px}.meta{color:#958c81;font-size:12px}.side-list{display:flex;flex-direction:column;gap:12px}.list-card{display:grid;grid-template-columns:112px 1fr;gap:18px;padding:13px;transition:.25s}.list-card img{height:105px;border-radius:12px}.list-card h3{font-size:17px;margin:8px 0 3px}.list-card p{margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.editorial{background:#2e312c;color:#f8f3eb}.editorial-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.editorial h2{font-size:clamp(32px,4vw,54px)}.editorial p{color:#c8c2b8}.criteria{border-top:1px solid #5d6158}.criteria-row{display:flex;gap:28px;padding:18px 0;border-bottom:1px solid #5d6158}.criteria-row strong{width:125px;color:#e1b66c}.criteria-row span{color:#ddd7cc}.updates{background:#eee8df}.update-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--line)}.update-item{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.update-date{font-size:12px;color:var(--brand);font-weight:700}.update-item h3{font-size:17px;margin:0 0 4px}.update-item p{color:var(--muted);font-size:13px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty{grid-column:1/-1;padding:38px 0;color:var(--muted);text-align:center}.faq-list{padding:0 28px}.faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border-bottom:0}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;padding:21px 0;color:var(--ink);font-weight:700}.faq-q span{font-size:23px;color:var(--brand);transition:.25s}.faq-a{display:none;color:var(--muted);font-size:14px;padding:0 35px 21px 0}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}.cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px 45px;background:#d9c3a7;border-color:#d9c3a7}.cta h2{margin:0 0 8px;font-size:31px}.cta p{margin:0;color:#655646}.footer{margin-top:95px;background:#292a26;color:#e9e2d7;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px;padding-bottom:45px}.footer .logo{color:#fff}.footer p,.footer a{color:#aaa79f;font-size:13px}.footer a:hover{color:#fff}.footer h3{font-size:14px;color:#fff}.footer-links{display:flex;flex-direction:column;gap:5px}.copyright{border-top:1px solid #464740;padding-top:18px;display:flex;justify-content:space-between;color:#85857e;font-size:12px}.backtop{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border-radius:50%;background:var(--brand);color:#fff;opacity:0;pointer-events:none;transition:.25s}.backtop.show{opacity:1;pointer-events:auto}.backtop:hover{background:var(--brand-dark)}:focus-visible{outline:3px solid #e1b66c;outline-offset:3px}
@media(max-width:1024px){.hero{gap:38px}.nav-wrap{gap:20px}.nav{gap:18px}.theme-strip{grid-template-columns:1fr 1fr}.theme-item:first-child{grid-column:span 2}.editorial-grid{gap:35px}}
@media(max-width:768px){.container{width:min(var(--max),calc(100% - 32px))}.nav-wrap{height:68px}.menu-btn{display:block;margin-left:auto}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:12px 20px 20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0}.nav a.active:after{bottom:8px}.nav-cta{display:none}.hero{grid-template-columns:1fr;padding:60px 0 70px;min-height:0;gap:35px}.hero-image{height:360px}.stamp{right:8px;bottom:18px}.section{padding:68px 0}.section-head{display:block}.section-head p{margin-top:12px}.feature-grid,.editorial-grid{grid-template-columns:1fr}.side-list{margin-top:0}.editorial-grid{gap:34px}.update-list{grid-template-columns:1fr}.cta{display:block;padding:30px}.cta .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-top:6px}}
@media(max-width:520px){h1{font-size:42px}.hero-copy p{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-image{height:280px;border-radius:20px}.theme-strip{grid-template-columns:1fr}.theme-item:first-child{grid-column:auto}.feature-card img{height:230px}.feature-body{padding:21px}.list-card{grid-template-columns:88px 1fr;gap:12px}.list-card img{height:88px}.list-card h3{font-size:15px}.list-card p{display:none}.faq-list{padding:0 18px}.footer-grid{grid-template-columns:1fr;gap:26px}.copyright{font-size:11px}}

/* roulang page: category1 */
:root{--ink:#25231f;--muted:#756f66;--paper:#f7f4ee;--card:#fffdf9;--line:#e4ded3;--brand:#a64b32;--brand-dark:#783324;--gold:#c99445;--sage:#657268;--radius:20px;--shadow:0 16px 40px rgba(47,34,23,.09);--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;object-fit:cover}
button,input,textarea{font:inherit}
button{cursor:pointer;border:0}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,238,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(228,222,211,.8)}
.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.logo-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--brand);color:#fff;border-radius:9px 9px 9px 3px;font-size:15px}
.logo small{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em;line-height:1}
.nav{display:flex;align-items:center;gap:25px;margin-left:auto}
.nav a{position:relative;color:#625d55;font-size:14px;padding:26px 0;transition:.25s}
.nav a:hover,.nav a:focus,.nav a.active{color:var(--brand-dark)}
.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--brand)}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;font-weight:700;font-size:14px;transition:.25s}
.nav-cta,.btn-primary{background:var(--brand);color:#fff}
.nav-cta:hover,.btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 8px 18px rgba(166,75,50,.2);color:#fff}
.btn-outline{border:1px solid #bcae9d;color:var(--brand-dark);background:transparent}
.btn-outline:hover{background:#eee7dc;border-color:var(--brand)}
.menu-btn{display:none;background:transparent;color:var(--ink);font-size:24px}
.breadcrumb{padding-top:28px;color:var(--muted);font-size:13px}
.breadcrumb a:hover{color:var(--brand)}
.category-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:62px 0 82px}
.eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;color:var(--brand-dark);font-size:12px;font-weight:800;letter-spacing:.08em}
.eyebrow:before{content:"";width:28px;height:1px;background:var(--brand)}
h1{font-size:clamp(42px,5.5vw,72px);line-height:1.15;letter-spacing:-.05em;margin:18px 0 22px}
.category-hero p{max-width:560px;color:var(--muted);font-size:17px}
.hero-actions{display:flex;gap:14px;align-items:center;margin-top:30px;flex-wrap:wrap}
.category-image{height:410px;border-radius:28px 28px 8px 28px;overflow:hidden;box-shadow:var(--shadow);background:#d8c8b5}
.category-image img{height:100%}
.section{padding:88px 0}
.section-tint{background:#ebe4d9}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}
.section-head h2{font-size:34px;letter-spacing:-.03em;margin:0}
.section-head p{max-width:480px;color:var(--muted);margin:0}
.observation-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.observation-main,.observation-side{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.observation-main{display:grid;grid-template-columns:1fr 1fr}
.observation-main img{height:100%;min-height:340px}
.observation-copy{padding:34px}
.observation-copy h3{font-size:27px;line-height:1.35;margin:18px 0 10px}
.observation-copy p,.observation-side p{color:var(--muted);font-size:14px}
.tag{background:#f1e4d6;border-radius:5px;padding:3px 8px;font-size:11px;letter-spacing:.04em}
.observation-side{padding:27px}
.side-row{padding:18px 0;border-bottom:1px solid var(--line)}
.side-row:last-child{border-bottom:0}
.side-row strong{display:block;font-size:18px;margin-bottom:4px}
.side-row span{color:var(--brand);font-size:12px;font-weight:700}
.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.index-card{padding:28px 25px;background:var(--card);border:1px solid var(--line);border-radius:16px;transition:.25s}
.index-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c9a58e}
.index-card b{font-size:13px;color:var(--gold);letter-spacing:.12em}
.index-card h3{font-size:21px;margin:17px 0 8px}
.index-card p{font-size:14px;color:var(--muted);margin:0}
.scene-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.scene-list{border-top:1px solid #5d6158}
.scene-item{display:grid;grid-template-columns:145px 1fr;gap:25px;padding:19px 0;border-bottom:1px solid #5d6158}
.scene-item strong{color:var(--brand-dark)}
.scene-item span{color:var(--muted);font-size:14px}
.faq-list{padding:0 28px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:last-child{border-bottom:0}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;padding:21px 0;color:var(--ink);font-weight:700}
.faq-q span{font-size:23px;color:var(--brand);transition:.25s}
.faq-a{display:none;color:var(--muted);font-size:14px;padding:0 35px 21px 0}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q span{transform:rotate(45deg)}
.cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px 45px;background:#d9c3a7;border:1px solid #d9c3a7;border-radius:var(--radius)}
.cta h2{margin:0 0 8px;font-size:31px}
.cta p{margin:0;color:#655646}
.footer{margin-top:95px;background:#292a26;color:#e9e2d7;padding:55px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px;padding-bottom:45px}
.footer .logo{color:#fff}
.footer p,.footer a,.footer span{color:#aaa79f;font-size:13px}
.footer a:hover{color:#fff}
.footer h3{font-size:14px;color:#fff}
.footer-links{display:flex;flex-direction:column;gap:5px}
.copyright{border-top:1px solid #464740;padding-top:18px;display:flex;justify-content:space-between;color:#85857e;font-size:12px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(201,148,69,.45);outline-offset:3px}
@media(max-width:1024px){.nav-wrap{gap:16px}.nav{gap:15px}.category-hero{gap:35px}.scene-grid{gap:35px}}
@media(max-width:768px){
.container{width:min(var(--max),calc(100% - 32px))}
.nav-wrap{height:68px}.menu-btn{display:block;margin-left:auto}
.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:12px 20px 20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}
.nav.open{display:flex}.nav a{padding:12px 0}.nav a.active:after{bottom:5px}.nav-cta{padding:9px 13px;font-size:12px}
.category-hero,.observation-grid,.scene-grid{grid-template-columns:1fr}
.category-hero{padding:42px 0 65px;gap:32px}.category-image{height:300px}
.section{padding:64px 0}.section-head{display:block}.section-head p{margin-top:10px}
.observation-main{grid-template-columns:1fr}.observation-main img{min-height:240px;height:240px}
.index-grid{grid-template-columns:1fr 1fr}.cta{display:block;padding:30px}.cta .btn{margin-top:22px}
.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.copyright{display:block}.copyright span{display:block;margin-top:5px}
}
@media(max-width:520px){
h1{font-size:42px}.index-grid{grid-template-columns:1fr}.scene-item{grid-template-columns:1fr;gap:2px}.section-head h2{font-size:28px}.logo small{font-size:8px}.category-image{height:245px}
}

/* roulang page: article */
:root{--ink:#25231f;--muted:#756f66;--paper:#f7f4ee;--card:#fffdf9;--line:#e4ded3;--brand:#a64b32;--brand-dark:#783324;--gold:#c99445;--sage:#657268;--radius:20px;--shadow:0 16px 40px rgba(47,34,23,.09);--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;object-fit:cover}
button,input,textarea{font:inherit}
button{cursor:pointer;border:0}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,238,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(228,222,211,.85)}
.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.logo-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--brand);color:#fff;border-radius:9px 9px 9px 3px;font-size:15px}
.logo small{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em;line-height:1.1}
.nav{display:flex;align-items:center;gap:27px;margin-left:auto}
.nav a{position:relative;color:#625d55;font-size:14px;padding:26px 0;transition:.25s}
.nav a:hover,.nav a:focus,.nav a.active{color:var(--brand-dark)}
.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--brand)}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;font-weight:700;font-size:14px;transition:.25s}
.nav-cta,.btn-primary{background:var(--brand);color:#fff}
.nav-cta:hover,.btn-primary:hover{background:var(--brand-dark);color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(166,75,50,.2)}
.btn-outline{border:1px solid #bcae9d;color:var(--brand-dark);background:transparent}
.btn-outline:hover{background:#eee7dc;border-color:var(--brand)}
.menu-btn{display:none;background:transparent;color:var(--ink);font-size:24px}
.article-hero{padding:55px 0 60px;background:#eee7dc;border-bottom:1px solid var(--line)}
.breadcrumb{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;margin-bottom:30px;flex-wrap:wrap}
.breadcrumb a:hover{color:var(--brand)}
.breadcrumb .sep{color:#b7aa9a}
.article-head{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center}
.article-label{display:inline-flex;align-items:center;gap:8px;color:var(--brand-dark);font-size:12px;font-weight:800;letter-spacing:.08em}
.article-label:before{content:"";width:25px;height:1px;background:var(--brand)}
.article-head h1{font-size:clamp(34px,5vw,62px);line-height:1.18;letter-spacing:-.045em;margin:18px 0 20px;max-width:700px}
.article-intro{font-size:17px;color:var(--muted);max-width:650px;margin:0 0 22px}
.article-meta{display:flex;gap:18px;color:#8b8175;font-size:13px;flex-wrap:wrap}
.article-cover{height:365px;border-radius:28px 28px 8px 28px;box-shadow:var(--shadow);background:#d7c7b4}
.article-cover img{height:100%;border-radius:inherit}
.article-main{padding:75px 0 10px}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:72px;align-items:start;justify-content:center}
.article-content{font-size:17px;color:#403b35}
.article-content>*:first-child{margin-top:0}
.article-content h2{font-size:30px;line-height:1.35;margin:42px 0 16px;color:var(--ink);letter-spacing:-.02em}
.article-content h3{font-size:22px;line-height:1.45;margin:30px 0 12px;color:var(--ink)}
.article-content p{margin:0 0 22px}
.article-content strong{color:var(--brand-dark)}
.article-content a{color:var(--brand-dark);text-decoration:underline;text-underline-offset:4px}
.article-content blockquote{margin:30px 0;padding:22px 26px;border-left:4px solid var(--gold);background:#eee7dc;color:#61584d;border-radius:0 12px 12px 0}
.article-content ul,.article-content ol{padding-left:28px;margin:18px 0 25px}
.article-content li{margin:7px 0}
.article-content img{max-height:450px;border-radius:16px;margin:28px 0 8px}
.article-content table{width:100%;border-collapse:collapse;margin:25px 0;font-size:15px;background:var(--card)}
.article-content th,.article-content td{border:1px solid var(--line);padding:12px 14px;text-align:left}
.article-content th{background:#eee7dc;color:var(--brand-dark)}
.article-content hr{border:0;border-top:1px solid var(--line);margin:35px 0}
.article-aside{position:sticky;top:106px}
.aside-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}
.aside-card h3{font-size:15px;margin:0 0 14px}
.aside-card p{font-size:13px;color:var(--muted);margin:0 0 16px}
.aside-mark{height:4px;width:42px;background:var(--brand);margin-bottom:20px;border-radius:4px}
.share-row{display:flex;gap:8px;flex-wrap:wrap}
.share-row a{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--brand-dark)}
.share-row a:hover{background:#f1e4d6}
.article-bottom{margin-top:58px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.article-bottom a{color:var(--brand-dark);font-weight:700;font-size:14px}
.related{padding:80px 0 10px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}
.section-head h2{font-size:31px;margin:0}
.section-head p{max-width:470px;color:var(--muted);margin:0}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.related-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.25s}
.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cdbba6}
.related-card img{height:155px}
.related-body{padding:18px 19px}
.tag{display:inline-block;background:#f1e4d6;color:var(--brand-dark);border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700}
.related-card h3{font-size:18px;line-height:1.45;margin:12px 0 7px}
.related-card p{font-size:13px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.faq-section{padding:80px 0 15px}
.faq-list{max-width:850px;margin:auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:0 28px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:last-child{border:0}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;padding:20px 0;color:var(--ink);font-weight:700}
.faq-q span{font-size:23px;color:var(--brand);transition:.25s}
.faq-a{display:none;color:var(--muted);font-size:14px;padding:0 35px 20px 0}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q span{transform:rotate(45deg)}
.cta{margin-top:80px;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px 45px;background:#d9c3a7;border:1px solid #d9c3a7;border-radius:20px}
.cta h2{margin:0 0 8px;font-size:30px}
.cta p{margin:0;color:#655646}
.footer{margin-top:95px;background:#292a26;color:#e9e2d7;padding:55px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px;padding-bottom:45px}
.footer .logo{color:#fff}
.footer p,.footer a,.footer span{color:#aaa79f;font-size:13px}
.footer a:hover{color:#fff}
.footer h3{font-size:14px;color:#fff}
.footer-links{display:flex;flex-direction:column;gap:5px}
.copyright{border-top:1px solid #464740;padding-top:18px;display:flex;justify-content:space-between;color:#85857e;font-size:12px}
.back-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border-radius:50%;background:var(--brand);color:#fff;opacity:0;pointer-events:none;transition:.25s;box-shadow:var(--shadow)}
.back-top.show{opacity:1;pointer-events:auto}
.back-top:hover{background:var(--brand-dark);transform:translateY(-3px)}
:focus-visible{outline:3px solid rgba(201,148,69,.55);outline-offset:3px}
@media(max-width:900px){
 .container{width:min(var(--max),calc(100% - 32px))}
 .nav-wrap{height:68px;gap:18px}
 .menu-btn{display:block;margin-left:auto}
 .nav{display:none;position:absolute;top:68px;left:0;right:0;padding:10px 20px 20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 25px rgba(47,34,23,.08)}
 .nav.is-open{display:flex}
 .nav a{padding:12px 0}
 .nav a.active:after{bottom:5px;right:auto;width:30px}
 .nav-cta{padding:9px 14px;font-size:13px}
 .article-head{grid-template-columns:1fr;gap:32px}
 .article-cover{height:300px}
 .article-layout{grid-template-columns:1fr;gap:35px}
 .article-aside{position:static;order:-1}
 .related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
 .container{width:calc(100% - 28px)}
 .logo small{font-size:8px}
 .nav-cta{font-size:12px;padding:8px 11px}
 .article-hero{padding:35px 0 42px}
 .breadcrumb{margin-bottom:22px}
 .article-head h1{font-size:35px}
 .article-intro{font-size:15px}
 .article-cover{height:220px}
 .article-main{padding-top:48px}
 .article-content{font-size:16px}
 .article-content h2{font-size:26px}
 .article-content h3{font-size:20px}
 .article-content table{display:block;overflow-x:auto;white-space:nowrap}
 .related-grid{grid-template-columns:1fr}
 .related-card img{height:190px}
 .section-head{display:block}
 .section-head h2{font-size:27px;margin-bottom:8px}
 .cta{display:block;padding:28px 23px}
 .cta h2{font-size:25px}
 .cta .btn{margin-top:20px}
 .footer-grid{grid-template-columns:1fr;gap:28px;padding-bottom:30px}
 .copyright{display:block}
 .copyright span{display:block;margin-bottom:5px}
}