/* roulang page: index */
:root{
            --paper:#f5f1e9;--paper-2:#ebe5da;--ink:#25231f;--muted:#756f65;
            --verm:#b85d42;--verm-dark:#8e3f2f;--sage:#68796d;--copper:#9a7954;
            --line:#d9d0c2;--white:#fffdf8;--dark:#292a25;--radius:14px;
            --shadow:0 14px 34px rgba(50,42,31,.08);--ease:all .25s ease;
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75}
        a{color:inherit;text-decoration:none;transition:var(--ease)}
        img{display:block;max-width:100%;width:100%;object-fit:cover}
        button,input,textarea{font:inherit}
        button{cursor:pointer}
        .container{width:min(1180px,calc(100% - 48px));margin:auto}
        .site-header{height:78px;border-bottom:1px solid var(--line);background:rgba(245,241,233,.94);position:relative;z-index:5}
        .nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
        .brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
        .brand-mark{width:30px;height:30px;border:2px solid var(--verm);color:var(--verm);display:grid;place-items:center;border-radius:50%;font-size:12px}
        .brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;font-weight:500}
        .nav{display:flex;align-items:center;gap:30px;font-size:14px}
        .nav a{color:var(--muted);position:relative;padding:25px 0}
        .nav a:hover,.nav a.active{color:var(--verm-dark)}
        .nav a.active:after{content:"";position:absolute;bottom:15px;left:0;width:24px;height:2px;background:var(--verm)}
        .nav-action,.btn{border:1px solid var(--verm);border-radius:7px;padding:10px 18px;background:var(--verm);color:#fffaf3;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
        .nav-action:hover,.btn:hover{background:var(--verm-dark);border-color:var(--verm-dark);transform:translateY(-2px)}
        .btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
        .btn.ghost:hover{border-color:var(--verm);color:var(--verm)}
        .menu-toggle{display:none;background:none;border:0;color:var(--ink);font-size:25px}
        .hero{min-height:590px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:70px;padding:68px 0 58px}
        .eyebrow,.tag{color:var(--verm-dark);font-size:12px;letter-spacing:.14em;font-weight:700}
        .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:22px}
        .eyebrow:before{content:"";width:35px;height:1px;background:var(--verm)}
        h1{font-size:clamp(42px,5.2vw,70px);line-height:1.2;letter-spacing:-.045em;font-weight:800;max-width:650px}
        .hero h1 em{font-style:normal;color:var(--verm)}
        .hero-copy{font-size:17px;color:var(--muted);max-width:560px;margin:25px 0 30px}
        .actions{display:flex;gap:12px;flex-wrap:wrap}
        .hero-visual{position:relative;border-radius:20px;overflow:hidden;min-height:390px;box-shadow:var(--shadow)}
        .hero-visual img{height:390px}
        .visual-caption{position:absolute;bottom:22px;left:22px;right:22px;background:rgba(38,37,32,.86);color:#fffaf1;padding:15px 18px;border-left:3px solid var(--verm)}
        .visual-caption span{display:block;color:#dec5a6;font-size:11px;letter-spacing:.12em}
        .signal{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:19px 0;margin-bottom:110px}
        .signal-item{font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:center}
        .signal-item b{font-family:Georgia,serif;color:var(--verm);font-size:18px}
        .section{padding:0 0 110px}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
        .section-head h2{font-size:34px;line-height:1.3;letter-spacing:-.03em}
        .section-head p{color:var(--muted);max-width:420px;font-size:14px}
        .feature-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px}
        .feature-main,.feature-side{border:1px solid var(--line);background:var(--white);border-radius:var(--radius);overflow:hidden}
        .feature-main{display:grid;grid-template-columns:1fr 1fr}
        .feature-main img{height:290px}
        .feature-content{padding:31px}
        .feature-content h3,.feature-side h3{font-size:25px;line-height:1.4;margin:12px 0}
        .feature-content p,.feature-side p{font-size:14px;color:var(--muted)}
        .feature-side{padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:var(--paper-2)}
        .feature-side+.feature-side{margin-top:18px;background:#e5ebe3}
        .feature-side h3{font-size:20px}
        .text-link{color:var(--verm-dark);font-size:13px;font-weight:700;margin-top:20px;display:inline-block}
        .text-link:after{content:"  →";transition:var(--ease)}
        .text-link:hover:after{padding-left:5px}
        .path{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
        .path-item{padding:25px 22px 5px;border-right:1px solid var(--line)}
        .path-item:last-child{border:0}
        .path-item b{font:28px Georgia;color:var(--verm);display:block;margin-bottom:12px}
        .path-item h3{font-size:17px;margin-bottom:6px}
        .path-item p{font-size:13px;color:var(--muted)}
        .image-strip{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:15px}
        .image-tile{position:relative;min-height:260px;border-radius:var(--radius);overflow:hidden;background:var(--dark)}
        .image-tile:first-child{min-height:365px}
        .image-tile img{height:100%;opacity:.84;transition:transform .5s}
        .image-tile:hover img{transform:scale(1.04)}
        .image-tile:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(20,20,17,.82))}
        .tile-copy{position:absolute;z-index:1;bottom:22px;left:22px;color:#fff;right:16px}
        .tile-copy h3{font-size:20px;margin-top:5px}
        .updates{background:#eeeadf;padding:70px max(24px,calc((100vw - 1180px)/2));margin-left:calc((1180px - 100vw)/2);margin-right:calc((1180px - 100vw)/2)}
        .update-list{border-top:1px solid var(--line)}
        .update-item{display:grid;grid-template-columns:75px 1fr 120px 90px;gap:20px;align-items:center;padding:22px 8px;border-bottom:1px solid var(--line)}
        .update-item:hover{background:rgba(255,253,248,.65);padding-left:14px}
        .update-no{font:20px Georgia;color:var(--verm)}
        .update-item h3{font-size:17px;margin-bottom:3px}
        .update-item p,.update-meta{font-size:12px;color:var(--muted)}
        .update-meta{text-align:right}
        .faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}
        .faq-intro p{color:var(--muted);margin-top:16px;font-size:14px}
        .faq-list{border-top:1px solid var(--line)}
        details{border-bottom:1px solid var(--line);padding:18px 0}
        summary{cursor:pointer;list-style:none;font-weight:700;display:flex;justify-content:space-between;gap:20px}
        summary::-webkit-details-marker{display:none}
        summary:after{content:"＋";color:var(--verm);font-size:20px;font-weight:400}
        details[open] summary:after{content:"−"}
        details p{color:var(--muted);font-size:14px;padding:12px 30px 0 0}
        .cta{background:var(--dark);color:#fffaf1;border-radius:18px;padding:48px 56px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:90px}
        .cta h2{font-size:32px;line-height:1.35}
        .cta p{color:#c6c0b4;font-size:14px;margin-top:9px}
        .cta .btn.ghost{color:#fffaf1;border-color:#716b60}
        .footer{background:#24251f;color:#e9e1d4;padding:45px 0 22px}
        .footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:35px;border-bottom:1px solid #48483f}
        .footer .brand{color:#fffaf1}.footer .brand small{color:#aaa69a}
        .footer-nav{display:flex;gap:28px;font-size:13px;color:#bbb6aa}
        .footer-nav a:hover{color:#e09a79}
        .copyright{font-size:12px;color:#918d82;padding-top:20px;display:flex;justify-content:space-between}
        :focus-visible{outline:3px solid rgba(184,93,66,.4);outline-offset:4px}
        @media(max-width:900px){
            .hero{grid-template-columns:1fr;gap:35px}.hero-visual,.hero-visual img{min-height:330px;height:330px}
            .feature-grid{grid-template-columns:1fr}.path{grid-template-columns:repeat(2,1fr);gap:25px}
            .path-item{border-bottom:1px solid var(--line);border-right:0}.image-strip{grid-template-columns:1fr 1fr}
            .image-tile:first-child{grid-column:1/-1;min-height:300px}.faq-grid{gap:35px}
        }
        @media(max-width:680px){
            .container{width:min(100% - 32px,560px)}.site-header{height:68px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:15px 20px 25px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}
            .nav.open{display:flex}.nav a{padding:13px 0}.nav a.active:after{bottom:7px}.nav-action{margin-top:8px;text-align:center}
            .menu-toggle{display:block}.hero{padding:54px 0 45px;min-height:auto}.hero h1{font-size:43px}.hero-copy{font-size:15px}
            .signal{margin-bottom:70px;display:grid;grid-template-columns:1fr 1fr}.signal-item{font-size:12px}
            .section{padding-bottom:72px}.section-head{display:block}.section-head h2{font-size:29px;margin-bottom:12px}
            .feature-main{display:block}.feature-main img{height:220px}.feature-content{padding:24px}.feature-side{min-height:190px}
            .path{grid-template-columns:1fr}.path-item{padding:18px 0}.image-strip{grid-template-columns:1fr}.image-tile:first-child{grid-column:auto}
            .updates{margin-left:-16px;margin-right:-16px;padding:50px 16px}.update-item{grid-template-columns:35px 1fr;gap:10px}.update-meta{grid-column:2;text-align:left}.update-item .text-link{grid-column:2;margin-top:0}
            .faq-grid{grid-template-columns:1fr}.cta{padding:32px 24px;display:block}.cta .actions{margin-top:24px}.cta h2{font-size:27px}
            .footer-top,.copyright{display:block}.footer-nav{margin-top:25px;flex-wrap:wrap;gap:15px}.copyright span{display:block;margin-top:8px}
        }

/* roulang page: article */
:root{
    --paper:#f5f1e9;--paper-2:#ebe5da;--ink:#25231f;--muted:#756f65;
    --verm:#b85d42;--verm-dark:#8e3f2f;--sage:#68796d;--copper:#9a7954;
    --line:#d9d0c2;--white:#fffdf8;--dark:#292a25;--radius:14px;
    --shadow:0 14px 34px rgba(50,42,31,.08);--shadow-deep:0 22px 45px rgba(50,42,31,.14);
    --ease:all .25s ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75}
a{color:inherit;text-decoration:none;transition:var(--ease)}
a:focus-visible,button:focus-visible{outline:3px solid rgba(184,93,66,.42);outline-offset:3px}
img{display:block;max-width:100%;width:100%;object-fit:cover}
button,input,textarea{font:inherit}
button{cursor:pointer}
h1,h2,h3,p{margin-top:0}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.site-header{height:78px;border-bottom:1px solid var(--line);background:rgba(245,241,233,.94);position:relative;z-index:10}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.brand-mark{width:30px;height:30px;border:2px solid var(--verm);color:var(--verm);display:grid;place-items:center;border-radius:50%;font-size:12px}
.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;font-weight:500}
.nav{display:flex;align-items:center;gap:30px;font-size:14px}
.nav a{color:var(--muted);position:relative;padding:25px 0}
.nav a:hover,.nav a.active{color:var(--verm-dark)}
.nav a.active:after{content:"";position:absolute;bottom:15px;left:0;width:24px;height:2px;background:var(--verm)}
.nav-action,.btn{border:1px solid var(--verm);border-radius:7px;padding:10px 18px;background:var(--verm);color:#fffaf3;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--ease)}
.nav-action:hover,.btn:hover{background:var(--verm-dark);border-color:var(--verm-dark);color:#fff;transform:translateY(-2px)}
.btn:active,.nav-action:active{transform:translateY(0)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--verm);color:var(--verm);background:rgba(184,93,66,.05)}
.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-size:25px;padding:5px}

.article-hero{padding:54px 0 40px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--paper) 0%,#f0eadf 100%)}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:13px;color:var(--muted);margin-bottom:32px}
.breadcrumb a:hover{color:var(--verm-dark)}
.breadcrumb i{font-style:normal;color:var(--copper)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:65px;align-items:end}
.article-kicker{display:flex;align-items:center;gap:12px;color:var(--verm-dark);font-size:12px;letter-spacing:.13em;font-weight:800;margin-bottom:17px}
.article-kicker:before{content:"";height:1px;width:33px;background:var(--verm)}
.article-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.28;letter-spacing:-.045em;margin-bottom:22px;max-width:850px}
.article-summary{max-width:760px;color:var(--muted);font-size:16px;line-height:1.9;margin-bottom:0}
.article-meta-card{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,253,248,.75);padding:22px 24px}
.article-meta-card dl{margin:0}
.article-meta-card div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid rgba(217,208,194,.75);font-size:13px}
.article-meta-card div:last-child{border-bottom:0;padding-bottom:0}
.article-meta-card dt{font-weight:500;color:var(--muted)}
.article-meta-card dd{margin:0;color:var(--ink);text-align:right}

.article-main{padding:48px 0 100px}
.reading-shell{display:grid;grid-template-columns:minmax(0,790px) 250px;justify-content:space-between;gap:55px}
.article-cover{height:380px;border-radius:18px;overflow:hidden;position:relative;margin-bottom:42px;box-shadow:var(--shadow)}
.article-cover:after{content:"jinninahui · 今年金字招牌";position:absolute;left:22px;bottom:18px;color:#fffaf1;background:rgba(37,35,31,.74);padding:7px 12px;border-radius:5px;font-size:12px;letter-spacing:.1em}
.article-cover img{height:100%;transition:transform .6s ease}
.article-cover:hover img{transform:scale(1.025)}
.article-content{font-size:16px;color:#39352e}
.article-content>*:first-child{margin-top:0}
.article-content h2{font-size:29px;line-height:1.4;letter-spacing:-.025em;color:var(--ink);margin:52px 0 18px;padding-top:8px}
.article-content h3{font-size:21px;line-height:1.5;color:var(--ink);margin:32px 0 14px}
.article-content p{margin:0 0 22px}
.article-content a{color:var(--verm-dark);font-weight:700;border-bottom:1px solid rgba(184,93,66,.38)}
.article-content a:hover{color:var(--verm);border-color:var(--verm)}
.article-content ul,.article-content ol{padding-left:1.4em;margin:0 0 24px}
.article-content li{padding-left:5px;margin:8px 0}
.article-content blockquote{margin:30px 0;padding:19px 24px;border-left:3px solid var(--verm);background:var(--paper-2);color:#5d554b;font-size:17px}
.article-content img{border-radius:12px;margin:31px 0;box-shadow:var(--shadow)}
.article-content table{width:100%;border-collapse:collapse;margin:28px 0;background:var(--white);font-size:14px}
.article-content th,.article-content td{border:1px solid var(--line);padding:12px 14px;text-align:left}
.article-content th{background:var(--paper-2);color:var(--ink)}
.article-content strong{color:var(--verm-dark)}
.article-aside{padding-top:6px}
.aside-box{border-top:2px solid var(--verm);padding-top:16px;margin-bottom:28px}
.aside-box h2{font-size:14px;letter-spacing:.08em;margin-bottom:12px}
.aside-box p{font-size:13px;color:var(--muted);margin-bottom:15px}
.aside-links{padding:0;margin:0;list-style:none}
.aside-links li{border-bottom:1px solid var(--line)}
.aside-links a{display:block;padding:12px 0;font-size:13px;color:#514b42}
.aside-links a:hover{color:var(--verm-dark);padding-left:5px}
.share-link{width:100%;padding:10px;background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:13px}
.share-link:hover{border-color:var(--verm);color:var(--verm-dark);background:var(--white)}

.not-found{border:1px solid var(--line);border-radius:var(--radius);padding:42px;background:var(--white);text-align:center}
.not-found h2{font-size:27px;margin-bottom:12px}
.not-found p{color:var(--muted);margin-bottom:24px}

.related{padding:0 0 90px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;border-top:1px solid var(--line);padding-top:45px}
.section-head h2{font-size:31px;line-height:1.35;letter-spacing:-.03em;margin:0}
.section-head p{color:var(--muted);max-width:420px;font-size:14px;margin:0}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.related-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:26px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;transition:var(--ease)}
.related-card:hover{transform:translateY(-4px);border-color:#baa58b;box-shadow:var(--shadow)}
.related-tag{font-size:12px;color:var(--sage);letter-spacing:.08em;font-weight:700}
.related-card h3{font-size:21px;line-height:1.45;margin:14px 0 10px}
.related-card p{font-size:14px;color:var(--muted);margin:0 0 20px}
.text-link{color:var(--verm-dark);font-size:13px;font-weight:700}
.text-link:after{content:"  →";transition:var(--ease)}
.text-link:hover:after{padding-left:5px}

.cta{background:var(--dark);color:#fffaf1;border-radius:18px;padding:42px 52px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:90px}
.cta h2{font-size:30px;line-height:1.35;margin:0}
.cta p{color:#c6c0b4;font-size:14px;margin:9px 0 0}
.cta .btn.ghost{color:#fffaf1;border-color:#716b60}
.cta .btn.ghost:hover{background:#363833;color:#fffaf1;border-color:#a78d73}

.footer{background:#24251f;color:#e9e1d4;padding:45px 0 22px}
.footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:35px;border-bottom:1px solid #48483f}
.footer .brand{color:#fffaf1}
.footer .brand small{color:#aaa69a}
.footer-nav{display:flex;gap:28px;font-size:13px;color:#bbb6aa}
.footer-nav a:hover{color:#e09a79}
.copyright{font-size:12px;color:#918d82;padding-top:20px;display:flex;justify-content:space-between;gap:15px}

@media(max-width:1024px){
    .article-layout{grid-template-columns:1fr;gap:28px}
    .article-meta-card{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .article-meta-card div{display:block;border:0;padding:0}
    .article-meta-card dd{text-align:left;margin-top:4px}
    .reading-shell{grid-template-columns:minmax(0,1fr) 190px;gap:34px}
}
@media(max-width:768px){
    .container{width:min(100% - 32px,620px)}
    .site-header{height:68px}
    .nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:15px 20px 25px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}
    .nav.open{display:flex}
    .nav a{padding:13px 0}
    .nav a.active:after{bottom:7px}
    .nav-action{margin-top:8px;text-align:center}
    .menu-toggle{display:block}
    .article-hero{padding:39px 0 31px}
    .breadcrumb{margin-bottom:23px}
    .article-summary{font-size:15px}
    .article-meta-card{grid-template-columns:1fr 1fr}
    .reading-shell{display:block}
    .article-aside{display:none}
    .article-main{padding:35px 0 70px}
    .article-cover{height:290px;margin-bottom:32px}
    .article-content{font-size:15.5px}
    .article-content h2{font-size:26px;margin-top:42px}
    .related-grid{grid-template-columns:1fr}
    .section-head{display:block;padding-top:35px}
    .section-head p{margin-top:10px}
    .cta{padding:33px 29px;display:block;margin-bottom:65px}
    .cta .btn{margin-top:22px;width:100%}
    .footer-top,.copyright{display:block}
    .footer-nav{margin-top:25px;flex-wrap:wrap;gap:15px 23px}
    .copyright span{display:block;margin-top:6px}
}
@media(max-width:520px){
    .article-hero h1{font-size:34px}
    .article-meta-card{grid-template-columns:1fr}
    .article-cover{height:220px}
    .article-content h2{font-size:24px}
    .article-content h3{font-size:19px}
    .related-card{padding:22px;min-height:190px}
    .cta h2{font-size:26px}
}

/* roulang page: category1 */
:root{
    --paper:#f5f1e9;--paper-2:#ebe5da;--ink:#25231f;--muted:#756f65;
    --verm:#b85d42;--verm-dark:#8e3f2f;--sage:#68796d;--copper:#9a7954;
    --line:#d9d0c2;--white:#fffdf8;--dark:#292a25;--radius:14px;
    --shadow:0 14px 34px rgba(50,42,31,.08);--ease:all .25s ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75}
a{color:inherit;text-decoration:none;transition:var(--ease)}
img{display:block;max-width:100%;width:100%;object-fit:cover}
button,input,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid rgba(184,93,66,.42);outline-offset:3px}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.site-header{height:78px;border-bottom:1px solid var(--line);background:rgba(245,241,233,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.brand-mark{width:30px;height:30px;border:2px solid var(--verm);color:var(--verm);display:grid;place-items:center;border-radius:50%;font-size:12px}
.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;font-weight:500}
.nav{display:flex;align-items:center;gap:30px;font-size:14px}
.nav a{color:var(--muted);position:relative;padding:25px 0}
.nav a:hover,.nav a.active{color:var(--verm-dark)}
.nav a.active:after{content:"";position:absolute;bottom:15px;left:0;width:24px;height:2px;background:var(--verm)}
.nav-action,.btn{border:1px solid var(--verm);border-radius:7px;padding:10px 18px;background:var(--verm);color:#fffaf3;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--ease)}
.nav-action{padding:9px 15px!important;color:#fffaf3!important}
.nav-action:after{display:none}
.nav-action:hover,.btn:hover{background:var(--verm-dark);border-color:var(--verm-dark);transform:translateY(-2px);color:#fffaf3}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--verm);color:var(--verm);background:transparent}
.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-size:25px;padding:5px}
.page-hero{padding:62px 0 56px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;right:-110px;top:-190px;width:480px;height:480px;border:1px solid rgba(154,121,84,.22);border-radius:50%;box-shadow:0 0 0 50px rgba(154,121,84,.05),0 0 0 100px rgba(154,121,84,.035)}
.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:28px}
.breadcrumb span{color:var(--copper)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:end}
.eyebrow,.tag{color:var(--verm-dark);font-size:12px;letter-spacing:.14em;font-weight:700}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.eyebrow:before{content:"";width:35px;height:1px;background:var(--verm)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.045em;line-height:1.2;margin-bottom:22px}
h1 em{font-style:normal;color:var(--verm)}
.hero-copy{font-size:17px;color:var(--muted);max-width:650px;margin-bottom:27px}
.hero-keywords{display:flex;flex-wrap:wrap;gap:9px}
.keyword{font-size:12px;border:1px solid var(--line);border-radius:99px;padding:6px 11px;background:rgba(255,253,248,.65);color:var(--sage)}
.hero-art{min-height:300px;border-radius:18px;overflow:hidden;position:relative;box-shadow:var(--shadow);background:var(--dark)}
.hero-art img{height:300px;opacity:.83}
.hero-art:after{content:"今年会 / jinnian";position:absolute;right:21px;bottom:19px;color:#fffaf1;font-family:Georgia,serif;font-size:22px;letter-spacing:.04em}
.section{padding:96px 0}
.section.alt{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:35px}
.section-head h2{font-size:34px;letter-spacing:-.035em;line-height:1.3;margin-bottom:0}
.section-head p{max-width:455px;color:var(--muted);font-size:14px;margin-bottom:0}
.topic-nav{display:flex;gap:11px;overflow:auto;padding-bottom:5px;scrollbar-width:thin}
.topic-nav a{white-space:nowrap;border:1px solid var(--line);padding:10px 15px;border-radius:8px;background:var(--white);font-size:13px;color:var(--muted)}
.topic-nav a:hover,.topic-nav a.current{color:#fffaf3;background:var(--verm);border-color:var(--verm)}
.lead-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:48px;align-items:center}
.lead-image{border-radius:18px;overflow:hidden;box-shadow:var(--shadow);position:relative}
.lead-image img{height:410px}
.image-note{position:absolute;left:18px;bottom:18px;background:rgba(37,35,31,.88);color:#fffaf1;padding:11px 14px;border-radius:7px;font-size:12px}
.lead-copy h2{font-size:35px;line-height:1.32;letter-spacing:-.04em;margin:13px 0 18px}
.lead-copy>p{color:var(--muted);font-size:15px}
.point-list{list-style:none;padding:0;margin:25px 0 0;border-top:1px solid var(--line)}
.point-list li{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:15px;align-items:flex-start}
.point-list b{color:var(--verm);font:18px Georgia,serif;min-width:28px}
.point-list span{font-size:14px;color:var(--muted)}
.scenario-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.scenario-main{padding:37px;min-height:310px;border-radius:var(--radius);background:var(--dark);color:#fffaf1;position:relative;overflow:hidden}
.scenario-main:after{content:"今";position:absolute;right:24px;bottom:-68px;color:rgba(255,250,241,.08);font-size:220px;font-weight:800;line-height:1}
.scenario-main h3{font-size:28px;position:relative;z-index:1;margin:13px 0}
.scenario-main p{color:#c8c1b5;font-size:14px;max-width:470px;position:relative;z-index:1}
.scenario-main .tag{color:#e09a79;position:relative;z-index:1}
.scenario-side{display:grid;gap:18px}
.scenario-card{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:var(--ease)}
.scenario-card:hover{transform:translateY(-4px);border-color:rgba(184,93,66,.6);box-shadow:var(--shadow)}
.scenario-card h3{font-size:18px;margin:10px 0 7px}
.scenario-card p{font-size:13px;color:var(--muted);margin-bottom:0}
.flow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.flow-item{padding:27px 22px 25px;border-right:1px solid var(--line)}
.flow-item:last-child{border-right:0}
.flow-no{display:block;color:var(--verm);font:30px Georgia,serif;margin-bottom:13px}
.flow-item h3{font-size:17px;margin-bottom:7px}
.flow-item p{font-size:13px;color:var(--muted);margin-bottom:0}
.note-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:18px}
.note-image{border-radius:var(--radius);overflow:hidden;min-height:320px}
.note-image img{height:100%}
.check-card{border:1px solid var(--line);border-radius:var(--radius);padding:34px;background:var(--white)}
.check-card h2{font-size:28px;line-height:1.35;margin:11px 0 19px}
.check-list{list-style:none;padding:0;margin:0}
.check-list li{padding:12px 0 12px 28px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted);position:relative}
.check-list li:last-child{border-bottom:0}
.check-list li:before{content:"✓";position:absolute;left:1px;color:var(--sage);font-weight:800}
.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}
.faq-intro h2{font-size:34px;line-height:1.32;letter-spacing:-.035em}
.faq-intro p{color:var(--muted);font-size:14px}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-question{width:100%;background:transparent;border:0;text-align:left;padding:20px 0;display:flex;justify-content:space-between;gap:18px;color:var(--ink);font-weight:700;font-size:16px}
.faq-question span:first-child:before{content:"0" counter(faq);counter-increment:faq;color:var(--verm);font:16px Georgia,serif;margin-right:13px}
.faq-list{counter-reset:faq}
.faq-question i{font-style:normal;color:var(--verm);font-size:22px;line-height:1}
.faq-answer{display:none;padding:0 38px 20px 29px;color:var(--muted);font-size:14px}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-question i{transform:rotate(45deg)}
.cta{background:var(--dark);color:#fffaf1;border-radius:18px;padding:48px 56px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta h2{font-size:32px;line-height:1.35;margin-bottom:8px}
.cta p{color:#c6c0b4;font-size:14px;margin-bottom:0}
.cta .btn.ghost{color:#fffaf1;border-color:#716b60}
.cta .btn.ghost:hover{color:#fffaf1;border-color:#e09a79}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.footer{background:#24251f;color:#e9e1d4;padding:45px 0 22px}
.footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:35px;border-bottom:1px solid #48483f}
.footer .brand{color:#fffaf1}
.footer .brand small{color:#aaa69a}
.footer-nav{display:flex;gap:28px;font-size:13px;color:#bbb6aa}
.footer-nav a:hover{color:#e09a79}
.copyright{font-size:12px;color:#918d82;padding-top:20px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:1024px){
    .hero-grid,.lead-grid{gap:32px}
    .flow{grid-template-columns:repeat(2,1fr)}
    .flow-item:nth-child(2){border-right:0}
    .flow-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
    .faq-grid{gap:38px}
}
@media(max-width:768px){
    .container{width:min(100% - 32px,620px)}
    .site-header{height:68px}
    .nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:15px 20px 25px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}
    .nav.open{display:flex}
    .nav a{padding:13px 0}
    .nav a.active:after{bottom:7px}
    .nav-action{margin-top:8px;text-align:center}
    .menu-toggle{display:block}
    .page-hero{padding:45px 0}
    .hero-grid,.lead-grid,.note-grid,.faq-grid{grid-template-columns:1fr}
    .hero-art{min-height:240px}
    .hero-art img{height:240px}
    .section{padding:70px 0}
    .section-head{display:block;margin-bottom:27px}
    .section-head h2{font-size:29px;margin-bottom:12px}
    .lead-image img{height:310px}
    .scenario-grid{grid-template-columns:1fr}
    .cta{padding:35px 30px;display:block}
    .cta-actions{margin-top:24px}
    .footer-top,.copyright{display:block}
    .footer-nav{margin-top:26px;flex-wrap:wrap;gap:14px 22px}
    .copyright span{display:block;margin-top:7px}
}
@media(max-width:520px){
    h1{font-size:39px}
    .hero-copy{font-size:15px}
    .flow{grid-template-columns:1fr}
    .flow-item,.flow-item:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}
    .flow-item:last-child{border-bottom:0}
    .scenario-main{padding:28px;min-height:270px}
    .lead-copy h2,.faq-intro h2{font-size:28px}
    .check-card{padding:27px 23px}
    .cta h2{font-size:27px}
    .cta-actions .btn{width:100%}
    .breadcrumb{font-size:12px}
}