/* roulang page: index */
:root {
      --ink:#120f14;
      --ink-2:#1d1820;
      --panel:#251d27;
      --panel-2:#30242f;
      --wine:#8d304c;
      --wine-bright:#c05268;
      --copper:#d48b57;
      --mint:#91c8ba;
      --paper:#f3e9df;
      --muted:#b8a9b0;
      --line:#55414c;
      --shadow:0 18px 45px rgba(0,0,0,.28);
      --radius:8px;
      --container:1220px;
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--ink);
      color:var(--paper);
      font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
      font-size:16px;
      line-height:1.8;
      letter-spacing:0;
    }
    a{color:inherit;text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}
    img{display:block;max-width:100%}
    button,input,select,textarea{font:inherit;letter-spacing:0}
    button{cursor:pointer}
    :focus-visible{outline:3px solid var(--mint);outline-offset:3px}
    .container{width:min(calc(100% - 48px),var(--container));margin:0 auto}
    .section{padding:92px 0;position:relative}
    .section--dark{background:var(--ink-2)}
    .section--warm{background:#241a1d}
    .eyebrow{
      display:inline-flex;align-items:center;gap:10px;
      color:var(--copper);font-size:12px;font-weight:700;
      letter-spacing:1px;text-transform:uppercase;margin-bottom:16px
    }
    .eyebrow::before{content:"";display:block;width:28px;height:2px;background:var(--copper)}
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{line-height:1.2;font-weight:800}
    h1{font-size:clamp(2.4rem,5vw,5.4rem);max-width:790px;margin-bottom:22px}
    h2{font-size:clamp(1.9rem,3vw,3.1rem);margin-bottom:18px}
    h3{font-size:1.3rem;margin-bottom:9px}
    .lead{max-width:720px;color:#ddd0d1;font-size:1.08rem;line-height:1.9}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}
    .section-head p{max-width:610px;color:var(--muted);margin-bottom:0}
    .site-header{
      position:sticky;top:0;z-index:20;
      background:rgba(18,15,20,.98);
      border-bottom:2px solid var(--wine);
      box-shadow:0 8px 24px rgba(0,0,0,.24)
    }
    .nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.08rem;white-space:nowrap}
    .brand-mark{
      width:35px;height:35px;display:grid;place-items:center;
      border:1px solid var(--copper);color:var(--copper);
      transform:rotate(45deg);font-size:14px
    }
    .brand-mark span{transform:rotate(-45deg)}
    .brand-text em{font-style:normal;color:var(--copper)}
    .desktop-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
    .desktop-nav a{
      min-height:44px;display:flex;align-items:center;padding:0 14px;
      color:#c8b9bf;font-size:.95rem;position:relative
    }
    .desktop-nav a:hover,.desktop-nav a.active{color:var(--paper)}
    .desktop-nav a.active::after{content:"";position:absolute;bottom:7px;left:14px;width:24px;height:2px;background:var(--copper);box-shadow:0 0 12px var(--copper)}
    .nav-cta,.button-primary{
      display:inline-flex;align-items:center;justify-content:center;gap:9px;
      min-height:46px;padding:0 20px;border:1px solid var(--copper);
      border-radius:6px;background:var(--copper);color:#1b1112;font-weight:800
    }
    .nav-cta:hover,.button-primary:hover{background:#e4a06a;color:#140d0e;transform:translateY(-2px);box-shadow:0 8px 22px rgba(212,139,87,.2)}
    .menu-toggle{display:none;background:none;border:0;color:var(--paper);font-size:1.6rem;padding:8px}
    .hero{
      min-height:660px;display:flex;align-items:center;
      position:relative;overflow:hidden;
      background-color:#171117;
      background-image:
        linear-gradient(90deg,rgba(18,15,20,.98) 0%,rgba(18,15,20,.8) 45%,rgba(18,15,20,.32) 100%),
        repeating-linear-gradient(135deg,transparent 0 28px,rgba(212,139,87,.06) 29px 30px),
        repeating-linear-gradient(45deg,transparent 0 52px,rgba(145,200,186,.04) 53px 54px);
    }
    .hero::after{content:"";position:absolute;inset:0;border-bottom:1px solid rgba(212,139,87,.34);pointer-events:none}
    .hero-content{position:relative;z-index:1;padding:92px 0 118px}
    .hero .eyebrow{color:var(--mint)}
    .hero .eyebrow::before{background:var(--mint)}
    .hero h1{color:#fff8ef}
    .hero h1 strong{color:var(--copper);font-weight:800}
    .hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
    .button-outline{
      display:inline-flex;align-items:center;justify-content:center;gap:9px;
      min-height:46px;padding:0 20px;border:1px solid #9d8990;border-radius:6px;color:var(--paper);font-weight:700
    }
    .button-outline:hover{border-color:var(--mint);color:var(--mint);transform:translateY(-2px)}
    .hero-facts{display:flex;flex-wrap:wrap;gap:28px;margin-top:48px}
    .hero-fact{padding-left:15px;border-left:2px solid var(--wine-bright)}
    .hero-fact b{display:block;color:var(--copper);font-size:1.45rem;line-height:1.2}
    .hero-fact span{color:var(--muted);font-size:.86rem}
    .hero-tease{
      position:absolute;z-index:2;bottom:0;left:0;right:0;
      background:rgba(37,29,39,.92);border-top:1px solid var(--line)
    }
    .tease-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}
    .tease-inner span{color:var(--muted);font-size:.9rem}
    .tease-link{color:var(--mint);font-weight:700}
    .entry-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:58px;align-items:start}
    .entry-list{border-top:1px solid var(--line)}
    .entry-item{display:grid;grid-template-columns:48px 1fr 28px;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
    .entry-number{color:var(--copper);font-weight:800;font-family:Georgia,serif;font-size:1.25rem}
    .entry-item p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.65}
    .entry-item:hover h3{color:var(--copper)}
    .arrow{color:var(--mint);font-size:1.3rem}
    .thumb-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
    .thumb{
      min-height:174px;position:relative;overflow:hidden;border:1px solid var(--line);
      background-color:#38252e;background-image:linear-gradient(145deg,rgba(141,48,76,.75),rgba(35,25,31,.25)),repeating-linear-gradient(90deg,transparent 0 21px,rgba(243,233,223,.08) 22px 23px)
    }
    .thumb:nth-child(2){background-color:#263d3b;background-image:linear-gradient(145deg,rgba(145,200,186,.45),rgba(22,24,26,.6)),repeating-linear-gradient(45deg,transparent 0 18px,rgba(243,233,223,.08) 19px 20px)}
    .thumb:nth-child(3){background-color:#59402d;background-image:linear-gradient(145deg,rgba(212,139,87,.6),rgba(31,21,25,.65)),repeating-linear-gradient(135deg,transparent 0 25px,rgba(243,233,223,.08) 26px 27px)}
    .thumb:nth-child(4){background-color:#3f2d45;background-image:linear-gradient(145deg,rgba(113,74,125,.6),rgba(24,18,27,.62)),repeating-linear-gradient(90deg,transparent 0 30px,rgba(243,233,223,.06) 31px 32px)}
    .thumb-content{position:absolute;left:18px;right:18px;bottom:15px}
    .thumb-content h3{font-size:1.15rem;margin:0;color:#fff}
    .tag{display:inline-block;padding:3px 8px;border:1px solid rgba(243,233,223,.35);color:#f7dfc5;font-size:.72rem;margin-bottom:9px;border-radius:3px}
    .stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}
    .stat{padding:28px 24px;border-right:1px solid var(--line)}
    .stat:last-child{border-right:0}
    .stat strong{display:block;color:var(--copper);font-size:2.25rem;line-height:1.1}
    .stat span{display:block;color:var(--muted);margin-top:7px;font-size:.88rem}
    .feature-band{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:stretch}
    .feature-main{min-height:330px;padding:34px;background:#36232b;border:1px solid #71404c;display:flex;flex-direction:column;justify-content:end}
    .feature-main p{color:#dcc9c5;max-width:600px}
    .feature-main .button-outline{width:max-content}
    .update-list{border-top:1px solid var(--line)}
    .update-row{display:grid;grid-template-columns:88px 1fr 26px;gap:14px;padding:19px 0;border-bottom:1px solid var(--line);align-items:center}
    .update-row time{color:var(--copper);font-size:.84rem}
    .update-row h3{font-size:1rem;margin:0}
    .update-row:hover h3{color:var(--mint)}
    .path{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .path-step{padding:28px 24px;position:relative;border-right:1px solid var(--line)}
    .path-step:last-child{border-right:0}
    .path-step::before{content:"";display:block;width:11px;height:11px;border:2px solid var(--copper);margin-bottom:24px;transform:rotate(45deg)}
    .path-step b{color:var(--copper);font-size:.8rem}
    .path-step p{color:var(--muted);font-size:.9rem;margin:8px 0 0;line-height:1.65}
    .faq-list{border-top:1px solid var(--line);max-width:920px}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;border:0;color:var(--paper);padding:22px 0;font-weight:700}
    .faq-question span:last-child{color:var(--copper);font-size:1.4rem;transition:transform .2s}
    .faq-answer{display:none;color:var(--muted);max-width:790px;padding:0 48px 22px 0}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
    .contact-band{background:#321d25;border-top:1px solid #71404c;border-bottom:1px solid #71404c}
    .contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
    .contact-copy p{color:#d4c0c0}
    .contact-note{color:var(--muted);font-size:.86rem;margin-top:22px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .field-full{grid-column:1/-1}
    label{display:block;color:#e4d5d1;font-size:.88rem;margin-bottom:6px}
    input,select,textarea{width:100%;background:#21171d;border:1px solid #6b4b55;color:var(--paper);border-radius:5px;padding:11px 13px;min-height:46px}
    textarea{min-height:130px;resize:vertical}
    input:hover,select:hover,textarea:hover{border-color:#9b6872}
    .checkline{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:.82rem;margin:14px 0 20px}
    .checkline input{width:18px;min-height:18px;margin-top:4px;accent-color:var(--copper)}
    .form-message{display:none;color:var(--mint);margin-top:13px;font-size:.88rem}
    .site-footer{background:#0d0b0e;padding:55px 0 24px;color:var(--muted)}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:38px;padding-bottom:40px;border-bottom:1px solid #30272d}
    .footer-brand{color:var(--paper);font-size:1.1rem;font-weight:800}
    .footer-grid h3{font-size:.95rem;color:var(--paper);margin-bottom:14px}
    .footer-grid p{font-size:.86rem;max-width:320px}
    .footer-links{list-style:none;margin:0;padding:0}
    .footer-links li{margin-bottom:7px;font-size:.86rem}
    .footer-links a:hover{color:var(--copper)}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:21px;font-size:.78rem}
    .age-strip{background:#171217;border:1px solid #4e3d44;padding:12px 16px;color:#d4c5c3;font-size:.8rem}
    @media(max-width:1024px){
      .desktop-nav{gap:0}.desktop-nav a{padding:0 9px;font-size:.88rem}
      .nav-cta{padding:0 13px}
      .entry-layout,.feature-band,.contact-layout{grid-template-columns:1fr;gap:38px}
      .feature-main{min-height:280px}
    }
    @media(max-width:760px){
      .container{width:min(calc(100% - 32px),var(--container))}
      .section{padding:62px 0}
      .nav-wrap{min-height:68px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block}
      .mobile-nav{display:none;padding:8px 0 17px;border-top:1px solid var(--line)}
      .mobile-nav.open{display:block}
      .mobile-nav a{display:block;padding:10px 0;border-bottom:1px solid #30272d;color:#d8c9ca}
      .mobile-nav .nav-cta{display:inline-flex;margin-top:13px}
      .hero{min-height:650px}.hero-content{padding:76px 0 125px}
      h1{font-size:clamp(2.35rem,12vw,4rem)}
      .section-head{display:block}.section-head p{margin-top:14px}
      .stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .stat{padding:22px 15px}.stat strong{font-size:1.8rem}
      .thumb-grid{grid-template-columns:1fr 1fr}.thumb{min-height:150px}.thumb-content{left:12px;right:12px}.thumb-content h3{font-size:.98rem}
      .path{grid-template-columns:1fr 1fr}.path-step:nth-child(2){border-right:0}.path-step:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .path-step{padding:22px 16px}.contact-layout{gap:30px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}
      .footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}
      .footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}
    }
    @media(max-width:480px){
      .hero-facts{gap:16px}.hero-fact{min-width:120px}
      .thumb-grid{grid-template-columns:1fr}.thumb{min-height:175px}
      .path{grid-template-columns:1fr}.path-step,.path-step:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}
      .path-step:last-child{border-bottom:0}
      .footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}
      .tease-inner{align-items:flex-start;display:block}.tease-link{display:block;margin-top:5px}
    }

/* roulang page: category1 */
:root{--ink:#120f14;--ink2:#1d1820;--panel:#251d27;--panel2:#30242f;--wine:#8d304c;--red:#c05268;--copper:#d48b57;--mint:#91c8ba;--paper:#f3e9df;--muted:#b8a9b0;--line:#55414c;--shadow:0 18px 45px rgba(0,0,0,.28);--radius:8px;--container:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.8;letter-spacing:0}a{color:inherit;text-decoration:none;transition:.2s ease}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;letter-spacing:0}.container{width:min(calc(100% - 48px),var(--container));margin:auto}.section{padding:88px 0}.section--dark{background:var(--ink2)}.section--warm{background:#241a1d}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:var(--copper);font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:14px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--copper)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.16;margin-bottom:24px;color:#fff8ef}h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.25;margin-bottom:14px}h3{font-size:1.15rem;line-height:1.4;margin-bottom:8px}.lead{max-width:760px;color:#ddd0d1;font-size:1.05rem}.site-header{position:sticky;top:0;z-index:20;background:rgba(18,15,20,.98);border-bottom:2px solid var(--wine);box-shadow:0 8px 24px rgba(0,0,0,.24)}.nav-wrap{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.08rem;white-space:nowrap}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--copper);color:var(--copper);transform:rotate(45deg)}.brand-mark span{transform:rotate(-45deg)}.brand-text strong{color:var(--copper)}.desktop-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.desktop-nav a{min-height:44px;display:flex;align-items:center;padding:0 13px;color:#c8b9bf;font-size:.95rem;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--paper)}.desktop-nav a.active:after{content:"";position:absolute;bottom:7px;left:13px;width:24px;height:2px;background:var(--copper);box-shadow:0 0 12px var(--copper)}.nav-cta,.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border:1px solid var(--copper);border-radius:6px;background:var(--copper);color:#1b1112;font-weight:800}.nav-cta:hover,.button-primary:hover{background:#e4a06a;transform:translateY(-2px);box-shadow:0 8px 22px rgba(212,139,87,.2)}.menu-toggle{display:none;background:none;border:0;color:var(--paper);font-size:1.6rem;padding:8px}.mobile-nav{display:none}.category-hero{position:relative;overflow:hidden;min-height:430px;padding:90px 0 110px;background-color:#171117;background-image:linear-gradient(90deg,rgba(18,15,20,.98),rgba(18,15,20,.72)),repeating-linear-gradient(135deg,transparent 0 28px,rgba(212,139,87,.07) 29px 30px),repeating-linear-gradient(45deg,transparent 0 52px,rgba(145,200,186,.04) 53px 54px);border-bottom:1px solid rgba(212,139,87,.35)}.category-hero:after{content:"欧美精选";position:absolute;right:7%;bottom:20px;color:rgba(212,139,87,.12);font-size:clamp(4rem,12vw,10rem);font-weight:800;line-height:1}.hero-content{position:relative;z-index:1}.hero-content h1{max-width:850px}.hero-content h1 strong{color:var(--copper)}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.button-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border:1px solid #9d8990;border-radius:6px;color:var(--paper);font-weight:700}.button-outline:hover{border-color:var(--mint);color:var(--mint);transform:translateY(-2px)}.age-note{display:inline-flex;align-items:center;gap:9px;margin-top:28px;color:var(--muted);font-size:.88rem}.age-note b{color:var(--mint);border:1px solid var(--mint);padding:1px 7px;border-radius:3px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head p{max-width:600px;color:var(--muted);margin-bottom:0}.filter-bar{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;padding:16px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--copper);margin-bottom:32px}.filter-bar label{display:block;color:var(--muted);font-size:.78rem;margin-bottom:4px}.filter-bar input,.filter-bar select{width:100%;height:44px;background:#181319;color:var(--paper);border:1px solid var(--line);border-radius:5px;padding:0 12px}.filter-bar input:focus,.filter-bar select:focus,textarea:focus{outline:2px solid var(--mint);outline-offset:2px;border-color:var(--mint)}.filter-button{align-self:end;height:44px;border:1px solid var(--copper);background:var(--wine);color:var(--paper);border-radius:5px;padding:0 18px;font-weight:700}.filter-button:hover{background:var(--red)}.content-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:34px}.content-list{border-top:1px solid var(--line)}.content-row{display:grid;grid-template-columns:150px 1fr 28px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.content-cover{aspect-ratio:16/10;background:linear-gradient(135deg,#5b2939,#2b202b 55%,#91613e);border:1px solid #754754;position:relative;overflow:hidden}.content-cover:after{content:"✦ 主题索引";position:absolute;left:12px;bottom:10px;color:#f7dfc5;font-size:.75rem}.tag{display:inline-block;padding:2px 8px;border:1px solid rgba(243,233,223,.35);color:#f7dfc5;font-size:.72rem;margin-bottom:8px;border-radius:3px}.content-row p{color:var(--muted);font-size:.88rem;margin-bottom:6px}.meta{color:var(--mint);font-size:.78rem}.arrow{color:var(--mint);font-size:1.3rem}.content-row:hover h3{color:var(--copper)}.side-panel{background:var(--panel);border:1px solid var(--line);padding:28px;height:max-content}.side-panel h3{color:var(--copper);margin-bottom:18px}.topic-links{list-style:none;margin:0}.topic-links li{border-top:1px solid var(--line)}.topic-links a{display:flex;justify-content:space-between;gap:12px;padding:14px 0;color:#d9c9c9}.topic-links a:hover{color:var(--mint);padding-left:6px}.topic-links span{color:var(--muted);font-size:.8rem}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:30px 24px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat b{display:block;color:var(--copper);font-size:2rem;line-height:1.2}.stat span{color:var(--muted);font-size:.85rem}.faq-list{border-top:1px solid var(--line);max-width:900px}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;border:0;color:var(--paper);padding:21px 0;font-weight:700}.faq-question span:last-child{color:var(--copper);font-size:1.4rem;transition:.2s}.faq-answer{display:none;color:var(--muted);max-width:780px;padding:0 45px 22px 0}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}.contact-band{background:#2d2026;border-top:1px solid var(--wine);border-bottom:1px solid var(--wine)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.contact-copy p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.full{grid-column:1/-1}.field label{display:block;color:#dcc9c5;font-size:.84rem;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;background:#181319;border:1px solid var(--line);border-radius:5px;color:var(--paper);padding:10px 12px}.field textarea{min-height:120px;resize:vertical}.consent{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:.78rem;margin:15px 0}.consent input{margin-top:7px;accent-color:var(--copper)}.site-footer{background:#0d0b0f;padding:64px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.footer-brand{font-weight:800;font-size:1.2rem;color:var(--copper)}.footer-grid p{color:var(--muted);font-size:.86rem;max-width:300px;margin-top:13px}.footer-grid h3{font-size:.9rem;color:var(--paper);margin-bottom:12px}.footer-links{list-style:none;margin:0}.footer-links li{margin:5px 0}.footer-links a{color:var(--muted);font-size:.85rem}.footer-links a:hover{color:var(--mint)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #332731;padding-top:18px;margin-top:42px;color:#887a81;font-size:.77rem}@media(max-width:1024px){.desktop-nav{gap:0}.desktop-nav a{padding:0 8px;font-size:.87rem}.content-layout,.contact-grid{grid-template-columns:1fr}.side-panel{max-width:none}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.filter-bar{grid-template-columns:1fr 1fr}.filter-button{align-self:end}}@media(max-width:720px){.container{width:min(calc(100% - 32px),var(--container))}.section{padding:60px 0}.desktop-nav,.site-header>.container>.nav-cta{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-nav{display:none;padding:8px 0 20px;border-top:1px solid var(--line)}.mobile-nav.open{display:grid}.mobile-nav a{padding:10px 5px;border-bottom:1px solid #332731;color:#d9c9c9}.mobile-nav .nav-cta{margin-top:12px;width:max-content}.category-hero{min-height:470px;padding:65px 0 108px}.section-head{display:block}.section-head p{margin-top:14px}.filter-bar{grid-template-columns:1fr;padding:14px}.filter-button{width:100%}.content-row{grid-template-columns:105px 1fr 20px;gap:12px}.content-row h3{font-size:.98rem}.content-row p{display:none}.stats-band{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.contact-grid{gap:32px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}}

/* roulang page: category2 */
:root{--ink:#120f14;--ink-2:#1d1820;--panel:#251d27;--panel-2:#30242f;--wine:#8d304c;--wine-bright:#c05268;--copper:#d48b57;--mint:#91c8ba;--paper:#f3e9df;--muted:#b8a9b0;--line:#55414c;--shadow:0 18px 45px rgba(0,0,0,.28);--radius:8px;--container:1220px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.8;letter-spacing:0}a{color:inherit;text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}.container{width:min(calc(100% - 48px),var(--container));margin:0 auto}.section{padding:88px 0}.section--dark{background:var(--ink-2)}.section--warm{background:#241a1d}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--copper);font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:15px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--copper)}h1,h2,h3{margin:0 0 16px;line-height:1.25;color:#fff8ef}h1{font-size:clamp(2.35rem,5vw,4.7rem);max-width:900px}h2{font-size:clamp(1.75rem,3vw,2.7rem)}h3{font-size:1.15rem}p{margin:0 0 18px}.lead{max-width:760px;color:#ddd0d1;font-size:1.07rem;line-height:1.9}.muted{color:var(--muted)}.site-header{position:sticky;top:0;z-index:20;background:rgba(18,15,20,.98);border-bottom:2px solid var(--wine);box-shadow:0 8px 24px rgba(0,0,0,.24)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.08rem;white-space:nowrap}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--copper);color:var(--copper);transform:rotate(45deg);font-size:14px}.brand-mark span{transform:rotate(-45deg)}.brand-text strong{color:var(--copper)}.desktop-nav{display:flex;align-items:center;gap:5px;margin-left:auto}.desktop-nav a{min-height:44px;display:flex;align-items:center;padding:0 14px;color:#c8b9bf;font-size:.95rem;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--paper)}.desktop-nav a.active:after{content:"";position:absolute;bottom:7px;left:14px;width:24px;height:2px;background:var(--copper);box-shadow:0 0 12px var(--copper)}.nav-cta,.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border:1px solid var(--copper);border-radius:6px;background:var(--copper);color:#1b1112;font-weight:800}.nav-cta:hover,.button-primary:hover{background:#e4a06a;color:#140d0e;transform:translateY(-2px);box-shadow:0 8px 22px rgba(212,139,87,.2)}.button-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border:1px solid #9d8990;border-radius:6px;color:var(--paper);font-weight:700}.button-outline:hover{border-color:var(--mint);color:var(--mint);transform:translateY(-2px)}.menu-toggle{display:none;background:none;border:0;color:var(--paper);font-size:1.6rem;padding:8px}.mobile-nav{display:none}
    .page-hero{position:relative;overflow:hidden;padding:78px 0 72px;background:#171117;border-bottom:1px solid var(--line)}.page-hero:before{content:"";position:absolute;inset:0;opacity:.55;background:repeating-linear-gradient(135deg,transparent 0 30px,rgba(212,139,87,.06) 31px 32px),repeating-linear-gradient(45deg,transparent 0 56px,rgba(145,200,186,.04) 57px 58px)}.page-hero .container{position:relative}.crumbs{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.86rem;margin-bottom:30px}.crumbs a:hover{color:var(--mint)}.crumbs span{color:var(--wine-bright)}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tag{display:inline-block;padding:3px 9px;border:1px solid rgba(243,233,223,.35);color:#f7dfc5;font-size:.75rem;border-radius:3px}.tag--mint{border-color:rgba(145,200,186,.55);color:var(--mint)}
    .browser-layout{display:grid;grid-template-columns:280px 1fr;gap:46px;align-items:start}.filter-panel{position:sticky;top:104px;border-top:2px solid var(--copper);padding-top:20px}.filter-panel h2{font-size:1.25rem}.filter-panel p{font-size:.9rem;color:var(--muted)}label{display:block;color:#e6d8d6;font-size:.88rem;font-weight:700;margin:18px 0 7px}select,input,textarea{width:100%;border:1px solid var(--line);background:#171319;color:var(--paper);border-radius:5px;padding:10px 12px;min-height:44px}select:focus,input:focus,textarea:focus{outline:2px solid var(--mint);outline-offset:2px;border-color:var(--mint)}.filter-actions{display:flex;gap:8px;margin-top:22px}.filter-actions button{flex:1}.small-button{min-height:42px;padding:0 13px;border-radius:5px;font-size:.88rem}.index-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:22px}.result-note{color:var(--muted);font-size:.88rem;white-space:nowrap}.index-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.index-item{min-height:218px;padding:25px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--wine);display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.index-item:hover{transform:translateY(-3px);border-color:var(--copper);box-shadow:var(--shadow)}.index-item h3{margin:11px 0 9px}.index-item p{color:var(--muted);font-size:.9rem;line-height:1.7}.item-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;color:var(--mint);font-size:.82rem}.item-foot a{color:var(--copper);font-weight:700}.item-foot a:hover{color:var(--paper)}
    .stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:28px 22px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat b{display:block;color:var(--copper);font-size:2rem;line-height:1.2}.stat span{color:var(--muted);font-size:.84rem}.feature-strip{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.feature-main{padding:38px;background:#36232b;border:1px solid #71404c;min-height:280px;display:flex;flex-direction:column;justify-content:end}.feature-main p{color:#dcc9c5;max-width:600px}.update-list{border-top:1px solid var(--line)}.update-row{display:grid;grid-template-columns:90px 1fr 25px;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.update-row time{color:var(--copper);font-size:.82rem}.update-row h3{font-size:1rem;margin:0}.update-row:hover h3{color:var(--mint)}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step{padding:27px 20px;border-right:1px solid var(--line)}.step:last-child{border:0}.step-num{color:var(--copper);font-size:.8rem;font-weight:800}.step h3{margin-top:13px}.step p{color:var(--muted);font-size:.9rem;margin:0}.faq-list{border-top:1px solid var(--line);max-width:920px}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;border:0;color:var(--paper);padding:21px 0;font-weight:700}.faq-question span:last-child{color:var(--copper);font-size:1.4rem;transition:transform .2s}.faq-answer{display:none;color:var(--muted);max-width:790px;padding:0 48px 21px 0}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}.contact-band{background:#21171c;border-top:1px solid var(--wine);border-bottom:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.field-full{grid-column:1/-1}.checkline{display:flex;gap:9px;align-items:flex-start;margin:17px 0;color:var(--muted);font-size:.82rem}.checkline input{width:18px;min-height:18px;margin-top:5px}.form-status{color:var(--mint);font-size:.86rem;margin-top:14px;min-height:25px}.site-footer{padding:62px 0 24px;background:#0d0b0f}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-brand{font-size:1.2rem;font-weight:800;color:var(--paper)}.footer-brand:hover{color:var(--copper)}.footer-grid p{max-width:330px;color:var(--muted);font-size:.84rem;margin-top:14px}.footer-grid h3{font-size:.92rem;color:var(--copper);margin-bottom:12px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:4px 0}.footer-links a{color:var(--muted);font-size:.85rem}.footer-links a:hover{color:var(--mint)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #332631;margin-top:42px;padding-top:18px;color:#8f8088;font-size:.76rem}
    @media(max-width:1024px){.desktop-nav{gap:0}.desktop-nav a{padding:0 9px}.browser-layout{grid-template-columns:230px 1fr;gap:28px}.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step{border-bottom:1px solid var(--line)}.contact-grid{gap:35px}}
    @media(max-width:768px){.container{width:min(calc(100% - 32px),var(--container))}.desktop-nav,.site-header>.container>.nav-cta{display:none}.menu-toggle{display:block}.mobile-nav{display:none;border-top:1px solid var(--line);padding:10px 0 16px}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{padding:11px 4px;color:var(--muted);border-bottom:1px solid rgba(85,65,76,.45)}.mobile-nav a:hover{color:var(--paper)}.mobile-nav .nav-cta{margin-top:13px;text-align:center}.page-hero{padding:55px 0 48px}h1{font-size:2.55rem}.section{padding:62px 0}.browser-layout,.feature-strip,.contact-grid{grid-template-columns:1fr}.filter-panel{position:static}.index-list{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.contact-grid{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:4px}}
    @media(max-width:520px){.container{width:calc(100% - 28px)}.brand{font-size:.94rem;gap:9px}.brand-mark{width:30px;height:30px}.hero-meta{gap:6px}.index-head{display:block}.result-note{display:block;margin-top:8px}.stats{grid-template-columns:1fr}.stat{border-right:0!important;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.steps{grid-template-columns:1fr}.step{border-right:0}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.hero-actions,.hero-actions a,.filter-actions{width:100%}.hero-actions a,.filter-actions button{flex:1}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}