/* roulang page: index */
:root{
  --ink:#171313;--ink-2:#241c1c;--plum:#3b2429;--coral:#f18c84;--coral-deep:#d96f69;
  --cream:#f8ede7;--milk:#fff9f5;--mist:#ead7d0;--taupe:#8d7771;--line:rgba(101,69,62,.18);
  --white:#fffdfa;--text:#332827;--muted:#76625e;--dark-muted:#d8bdb5;
  --radius:20px;--radius-sm:12px;--shadow:0 18px 50px rgba(62,35,32,.12);
  --side:270px;--content:1380px;--ease:220ms cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8;overflow-x:hidden}::selection{background:var(--coral);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(241,140,132,.55);outline-offset:3px}.skip{position:absolute;left:-999px;top:8px;background:var(--cream);padding:9px 16px;z-index:99}.skip:focus{left:10px}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:var(--side);background:var(--ink);color:var(--cream);padding:32px 22px 25px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:flex-start;gap:11px;font-size:17px;font-weight:800;line-height:1.35;letter-spacing:.01em}.brand-mark{width:29px;height:29px;flex:0 0 29px;border:1px solid var(--coral);border-radius:9px;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--coral);border-radius:6px}.brand-mark:before{width:10px;height:10px;left:5px;top:5px}.brand-mark:after{width:8px;height:8px;right:4px;bottom:4px;background:var(--mist)}.edition{margin:26px 0 32px;padding:11px 12px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);font-size:11px;letter-spacing:.16em;color:var(--dark-muted)}.nav-list{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:11px;min-height:52px;padding:10px 11px;border-radius:10px;color:#d9c7c1;font-size:14px;transition:var(--ease);position:relative}.nav-no{font-size:11px;color:#a78e88;font-variant-numeric:tabular-nums}.nav-link:hover{background:rgba(255,255,255,.06);color:var(--white);transform:translateX(3px)}.nav-link.active{background:rgba(241,140,132,.15);color:var(--white)}.nav-link.active:before{content:"";position:absolute;left:-22px;width:3px;height:26px;border-radius:0 4px 4px 0;background:var(--coral)}.side-note{margin-top:auto;padding:16px;background:linear-gradient(145deg,rgba(241,140,132,.18),rgba(241,140,132,.04));border:1px solid rgba(241,140,132,.22);border-radius:var(--radius-sm)}.side-note small{display:block;color:var(--dark-muted);font-size:12px;line-height:1.7}.side-note strong{display:block;color:var(--cream);font-size:14px;margin:3px 0 9px}.side-note a{font-size:13px;color:var(--coral);font-weight:700}.side-footer{margin-top:18px;font-size:11px;color:#9d8680}.mobile-head{display:none}.main{margin-left:var(--side)}.container{width:min(calc(100% - 80px),var(--content));margin:auto}.section{padding:110px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--coral);text-transform:uppercase}.eyebrow:before{content:"";display:block;width:26px;height:1px;background:currentColor}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5vw,68px);line-height:1.14;letter-spacing:-.055em}h2{font-size:clamp(29px,3.1vw,44px);line-height:1.25;letter-spacing:-.04em}h3{font-size:20px;line-height:1.4}p{color:var(--muted)}.lead{font-size:17px;line-height:1.9;max-width:690px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:12px 19px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:800;transition:var(--ease)}.btn-primary{background:var(--coral);color:var(--ink);box-shadow:0 10px 24px rgba(241,140,132,.22)}.btn-primary:hover{background:#ffaaa2;transform:translateY(-2px);box-shadow:0 15px 28px rgba(241,140,132,.3)}.btn-light{background:transparent;border-color:rgba(255,255,255,.25);color:var(--cream)}.btn-light:hover{border-color:var(--coral);background:rgba(255,255,255,.07)}.btn-dark{border-color:var(--line);background:var(--milk);color:var(--text)}.btn-dark:hover{border-color:var(--coral);transform:translateY(-2px)}.hero{min-height:720px;position:relative;display:flex;align-items:stretch;padding:34px 0;background:var(--ink);color:var(--cream);overflow:hidden}.hero:before{content:"";position:absolute;width:680px;height:680px;right:-240px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(241,140,132,.32),rgba(80,39,42,.12) 42%,transparent 67%)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(90deg,black,transparent 78%);pointer-events:none}.hero-inner{position:relative;z-index:1;width:min(calc(100% - 80px),var(--content));margin:auto;display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center}.hero-copy{padding:50px 0}.hero .eyebrow{color:#ffc1b9}.hero p{color:#dec7c0}.hero h1{max-width:720px;margin:16px 0 20px}.hero-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:30px}.text-link{font-size:14px;font-weight:700;color:var(--cream);border-bottom:1px solid rgba(255,255,255,.35);padding:7px 0}.text-link:hover{color:var(--coral);border-color:var(--coral)}.hero-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:42px}.hero-meta div{border-left:1px solid rgba(241,140,132,.6);padding-left:11px}.hero-meta b{display:block;font-size:13px;color:var(--cream)}.hero-meta span{font-size:11px;color:var(--dark-muted)}.stage{min-height:500px;position:relative;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:linear-gradient(155deg,#492d31 0%,#261b1d 55%,#171313 100%);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25)}.stage:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#ffb4a6 0 3%,#ed887f 4% 22%,rgba(241,140,132,.1) 47%,transparent 68%);left:12%;top:8%;filter:blur(1px)}.stage:after{content:"";position:absolute;left:12%;right:12%;bottom:24%;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.08);height:60px;transform:skewY(-12deg)}.stage-number{position:absolute;right:18px;top:0;font-size:155px;line-height:1;color:rgba(248,237,231,.12);font-weight:800;letter-spacing:-.1em}.live-flag{position:absolute;left:26px;top:26px;background:var(--coral);color:var(--ink);font-size:11px;font-weight:900;letter-spacing:.12em;padding:6px 10px;border-radius:5px}.stage-card{position:absolute;z-index:1;left:24px;right:24px;bottom:25px;padding:19px;background:rgba(22,17,17,.78);border:1px solid rgba(255,255,255,.16);border-radius:15px;backdrop-filter:blur(8px)}.stage-card small{color:#d8bdb5;letter-spacing:.1em}.stage-card h3{margin:6px 0 10px;color:var(--white);font-size:18px}.countdown{display:flex;gap:8px}.countdown span{display:grid;place-items:center;min-width:51px;height:48px;background:rgba(255,255,255,.09);border-radius:8px;font-size:18px;font-weight:800}.countdown em{font-style:normal;color:var(--dark-muted);font-size:10px;align-self:center}.scroll-cue{position:absolute;left:40px;bottom:25px;color:#b79993;font-size:11px;letter-spacing:.14em;z-index:2}.scroll-cue:after{content:"";display:inline-block;width:48px;height:1px;background:var(--coral);vertical-align:middle;margin-left:10px}.intro{display:grid;grid-template-columns:.85fr 1.4fr;gap:70px;align-items:end;margin-bottom:42px}.intro p{margin:0}.product-stage{background:var(--milk)}.track{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:auto auto;gap:16px}.feature{padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);min-height:205px;position:relative;overflow:hidden;transition:var(--ease)}.feature:hover{transform:translateY(-5px);border-color:rgba(241,140,132,.65);box-shadow:var(--shadow)}.feature:hover .feature-arrow{transform:translateX(5px);color:var(--coral)}.feature.big{grid-row:span 2;min-height:426px;background:var(--plum);color:var(--cream)}.feature.big p{color:#ddc6be}.feature-no{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--coral)}.feature h3{margin:38px 0 10px}.feature p{font-size:14px;line-height:1.75;margin-bottom:17px}.feature.big:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(241,140,132,.42);border-radius:50%;right:-50px;bottom:-65px;box-shadow:inset 0 0 0 35px rgba(241,140,132,.08)}.feature-arrow{position:absolute;bottom:20px;font-size:22px;transition:var(--ease)}.feature.wide{grid-column:span 2;min-height:205px;background:#edd8d0}.feature.wide h3{margin-top:25px}.feature.wide p{max-width:620px}.steps{background:var(--ink);color:var(--cream);position:relative;overflow:hidden}.steps:after{content:"03";position:absolute;right:3%;bottom:-100px;color:rgba(255,255,255,.035);font-size:360px;font-weight:900}.steps .intro{position:relative;z-index:1}.steps p{color:var(--dark-muted)}.step-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}.step{padding:32px 27px 35px;border-right:1px solid rgba(255,255,255,.17);min-height:235px}.step:last-child{border:0}.step-no{font-size:37px;font-weight:800;color:var(--coral);line-height:1}.step h3{margin:25px 0 10px}.step p{font-size:14px;margin:0}.cases{background:#d8bdb5}.case-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:18px}.case-main,.case-small{min-height:340px;border-radius:var(--radius);overflow:hidden;position:relative;color:var(--cream);background:#322326;isolation:isolate}.case-main{min-height:510px;background:linear-gradient(135deg,#3d2228,#73414a 47%,#24191a)}.case-small:nth-child(2){background:linear-gradient(135deg,#80594f,#3b292a)}.case-small:nth-child(3){background:linear-gradient(135deg,#2e2827,#704148)}.case-side{display:grid;gap:18px}.case-main:before,.case-small:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 22%,rgba(255,192,175,.62),transparent 19%),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.09) 30.5% 31%,transparent 31.5%);z-index:-1}.case-content{position:absolute;inset:auto 0 0;padding:28px;background:linear-gradient(transparent,rgba(12,10,10,.91) 48%)}.tag{display:inline-block;border:1px solid currentColor;border-radius:5px;padding:3px 7px;font-size:11px;line-height:1.4;letter-spacing:.06em;color:#ffc0b7}.case-content h3{margin:12px 0 7px;font-size:25px}.case-small h3{font-size:18px}.case-content p{color:#eedcd5;font-size:13px;line-height:1.7;margin-bottom:12px}.case-content a{font-size:13px;font-weight:800;color:var(--coral)}.plans{background:var(--milk)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;align-items:stretch}.plan{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;transition:var(--ease)}.plan:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.plan.recommend{border-top:4px solid var(--coral);background:var(--ink);color:var(--cream);box-shadow:0 18px 40px rgba(49,27,28,.2)}.plan .tag{align-self:flex-start;color:var(--coral);margin-bottom:16px}.plan h3{margin:0 0 7px}.plan p{font-size:14px;line-height:1.75}.plan.recommend p,.plan.recommend li{color:#ddc8c1}.plan-price{font-size:25px;font-weight:900;margin:19px 0 14px;letter-spacing:-.04em}.plan-price small{font-size:12px;font-weight:500;color:var(--taupe)}.plan.recommend .plan-price small{color:var(--dark-muted)}.checklist{padding:0;margin:0 0 23px;list-style:none;font-size:13px}.checklist li{padding:8px 0;border-top:1px solid var(--line)}.plan.recommend .checklist li{border-color:rgba(255,255,255,.13)}.plan .btn{margin-top:auto}.news{padding-top:92px;background:var(--cream)}.news-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:55px}.news-side{padding:25px;background:#ead7d0;border-radius:var(--radius)}.news-side h2{font-size:36px;margin:12px 0}.news-side p{font-size:14px}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:100px 1fr auto;gap:20px;align-items:center;padding:20px 3px;border-bottom:1px solid var(--line);transition:var(--ease)}.news-item:hover{padding-left:10px;background:rgba(255,253,250,.5)}.news-date{font-size:12px;color:var(--taupe);font-variant-numeric:tabular-nums}.news-item h3{font-size:17px;margin:0 0 3px}.news-item p{font-size:13px;margin:0;line-height:1.65}.news-arrow{color:var(--coral);font-size:21px}.faq{background:var(--ink);color:var(--cream)}.faq .intro p{color:var(--dark-muted)}.faq-wrap{max-width:900px;margin:auto}.faq-item{border-top:1px solid rgba(255,255,255,.16)}.faq-item:last-child{border-bottom:1px solid rgba(255,255,255,.16)}.faq-q{width:100%;border:0;background:none;color:var(--cream);padding:21px 4px;text-align:left;display:flex;justify-content:space-between;gap:18px;font-weight:800;font-size:16px}.faq-q i{font-style:normal;color:var(--coral);font-size:23px;line-height:1;transition:var(--ease)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ease)}.faq-a>div{overflow:hidden}.faq-a p{padding:0 42px 20px 4px;margin:0;color:var(--dark-muted);font-size:14px}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-q i{transform:rotate(45deg)}.cta{background:var(--plum);padding:76px 0;color:var(--cream)}.cta-box{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:42px;border:1px solid rgba(241,140,132,.38);border-radius:var(--radius);background:linear-gradient(115deg,rgba(241,140,132,.13),transparent 55%)}.cta h2{margin:10px 0}.cta p{margin:0;color:#ddc6be;max-width:650px}.contact-form{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:var(--cream);border-radius:8px;padding:12px 13px;font-size:14px;transition:var(--ease)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#bca39c}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--coral);background:rgba(255,255,255,.1);outline:none}.contact-form select option{color:var(--text)}.form-full{grid-column:1/-1}.form-note{font-size:12px!important;color:#cdb4ad!important}.form-status{display:none;font-size:13px;color:#ffc4bc}.form-status.show{display:block}.footer{background:#100d0d;color:#cdb8b1;padding:45px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:35px;padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.11)}.footer .brand{color:var(--cream);margin-bottom:13px}.footer p{font-size:13px;color:#a99089;max-width:420px}.footer h3{font-size:13px;letter-spacing:.08em;color:var(--cream);margin:0 0 12px}.footer-links{display:grid;gap:7px;font-size:13px}.footer-links a:hover{color:var(--coral)}.copyright{padding-top:18px;font-size:11px;color:#8f7872;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:1200px){:root{--side:248px}.container,.hero-inner{width:min(calc(100% - 54px),var(--content))}.track{grid-template-columns:1.12fr .88fr .88fr}.case-grid{grid-template-columns:1fr .8fr}}
@media(max-width:960px){.sidebar{display:none}.mobile-head{display:flex;position:sticky;top:0;z-index:30;height:70px;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(23,19,19,.97);color:var(--cream);border-bottom:1px solid rgba(255,255,255,.1)}.mobile-head .brand{font-size:14px;max-width:230px}.mobile-head .brand-mark{width:25px;height:25px;flex-basis:25px}.menu-btn{border:1px solid rgba(255,255,255,.22);background:transparent;color:var(--cream);border-radius:8px;padding:8px 10px;font-weight:800;font-size:13px}.mobile-menu{display:none;position:absolute;top:70px;left:0;right:0;padding:13px 20px 20px;background:var(--ink);border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu.open{display:grid;gap:6px}.mobile-menu a{padding:12px;border-radius:8px;font-size:14px}.mobile-menu a.active{background:rgba(241,140,132,.16);color:var(--cream)}.main{margin-left:0}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding:55px 0 72px}.hero-copy{padding:0}.stage{min-height:410px;max-width:650px;width:100%}.scroll-cue{display:none}.section{padding:78px 0}.intro{grid-template-columns:1fr;gap:14px}.track{grid-template-columns:1fr 1fr}.feature.big{grid-row:span 1;min-height:280px}.feature.wide{grid-column:span 2}.step-row{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid rgba(255,255,255,.17);min-height:auto}.step:last-child{border-bottom:0}.plan-grid{grid-template-columns:1fr}.plan{min-height:0}.news-grid{grid-template-columns:1fr;gap:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:768px){.container,.hero-inner{width:min(calc(100% - 34px),var(--content))}.hero h1{font-size:43px}.hero-meta{gap:12px}.track{grid-template-columns:1fr}.feature.big,.feature.wide{grid-column:auto;grid-row:auto}.feature,.feature.big{min-height:215px}.case-grid{grid-template-columns:1fr}.case-main{min-height:405px}.case-side{grid-template-columns:1fr 1fr}.case-small{min-height:300px}.cta-box{grid-template-columns:1fr;padding:28px}.news-item{grid-template-columns:82px 1fr}.news-arrow{display:none}.contact-form{grid-template-columns:1fr}.form-full{grid-column:auto}}
@media(max-width:520px){body{font-size:15px}.mobile-head{padding:0 14px}.mobile-head .brand{font-size:13px;max-width:200px}.container,.hero-inner{width:min(calc(100% - 28px),var(--content))}.section{padding:62px 0}.hero-inner{padding:43px 0 55px}.hero h1{font-size:37px;letter-spacing:-.06em}.lead{font-size:15px}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.text-link{text-align:center}.stage{min-height:350px}.stage-number{font-size:118px}.stage-card{left:15px;right:15px;bottom:15px;padding:14px}.countdown span{min-width:43px;height:42px;font-size:16px}.intro h2{margin-bottom:0}.case-side{grid-template-columns:1fr}.case-small{min-height:270px}.case-content h3{font-size:21px}.news-item{grid-template-columns:1fr;gap:4px;padding:17px 0}.news-date{order:-1}.faq-q{font-size:15px;padding:18px 2px}.faq-a p{padding-right:5px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.copyright{display:block}.copyright span{display:block;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category2 */
:root{
 --ink:#171313;--ink-2:#241c1c;--plum:#3b2429;--coral:#f18c84;--coral-deep:#d96f69;
 --cream:#f8ede7;--milk:#fff9f5;--mist:#ead7d0;--taupe:#8d7771;--line:rgba(101,69,62,.18);
 --white:#fffdfa;--text:#332827;--muted:#76625e;--dark-muted:#d8bdb5;
 --radius:20px;--radius-sm:12px;--shadow:0 18px 50px rgba(62,35,32,.12);
 --side:248px;--content:1380px;--ease:220ms cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8;overflow-x:hidden}
::selection{background:var(--coral);color:var(--ink)}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--ink)}
::-webkit-scrollbar-thumb{background:#76514f;border-radius:10px}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(241,140,132,.58);outline-offset:3px}
.side-nav{position:fixed;z-index:20;left:0;top:0;width:var(--side);height:100vh;padding:34px 22px 22px;background:var(--ink);color:var(--cream);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}
.brand{display:flex;align-items:flex-start;gap:11px;font-size:17px;font-weight:800;line-height:1.35;letter-spacing:.01em}
.brand-mark{width:29px;height:29px;flex:0 0 29px;border:1px solid var(--coral);border-radius:9px;position:relative}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--coral);border-radius:6px}
.brand-mark:before{width:10px;height:10px;left:5px;top:5px}
.brand-mark:after{width:8px;height:8px;right:4px;bottom:4px;background:var(--mist)}
.side-kicker{margin:18px 0 34px;color:#a78e88;font-size:11px;letter-spacing:.15em}
.nav-list{display:grid;gap:6px}
.nav-link{display:flex;align-items:center;gap:11px;min-height:52px;padding:10px 11px;border-radius:10px;color:#d9c7c1;font-size:14px;transition:var(--ease);position:relative}
.nav-no{font-size:11px;color:#a78e88;font-variant-numeric:tabular-nums}
.nav-link:hover{background:rgba(255,255,255,.06);color:var(--white);transform:translateX(3px)}
.nav-link.active{background:rgba(241,140,132,.15);color:var(--white)}
.nav-link.active:before{content:"";position:absolute;left:-22px;width:3px;height:26px;border-radius:0 4px 4px 0;background:var(--coral)}
.side-note{margin-top:auto;padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035)}
.side-note p{margin:0 0 8px;font-size:12px;line-height:1.7;color:#bda7a1}
.side-note a{font-size:13px;color:var(--coral);font-weight:700}
.side-footer{margin-top:18px;font-size:11px;color:#9d8680}
.mobile-head{display:none}
.main{margin-left:var(--side)}
.container{width:min(calc(100% - 80px),var(--content));margin:auto}
.section{padding:105px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--coral)}
.eyebrow:before{content:"";display:block;width:26px;height:1px;background:currentColor}
.lead{font-size:17px;line-height:1.9;max-width:720px;color:inherit}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(40px,4.6vw,62px);line-height:1.2;letter-spacing:-.045em}
h2{font-size:clamp(29px,3vw,42px);line-height:1.28;letter-spacing:-.035em}
h3{font-size:20px;line-height:1.45}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:12px 19px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:800;transition:var(--ease)}
.btn-primary{background:var(--coral);color:var(--ink);box-shadow:0 10px 24px rgba(241,140,132,.22)}
.btn-primary:hover{background:#ffaaa2;transform:translateY(-2px);box-shadow:0 15px 28px rgba(241,140,132,.3)}
.btn-light{background:transparent;border-color:rgba(255,255,255,.25);color:var(--cream)}
.btn-light:hover{border-color:var(--coral);background:rgba(255,255,255,.07)}
.btn-dark{border-color:var(--line);background:var(--milk);color:var(--text)}
.btn-dark:hover{border-color:var(--coral);transform:translateY(-2px)}
.hero-collab{min-height:670px;position:relative;overflow:hidden;background:var(--ink);color:var(--cream);padding:68px 0 64px}
.hero-collab:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,black,transparent 85%)}
.hero-collab:after{content:"02";position:absolute;right:4%;bottom:-100px;font-size:min(32vw,440px);font-weight:900;line-height:1;color:rgba(248,237,231,.055);letter-spacing:-.12em}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.68fr);gap:65px;align-items:end;min-height:535px}
.hero-copy{padding:48px 0}
.hero-copy h1{max-width:820px;margin:16px 0 24px}
.hero-copy .lead{color:#dec7c0}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}
.hero-labels{position:absolute;right:0;top:16px;display:grid;gap:11px}
.hero-labels span{writing-mode:vertical-rl;padding:11px 8px;border:1px solid rgba(255,255,255,.2);font-size:11px;letter-spacing:.13em;color:#d8bdb5}
.cover-panel{min-height:450px;position:relative;border:1px solid rgba(255,255,255,.17);border-radius:25px;background:linear-gradient(145deg,#542f35 0%,#2a1e20 50%,#171313 100%);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.cover-panel:before{content:"";position:absolute;width:280px;height:280px;left:20%;top:14%;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffd4cb 0 3%,#f18c84 4% 24%,rgba(241,140,132,.16) 46%,transparent 69%)}
.cover-panel:after{content:"";position:absolute;left:10%;right:10%;bottom:24%;height:120px;border-top:1px solid rgba(255,255,255,.23);border-bottom:1px solid rgba(255,255,255,.11);transform:skewY(-15deg)}
.cover-word{position:absolute;top:20px;right:21px;color:rgba(255,255,255,.16);font-size:12px;letter-spacing:.22em}
.cover-card{position:absolute;z-index:1;left:22px;right:22px;bottom:22px;padding:18px 18px 17px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(23,19,19,.78);backdrop-filter:blur(8px)}
.cover-card b{display:block;color:var(--coral);font-size:12px;letter-spacing:.12em}
.cover-card span{display:block;margin-top:5px;font-weight:700;font-size:17px;color:var(--white)}
.info-bar{position:relative;z-index:3;margin-top:-38px}
.info-track{display:grid;grid-template-columns:1.15fr .8fr 1.05fr .72fr;gap:0;background:#281f1f;border:1px solid rgba(255,255,255,.13);border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(42,25,24,.2)}
.info-item{padding:22px 25px;color:#f7e9e4;border-right:1px solid rgba(255,255,255,.13)}
.info-item:last-child{border-right:0}
.info-item strong{display:block;font-size:17px;line-height:1.4}
.info-item span{display:block;margin-top:5px;font-size:12px;color:#cdb4ad}
.track-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:end;margin-bottom:55px}
.track-head p{color:var(--muted);margin-bottom:3px}
.timeline{position:relative;display:grid;gap:18px}
.timeline:before{content:"";position:absolute;left:74px;top:22px;bottom:22px;width:1px;background:var(--line)}
.track-item{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr) 220px;gap:25px;align-items:stretch;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:var(--ease)}
.track-item:nth-child(even){margin-left:8%;background:var(--milk)}
.track-item:hover{border-color:rgba(241,140,132,.7);transform:translateX(5px);box-shadow:var(--shadow)}
.track-no{position:relative;z-index:1;display:flex;align-items:flex-start;gap:11px;font-size:30px;font-weight:900;line-height:1;color:var(--coral);letter-spacing:-.06em}
.track-no:after{content:"";width:11px;height:11px;margin-top:10px;border:3px solid var(--cream);border-radius:50%;background:var(--coral);box-shadow:0 0 0 1px var(--coral)}
.track-content h3{margin:0 0 9px}
.track-content p{margin:0;color:var(--muted);font-size:15px}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.tag{display:inline-flex;align-items:center;min-height:27px;padding:3px 9px;border:1px solid var(--line);border-radius:7px;font-size:11px;font-weight:700;color:#715957;background:rgba(248,237,231,.62)}
.track-art{position:relative;min-height:145px;border-radius:13px;overflow:hidden;background:#3b2429}
.track-art:before{content:"";position:absolute;width:140px;height:140px;left:25px;top:3px;border-radius:50%;background:radial-gradient(circle,#f8ede7 0 5%,#f18c84 6% 30%,rgba(241,140,132,.14) 50%,transparent 68%)}
.track-art:after{content:"";position:absolute;right:-10px;bottom:22px;width:150px;height:1px;background:rgba(255,255,255,.35);transform:rotate(-26deg)}
.track-item:nth-child(2) .track-art{background:#724346}
.track-item:nth-child(3) .track-art{background:#805b4e}
.track-item:nth-child(4) .track-art{background:#2d2525}
.track-link{display:inline-flex;margin-top:16px;font-weight:800;font-size:13px;color:var(--coral-deep)}
.track-link:hover{color:var(--coral);transform:translateX(3px)}
.choice-section{background:var(--mist)}
.choice-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;padding:54px;border:1px solid rgba(101,69,62,.17);border-radius:25px;background:var(--milk);box-shadow:var(--shadow)}
.choice-card h2{margin:14px 0 18px}
.choice-card p{color:var(--muted)}
.choice-list{display:grid;gap:12px;align-content:center}
.choice-row{display:grid;grid-template-columns:42px 1fr auto;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}
.choice-row:last-child{border-bottom:0}
.choice-row b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--plum);color:var(--coral);font-size:12px}
.choice-row strong{font-size:15px}
.choice-row span{font-size:12px;color:var(--muted)}
.choice-row em{font-style:normal;font-size:12px;color:var(--coral-deep);font-weight:800}
.related{background:var(--ink);color:var(--cream);overflow:hidden}
.related-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:36px}
.related-head p{color:var(--dark-muted);max-width:630px;margin:0}
.related-rail{display:flex;gap:18px;overflow:auto;padding:4px 2px 17px;scroll-snap-type:x mandatory}
.related-card{position:relative;flex:0 0 315px;min-height:360px;padding:25px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:linear-gradient(160deg,#482c31,#211a1a);overflow:hidden;scroll-snap-align:start;transition:var(--ease)}
.related-card:nth-child(2){background:linear-gradient(160deg,#6c4643,#2b2020)}
.related-card:nth-child(3){background:linear-gradient(160deg,#463333,#211a1a)}
.related-card:hover{transform:translateY(-6px);border-color:var(--coral)}
.related-card:before{content:"";position:absolute;width:180px;height:180px;right:-45px;top:-42px;border-radius:50%;background:radial-gradient(circle,#f6b3a8,rgba(241,140,132,.13) 56%,transparent 70%)}
.related-card > *{position:relative;z-index:1}
.related-card .tag{color:#ead7d0;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.related-card h3{margin:112px 0 10px;font-size:23px}
.related-card p{margin:0;color:#d8bdb5;font-size:14px}
.faq-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px}
.faq-copy p{color:var(--muted)}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;border:0;background:transparent;color:var(--text);font-weight:800;text-align:left;font-size:16px}
.faq-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;font-size:20px;font-weight:400;transition:var(--ease)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ease)}
.faq-answer>div{overflow:hidden}
.faq-answer p{margin:0;padding:0 45px 21px 0;color:var(--muted);font-size:15px}
.faq-item.open .faq-answer{grid-template-rows:1fr}
.faq-item.open .faq-icon{background:var(--coral);border-color:var(--coral);transform:rotate(45deg)}
.cta{padding:76px 0;background:var(--plum);color:var(--cream)}
.cta-box{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.cta h2{margin:12px 0 10px}
.cta p{margin:0;color:#ddc6be;max-width:630px}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.05)}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.19);border-radius:8px;background:rgba(23,19,19,.42);color:var(--cream);padding:11px 12px;font-size:13px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#b89c96}
.contact-form textarea{grid-column:1/-1;min-height:76px;resize:vertical}
.contact-form .btn{grid-column:1/-1}
.form-note{grid-column:1/-1;margin:0;color:#cbb1aa;font-size:11px;line-height:1.6}
.footer{padding:64px 0 24px;background:#120f0f;color:#d8c5bf}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:50px;padding-bottom:45px}
.footer .brand{color:var(--cream)}
.footer p{max-width:380px;margin:18px 0 0;font-size:13px;color:#aa928c}
.footer h3{margin:0 0 13px;color:#f3e6e0;font-size:14px}
.footer-links{display:grid;gap:8px;font-size:13px;color:#bda7a1}
.footer-links a:hover{color:var(--coral)}
.copyright{display:flex;justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#8d7771}
@media(max-width:1200px){
 .container{width:min(calc(100% - 54px),var(--content))}
 .hero-inner{gap:38px}.track-item{grid-template-columns:125px minmax(0,1fr) 185px}
}
@media(max-width:960px){
 .side-nav{display:none}.main{margin-left:0}.mobile-head{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;background:rgba(23,19,19,.96);color:var(--cream);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}
 .mobile-head .brand{font-size:14px;max-width:230px}.mobile-head .brand-mark{width:25px;height:25px;flex-basis:25px}.mobile-head .brand-mark:before{width:8px;height:8px;left:4px;top:4px}.mobile-head .brand-mark:after{width:7px;height:7px;right:3px;bottom:3px}
 .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:transparent;color:var(--cream);font-size:19px}
 .mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;padding:14px 20px 21px;background:var(--ink);border-bottom:1px solid rgba(255,255,255,.12)}
 .mobile-menu.open{display:grid}.mobile-menu .nav-link{padding-left:8px}.mobile-menu .nav-link.active:before{left:0}
 .hero-inner{grid-template-columns:1fr}.hero-collab{padding-top:25px}.hero-labels{display:none}.cover-panel{max-width:560px;min-height:360px}.info-track{overflow-x:auto;display:flex}.info-item{flex:0 0 210px;border-right:1px solid rgba(255,255,255,.13)}
 .track-head,.faq-wrap,.cta-box{grid-template-columns:1fr;gap:27px}.track-item,.track-item:nth-child(even){margin-left:0;grid-template-columns:110px minmax(0,1fr) 165px}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
 body{font-size:15px}.container{width:min(calc(100% - 36px),var(--content))}.section{padding:76px 0}.hero-collab{min-height:auto}.hero-copy{padding:34px 0 8px}.hero-copy h1{font-size:41px}.info-bar{margin-top:-20px}
 .track-item,.track-item:nth-child(even){grid-template-columns:76px 1fr}.track-art{grid-column:2;min-height:110px}.timeline:before{left:38px}.track-no{font-size:24px}.track-no:after{margin-top:7px}
 .choice-card{grid-template-columns:1fr;padding:31px;gap:18px}.related-head{display:block}.related-head p{margin-top:13px}.footer-grid{grid-template-columns:1fr;gap:31px}
}
@media(max-width:480px){
 .container{width:min(calc(100% - 28px),var(--content))}.mobile-head{padding:12px 14px}.mobile-head .brand{font-size:13px;max-width:215px}.section{padding:62px 0}.hero-copy h1{font-size:35px}.lead{font-size:16px}.hero-actions .btn{width:100%}
 .cover-panel{min-height:300px}.cover-card{left:15px;right:15px;bottom:15px}.info-item{flex-basis:190px;padding:18px}
 .track-head{margin-bottom:33px}.track-item,.track-item:nth-child(even){padding:18px;gap:13px;grid-template-columns:56px 1fr}.timeline:before{left:28px}.track-no{font-size:20px}.track-no:after{width:9px;height:9px;margin-top:5px;border-width:2px}.track-content h3{font-size:18px}.track-content p{font-size:14px}.track-art{min-height:92px}
 .choice-card{padding:23px}.choice-row{grid-template-columns:36px 1fr}.choice-row em{grid-column:2}.related-card{flex-basis:274px;min-height:325px}.faq-question{font-size:15px}.cta{padding:59px 0}.contact-form{grid-template-columns:1fr}.copyright{display:grid}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category1 */
:root{
 --ink:#171313;--ink-2:#241c1c;--plum:#3b2429;--coral:#f18c84;--coral-deep:#d96f69;
 --cream:#f8ede7;--milk:#fff9f5;--mist:#ead7d0;--taupe:#8d7771;--line:rgba(101,69,62,.18);
 --white:#fffdfa;--text:#332827;--muted:#76625e;--dark-muted:#d8bdb5;
 --radius:20px;--radius-sm:12px;--shadow:0 18px 50px rgba(62,35,32,.12);
 --side:248px;--content:1380px;--ease:220ms cubic-bezier(.2,.7,.2,1);
 --header-h:72px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8;overflow-x:hidden}
::selection{background:rgba(241,140,132,.38);color:var(--ink)}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--ink)}
::-webkit-scrollbar-thumb{background:#72534f;border:3px solid var(--ink);border-radius:10px}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(241,140,132,.62);outline-offset:3px}
.sidebar{position:fixed;z-index:20;top:0;left:0;width:var(--side);height:100vh;display:flex;flex-direction:column;padding:34px 22px 24px;background:var(--ink);color:var(--cream);border-right:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:flex-start;gap:11px;font-size:17px;font-weight:800;line-height:1.35;letter-spacing:.01em}
.brand-mark{width:29px;height:29px;flex:0 0 29px;border:1px solid var(--coral);border-radius:9px;position:relative}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--coral);border-radius:6px}
.brand-mark:before{width:10px;height:10px;left:5px;top:5px}
.brand-mark:after{width:8px;height:8px;right:4px;bottom:4px;background:var(--mist)}
.side-kicker{margin:22px 0 35px;padding-left:10px;border-left:1px solid rgba(241,140,132,.65);font-size:11px;line-height:1.55;letter-spacing:.15em;color:#bda49d}
.nav-list{display:grid;gap:6px}
.nav-link{display:flex;align-items:center;gap:11px;min-height:52px;padding:10px 11px;border-radius:10px;color:#d9c7c1;font-size:14px;transition:var(--ease);position:relative}
.nav-no{font-size:11px;color:#a78e88;font-variant-numeric:tabular-nums}
.nav-link:hover{background:rgba(255,255,255,.06);color:var(--white);transform:translateX(3px)}
.nav-link.active{background:rgba(241,140,132,.15);color:var(--white)}
.nav-link.active:before{content:"";position:absolute;left:-22px;width:3px;height:26px;border-radius:0 4px 4px 0;background:var(--coral)}
.side-note{margin-top:auto;padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:rgba(255,255,255,.035)}
.side-note b{display:block;margin-bottom:4px;color:var(--white);font-size:13px}
.side-note p{margin:0;color:#bca7a1;font-size:12px;line-height:1.7}
.side-note a{display:inline-block;margin-top:9px;font-size:13px;color:var(--coral);font-weight:700}
.side-footer{margin-top:18px;font-size:11px;color:#9d8680}
.main{margin-left:var(--side)}
.container{width:min(calc(100% - 80px),var(--content));margin:auto}
.mobile-head{display:none}
.section{padding:104px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--coral);text-transform:uppercase}
.eyebrow:before{content:"";display:block;width:26px;height:1px;background:currentColor}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(38px,4.2vw,58px);line-height:1.2;letter-spacing:-.045em}
h2{font-size:clamp(28px,2.8vw,40px);line-height:1.28;letter-spacing:-.035em}
h3{font-size:20px;line-height:1.42;letter-spacing:-.02em}
.lead{max-width:720px;font-size:17px;line-height:1.9;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:12px 19px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:800;transition:var(--ease)}
.btn-primary{background:var(--coral);color:var(--ink);box-shadow:0 10px 24px rgba(241,140,132,.22)}
.btn-primary:hover{background:#ffaaa2;transform:translateY(-2px);box-shadow:0 15px 28px rgba(241,140,132,.3)}
.btn-dark{border-color:var(--line);background:var(--milk);color:var(--text)}
.btn-dark:hover{border-color:var(--coral);transform:translateY(-2px);box-shadow:0 10px 24px rgba(62,35,32,.1)}
.btn-light{border-color:rgba(255,255,255,.24);background:transparent;color:var(--cream)}
.btn-light:hover{border-color:var(--coral);background:rgba(255,255,255,.07)}
.page-hero{position:relative;padding:72px 0 77px;background:var(--milk);overflow:hidden;border-bottom:1px solid var(--line)}
.page-hero:before{content:"";position:absolute;right:-80px;top:-160px;width:510px;height:510px;border:1px solid rgba(241,140,132,.3);border-radius:50%;box-shadow:0 0 0 44px rgba(241,140,132,.07),0 0 0 90px rgba(241,140,132,.035)}
.page-hero:after{content:"01";position:absolute;right:6%;bottom:-77px;font-size:255px;line-height:1;font-weight:800;letter-spacing:-.12em;color:rgba(78,44,44,.05)}
.breadcrumb{position:relative;z-index:1;display:flex;gap:9px;align-items:center;margin-bottom:35px;color:var(--muted);font-size:13px}
.breadcrumb span{color:var(--coral)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:60px;align-items:end}
.page-hero h1{max-width:800px;margin:16px 0 20px}
.hero-note{position:relative;min-height:235px;padding:25px;background:var(--plum);color:var(--cream);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.hero-note:before{content:"专题";position:absolute;right:-22px;bottom:-65px;color:rgba(255,255,255,.08);font-size:100px;font-weight:800;letter-spacing:-.1em}
.hero-note .tiny{position:relative;color:#e9c8c2;font-size:12px;letter-spacing:.12em}
.hero-note strong{position:relative;display:block;max-width:220px;margin-top:25px;font-size:22px;line-height:1.4}
.tag-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.tag{display:inline-flex;align-items:center;min-height:31px;padding:4px 11px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.64);color:#634c48;font-size:12px;font-weight:700;transition:var(--ease)}
.tag:hover{border-color:var(--coral);color:var(--coral-deep);transform:translateY(-2px)}
.tag.current{background:var(--coral);border-color:var(--coral);color:var(--ink)}
.topic-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:52px;align-items:start}
.topic-index{position:sticky;top:34px;padding:7px 0}
.topic-index b{display:block;margin-bottom:14px;color:var(--muted);font-size:12px;letter-spacing:.12em}
.topic-index a{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;transition:var(--ease)}
.topic-index a:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mist);transition:var(--ease)}
.topic-index a:hover{padding-left:5px;color:var(--coral-deep)}
.topic-index a:hover:before{background:var(--coral)}
.content-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}
.content-head h2{max-width:590px;margin:10px 0 0}
.content-head p{max-width:360px;margin:0;color:var(--muted);font-size:14px}
.focus-card{display:grid;grid-template-columns:42% 58%;min-height:410px;margin-bottom:18px;overflow:hidden;border-radius:var(--radius);background:var(--ink);color:var(--cream);box-shadow:var(--shadow)}
.focus-visual{position:relative;min-height:300px;background:linear-gradient(140deg,#d87a73,#8d4e4b 45%,#322124 46%,#1e1819 100%);overflow:hidden}
.focus-visual:before{content:"沟通";position:absolute;left:-15px;bottom:-37px;font-size:106px;font-weight:800;letter-spacing:-.12em;color:rgba(255,249,245,.26)}
.focus-visual:after{content:"";position:absolute;width:205px;height:205px;top:42px;right:20px;border:1px solid rgba(255,255,255,.58);border-radius:50%;box-shadow:-25px 28px 0 rgba(44,28,30,.27)}
.visual-no{position:absolute;z-index:1;left:24px;top:23px;padding:5px 9px;border:1px solid rgba(255,255,255,.35);color:#fff9f5;font-size:12px;letter-spacing:.12em}
.focus-body{display:flex;flex-direction:column;align-items:flex-start;padding:40px}
.card-kicker{color:#f3a099;font-size:12px;font-weight:800;letter-spacing:.1em}
.focus-body h3{margin:15px 0 13px;font-size:28px;color:var(--white)}
.focus-body p{max-width:550px;color:#d9c0ba}
.focus-body .btn{margin-top:auto}
.article-list{display:grid;gap:14px}
.article-card{display:grid;grid-template-columns:116px 1fr auto;gap:24px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);transition:var(--ease)}
.article-card:hover{transform:translateX(5px);border-color:rgba(241,140,132,.65);box-shadow:0 12px 30px rgba(62,35,32,.08)}
.article-no{width:80px;height:80px;display:grid;place-items:center;border-radius:12px;background:var(--mist);color:var(--coral-deep);font-size:18px;font-weight:900}
.article-card h3{margin:0 0 4px;font-size:19px}
.article-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.arrow-link{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--coral-deep);font-size:20px;transition:var(--ease)}
.article-card:hover .arrow-link{background:var(--coral);border-color:var(--coral);color:var(--ink);transform:translateX(3px)}
.method{position:relative;background:var(--ink);color:var(--cream);overflow:hidden}
.method:before{content:"品牌";position:absolute;right:-30px;bottom:-100px;font-size:220px;font-weight:800;color:rgba(255,255,255,.035);letter-spacing:-.12em}
.method-grid{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:start}
.method h2{margin:14px 0 19px}
.method .lead{color:#d9c0ba}
.method-list{border-top:1px solid rgba(255,255,255,.2)}
.method-item{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.method-item span{color:var(--coral);font-size:14px;font-weight:900;letter-spacing:.12em}
.method-item h3{margin:0 0 5px;color:var(--white)}
.method-item p{margin:0;color:#c7aaa3;font-size:14px}
.scene-area{background:var(--milk)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}
.section-heading h2{max-width:640px;margin:14px 0 0}
.section-heading p{max-width:390px;margin:0;color:var(--muted);font-size:14px}
.scene-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px}
.scene-card{min-height:270px;display:flex;flex-direction:column;align-items:flex-start;padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:var(--ease)}
.scene-card:hover{transform:translateY(-5px);border-color:var(--coral);box-shadow:var(--shadow)}
.scene-card.featured{background:var(--plum);color:var(--cream)}
.scene-card.featured p{color:#dcc2bb}
.scene-card small{color:var(--coral);font-weight:800;letter-spacing:.1em}
.scene-card h3{margin:44px 0 10px}
.scene-card p{margin:0;color:var(--muted);font-size:14px}
.scene-card a{margin-top:auto;color:var(--coral-deep);font-size:13px;font-weight:800}
.scene-card.featured a{color:var(--coral)}
.faq-wrap{max-width:920px}
.faq-item{border-top:1px solid var(--line)}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-question{width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 3px;border:0;background:none;color:var(--text);text-align:left;font-weight:800;font-size:17px}
.faq-icon{display:grid;flex:0 0 28px;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;color:var(--coral-deep);font-size:20px;line-height:1;transition:var(--ease)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ease)}
.faq-answer>div{overflow:hidden}
.faq-answer p{margin:0;padding:0 45px 0 3px;color:var(--muted);font-size:15px}
.faq-item.open .faq-answer{grid-template-rows:1fr}
.faq-item.open .faq-answer p{padding-bottom:23px}
.faq-item.open .faq-icon{background:var(--coral);border-color:var(--coral);color:var(--ink);transform:rotate(45deg)}
.cta-section{padding:0 0 104px;background:var(--cream)}
.cta-box{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:48px 52px;border-radius:var(--radius);background:var(--plum);color:var(--cream);box-shadow:var(--shadow)}
.cta-box h2{margin:13px 0 9px;color:var(--white)}
.cta-box p{max-width:630px;margin:0;color:#dcc2bb}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.form-field{display:grid;gap:5px}
.form-field.full{grid-column:1/-1}
.form-field label{font-size:12px;font-weight:800;color:#ecd7d0}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.08);color:var(--white);padding:10px 12px;outline:none;transition:var(--ease)}
.form-field input::placeholder,.form-field textarea::placeholder{color:#c5a9a2}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--coral);background:rgba(255,255,255,.12)}
.form-field select option{color:var(--text)}
.form-field textarea{min-height:78px;resize:vertical}
.form-message{display:none;margin:10px 0 0;font-size:13px}
.form-message.error{color:#ffb7ae}
.form-message.success{color:#ffd6b7}
.form-message.show{display:block}
.footer{padding:67px 0 24px;background:var(--ink-2);color:var(--cream)}
.footer-grid{display:grid;grid-template-columns:1.55fr .75fr .8fr;gap:55px;padding-bottom:50px}
.footer p{max-width:390px;margin:18px 0 0;color:#bda7a1;font-size:14px}
.footer h3{margin:0 0 15px;color:var(--white);font-size:14px}
.footer-links{display:grid;gap:9px;color:#cbb6af;font-size:14px}
.footer-links a{transition:var(--ease)}
.footer-links a:hover{color:var(--coral);transform:translateX(3px)}
.copyright{display:flex;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:#997f79;font-size:12px}
@media(max-width:1200px){
 .hero-grid{grid-template-columns:minmax(0,1fr) 300px}
 .container{width:min(calc(100% - 56px),var(--content))}
 .topic-layout{gap:35px}
}
@media(max-width:960px){
 .sidebar{display:none}
 .main{margin-left:0;padding-top:var(--header-h)}
 .mobile-head{position:fixed;z-index:40;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;min-height:var(--header-h);padding:13px 22px;background:rgba(23,19,19,.97);color:var(--cream);border-bottom:1px solid rgba(255,255,255,.1)}
 .mobile-head .brand{max-width:245px;font-size:14px}
 .mobile-tools{display:flex;align-items:center;gap:9px}
 .menu-toggle{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:transparent;color:var(--cream);font-size:20px}
 .mobile-menu{position:fixed;z-index:35;top:var(--header-h);left:0;right:0;display:none;padding:15px 22px 23px;background:var(--ink);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 18px 30px rgba(0,0,0,.25)}
 .mobile-menu.open{display:block}
 .mobile-menu .nav-list{gap:5px}
 .mobile-menu .nav-link.active:before{left:-10px}
 .page-hero{padding:58px 0 64px}
 .hero-grid{grid-template-columns:1fr}
 .hero-note{max-width:420px}
 .topic-layout{grid-template-columns:1fr}
 .topic-index{position:static;display:flex;gap:10px;overflow:auto;padding-bottom:5px}
 .topic-index b{display:none}
 .topic-index a{flex:0 0 auto;padding:7px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px}
 .topic-index a:before{display:none}
 .method-grid{grid-template-columns:1fr;gap:35px}
 .scene-grid{grid-template-columns:1.2fr 1fr}
 .scene-card.featured{grid-row:span 2}
}
@media(max-width:768px){
 .container{width:min(calc(100% - 38px),var(--content))}
 .section{padding:72px 0}
 .content-head,.section-heading{display:block}
 .content-head p,.section-heading p{margin-top:15px}
 .focus-card{grid-template-columns:1fr}
 .focus-visual{min-height:220px}
 .focus-body{padding:30px}
 .article-card{grid-template-columns:70px 1fr}
 .article-no{width:58px;height:58px;font-size:14px}
 .article-card .arrow-link{display:none}
 .scene-grid{grid-template-columns:1fr}
 .scene-card.featured{grid-row:auto}
 .cta-section{padding-bottom:72px}
 .cta-box{grid-template-columns:1fr;padding:34px 28px;gap:24px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:35px}
 .footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:520px){
 body{font-size:15px}
 .mobile-head{padding:12px 15px}
 .mobile-head .brand{max-width:205px;font-size:13px}
 .mobile-head .brand-mark{width:25px;height:25px;flex-basis:25px}
 .mobile-head .brand-mark:before{left:4px;top:4px}
 .container{width:min(calc(100% - 30px),var(--content))}
 .page-hero{padding:45px 0 48px}
 .breadcrumb{margin-bottom:24px}
 h1{font-size:36px}
 h2{font-size:28px}
 .lead{font-size:16px}
 .tag-row{gap:7px}
 .hero-note{min-height:190px;padding:20px}
 .focus-body h3{font-size:24px}
 .article-card{gap:14px;padding:16px}
 .article-card h3{font-size:17px}
 .method-item{grid-template-columns:52px 1fr;gap:13px}
 .faq-question{padding:18px 0;font-size:16px}
 .faq-answer p{padding-right:5px}
 .contact-form{grid-template-columns:1fr}
 .form-field.full{grid-column:auto}
 .footer{padding-top:52px}
 .footer-grid{grid-template-columns:1fr;gap:29px}
 .footer-grid>div:first-child{grid-column:auto}
 .copyright{display:grid;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}