/* roulang page: index */
:root{
      --ink:#282522;--muted:#77716d;--soft:#a29a95;--paper:#fffaf7;--white:#fff;
      --line:#eee5df;--coral:#ed684f;--coral-dark:#d9503e;--coral-pale:#fff0eb;
      --plum:#67465f;--plum-pale:#f4edf3;--green:#39745e;--green-pale:#eaf4ee;
      --gold:#a66b25;--gold-pale:#fff5e6;--shadow:0 12px 34px rgba(69,43,31,.07);
      --radius:16px;--container:1200px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:88px}
    body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    img{display:block;width:100%;height:100%;object-fit:cover}
    .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,247,.97);border-bottom:1px solid var(--line);transition:box-shadow .2s}
    .site-header.scrolled{box-shadow:0 6px 20px rgba(54,35,27,.08)}
    .nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;min-width:max-content;font-weight:800;font-size:17px}
    .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--coral);color:white;display:grid;place-items:center;font-size:15px;box-shadow:0 5px 12px rgba(237,104,79,.22)}
    .nav-links{display:flex;align-items:center;gap:25px;font-size:14px;color:#5f5854}
    .nav-links a{transition:color .18s}
    .nav-links a:hover,.nav-links a:focus-visible{color:var(--coral-dark)}
    .nav-download{padding:10px 17px;background:var(--coral);border-radius:10px;color:white!important;font-weight:700}
    .nav-download:hover{background:var(--coral-dark)}
    .menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:white;border-radius:10px;color:var(--ink);cursor:pointer}
    .menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;background:currentColor}
    .hero{padding:30px 0 22px}
    .hero-panel{position:relative;min-height:430px;overflow:hidden;border-radius:22px;background:#312621;color:white;display:grid;grid-template-columns:1.04fr .96fr;align-items:center}
    .hero-image{position:absolute;inset:0 0 0 43%;opacity:.63}
    .hero-image img{object-position:center}
    .hero-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#312621 0%,rgba(49,38,33,.96) 42%,rgba(49,38,33,.38) 100%)}
    .hero-copy{position:relative;z-index:1;padding:48px 20px 48px 58px;max-width:700px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ffd1c5;font-size:13px;font-weight:700;margin-bottom:13px}
    .eyebrow:before{content:"";width:20px;height:2px;background:var(--coral)}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:42px;line-height:1.25;margin-bottom:12px}
    .hero-subtitle{font-size:19px;color:#fff0e9;margin-bottom:14px}
    .hero-copy p{color:#eee2dc;max-width:610px;margin-bottom:24px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 19px;border:1px solid transparent;border-radius:10px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s}
    .button:hover{transform:translateY(-2px)}
    .button:active{transform:translateY(0)}
    .button:focus-visible,.nav a:focus-visible,.faq-item summary:focus-visible{outline:3px solid rgba(237,104,79,.42);outline-offset:3px}
    .button-primary{background:var(--coral);color:white;box-shadow:0 7px 18px rgba(237,104,79,.25)}
    .button-primary:hover{background:var(--coral-dark)}
    .button-outline{border-color:rgba(255,255,255,.48);color:white;background:rgba(255,255,255,.07)}
    .button-outline:hover{background:rgba(255,255,255,.15)}
    .hero-stamp{position:absolute;z-index:2;right:38px;bottom:28px;padding:11px 15px;border:1px solid rgba(255,255,255,.28);border-radius:11px;background:rgba(39,30,27,.68);color:#f8e9e3;font-size:12px}
    .hero-stamp strong{display:block;font-size:15px;color:white}
    main{padding-bottom:60px}
    .section{padding:57px 0;border-bottom:1px solid var(--line)}
    .section-tint{background:#fff5f1}
    .section-plum{background:#f6f0f5}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}
    .section-head h2{font-size:27px;line-height:1.35;margin:0 0 7px}
    .section-head p{max-width:740px;margin:0;color:var(--muted)}
    .section-kicker{font-size:12px;color:var(--coral-dark);font-weight:800;letter-spacing:.5px;margin-bottom:5px}
    .download-band{display:grid;grid-template-columns:1.15fr 1fr 1fr auto;align-items:center;gap:20px;padding:22px 24px;background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
    .download-brand{font-size:19px;font-weight:800}
    .download-brand small{display:block;font-weight:400;font-size:13px;color:var(--muted)}
    .info-field{border-left:1px solid var(--line);padding-left:20px}
    .info-field span{display:block;font-size:12px;color:var(--muted)}
    .info-field strong{font-size:15px}
    .badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;background:var(--green-pale);color:var(--green);font-size:11px;font-weight:700;white-space:nowrap}
    .badge.plum{background:var(--plum-pale);color:var(--plum)}
    .badge.orange{background:var(--coral-pale);color:var(--coral-dark)}
    .badge.gold{background:var(--gold-pale);color:var(--gold)}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
    .step{position:relative;padding:7px 25px 8px 0}
    .step:not(:last-child):after{content:"";position:absolute;left:42px;right:14px;top:23px;height:1px;background:#e6cfc7}
    .step-top{display:flex;align-items:center;gap:12px;margin-bottom:13px;position:relative;z-index:1}
    .step-number{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--coral-pale);color:var(--coral-dark);font-size:14px;font-weight:800;border:4px solid var(--paper)}
    .step h3{font-size:16px;margin:0}
    .step p{font-size:13px;color:var(--muted);margin:0;max-width:250px}
    .metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white}
    .metric{padding:23px 25px;border-right:1px solid var(--line)}
    .metric:last-child{border:0}
    .metric span{display:block;font-size:13px;color:var(--muted)}
    .metric strong{display:block;margin-top:4px;font-size:21px}
    .metric small{color:var(--soft);font-size:12px}
    .content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
    .media-card{min-width:0}
    .media-thumb{position:relative;aspect-ratio:16/10;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#f5d5ca,#d8c1d4)}
    .media-thumb img{transition:transform .35s}
    .media-card:hover .media-thumb img{transform:scale(1.04)}
    .media-thumb .badge{position:absolute;left:10px;top:10px}
    .media-copy{padding:11px 2px 0}
    .media-copy h3{font-size:15px;line-height:1.5;margin:0 0 5px}
    .media-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}
    .rating{color:#a66b25;font-weight:700}
    .feature-layout{display:grid;grid-template-columns:1.14fr .86fr;gap:18px}
    .feature-main{min-height:320px;position:relative;border-radius:16px;overflow:hidden;background:#473831;color:white}
    .feature-main img{position:absolute;inset:0;opacity:.68}
    .feature-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(32,23,20,.87),transparent 70%)}
    .feature-text{position:absolute;z-index:1;left:24px;right:24px;bottom:23px}
    .feature-text h3{font-size:22px;margin:9px 0 5px}
    .feature-text p{margin:0;color:#f1e8e4;font-size:13px}
    .feature-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}
    .side-feature{display:grid;grid-template-columns:42% 1fr;gap:15px;align-items:center;padding:13px;background:white;border:1px solid var(--line);border-radius:14px}
    .side-feature .media-thumb{height:100%;min-height:118px;aspect-ratio:auto}
    .side-feature h3{font-size:15px;margin:0 0 6px}
    .side-feature p{font-size:12px;color:var(--muted);margin:0}
    .channels{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #e8dce6;border-bottom:1px solid #e8dce6}
    .channel{padding:22px 18px 23px;border-right:1px solid #e8dce6;transition:background .2s}
    .channel:last-child{border-right:0}
    .channel:hover{background:rgba(255,255,255,.72)}
    .channel h3{font-size:16px;color:var(--plum);margin:0 0 7px}
    .channel p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}
    .channel-link{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:var(--coral-dark)}
    .ranking-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px}
    .rank-list{list-style:none;padding:0;margin:0}
    .rank-item{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
    .rank-number{font-size:16px;font-weight:800;color:#a39a94;text-align:center}
    .rank-item:nth-child(-n+3) .rank-number{font-size:21px;color:var(--coral-dark)}
    .rank-title{font-weight:700;font-size:14px}
    .rank-sub{display:block;font-size:11px;color:var(--muted);font-weight:400}
    .rank-score{font-size:12px;color:var(--gold);font-weight:700}
    .notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
    .notice-panel{padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:14px}
    .notice-panel h3{font-size:17px;margin:0 0 12px}
    .check-list{list-style:none;margin:0;padding:0}
    .check-list li{position:relative;padding:7px 0 7px 23px;color:#5f5854;font-size:14px;border-bottom:1px dashed #eee5df}
    .check-list li:last-child{border-bottom:0}
    .check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
    .quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
    .quote{padding:20px;background:white;border:1px solid var(--line);border-radius:14px}
    .quote p{font-size:14px;color:#514944;margin:0 0 13px}
    .quote small{color:var(--soft)}
    .scene-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .scene{padding:18px 19px;border-left:3px solid var(--coral);background:#fff;border-radius:0 12px 12px 0}
    .scene h3{font-size:15px;margin:0 0 6px}
    .scene p{font-size:13px;color:var(--muted);margin:0}
    .news-list{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}
    .news-item{display:grid;grid-template-columns:128px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}
    .news-thumb{aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:#eadad3}
    .news-item h3{font-size:14px;line-height:1.55;margin:0 0 4px}
    .news-item p{font-size:12px;color:var(--muted);margin:0 0 4px}
    .news-item time{font-size:11px;color:var(--soft)}
    .status-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--plum);color:white;border-radius:16px;overflow:hidden}
    .status-cell{padding:22px 24px;border-right:1px solid rgba(255,255,255,.18)}
    .status-cell:last-child{border:0}
    .status-cell span{display:block;color:#e3d5df;font-size:12px}
    .status-cell strong{display:block;margin-top:4px;font-size:18px}
    .faq-list{max-width:900px;border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-item summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;position:relative;font-weight:700}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"＋";position:absolute;right:7px;top:15px;color:var(--coral-dark);font-size:20px}
    .faq-item[open] summary:after{content:"−"}
    .faq-answer{padding:0 30px 17px 0;color:var(--muted);font-size:14px}
    .closing{padding:37px 40px;background:#322923;color:white;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:25px}
    .closing h2{font-size:25px;margin:0 0 5px}
    .closing p{margin:0;color:#e8dcd6;font-size:14px}
    .closing-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}
    .closing .button-outline{border-color:#786a63}
    .site-footer{background:#27221f;color:#eee5df;padding:48px 0 18px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px;padding-bottom:30px}
    .footer-brand{font-size:17px;font-weight:800;margin-bottom:9px}
    .footer-about{max-width:310px;font-size:13px;color:#bdb2ab}
    .footer-col h3{font-size:14px;margin:0 0 12px;color:white}
    .footer-col a,.footer-col span{display:block;font-size:13px;color:#bdb2ab;margin:6px 0}
    .footer-col a:hover{color:#ffb5a6}
    .copyright{border-top:1px solid #49413c;padding-top:15px;color:#a99e97;font-size:12px}
    @media(max-width:1200px){
      .container{width:min(100% - 40px,var(--container))}
      .nav-links{gap:17px}
      .content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
      .channels{grid-template-columns:repeat(3,1fr)}
      .channel:nth-child(3){border-right:0}
      .channel:nth-child(n+4){border-top:1px solid #e8dce6}
    }
    @media(max-width:992px){
      .nav-links{gap:12px;font-size:13px}
      .brand{font-size:15px}
      .hero-copy{padding-left:38px}
      .hero-panel{min-height:400px}
      .download-band{grid-template-columns:1fr 1fr}
      .info-field:nth-child(2){border-left:0;padding-left:0}
      .feature-layout{grid-template-columns:1fr}
      .feature-main{min-height:300px}
      .scene-row{grid-template-columns:1fr 1fr}
      .status-cell{padding:19px}
    }
    @media(max-width:768px){
      html{scroll-padding-top:72px}
      .container{width:calc(100% - 32px)}
      .nav{height:68px}
      .menu-toggle{display:block}
      .nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:12px 16px 17px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 20px rgba(54,35,27,.08);grid-template-columns:1fr 1fr;gap:4px 12px}
      .nav-links.open{display:grid}
      .nav-links a{padding:10px 9px}
      .nav-download{grid-column:1/-1;text-align:center}
      .hero{padding-top:17px}
      .hero-panel{min-height:0;display:block}
      .hero-image{inset:0;opacity:.42}
      .hero-panel:after{background:linear-gradient(90deg,rgba(49,38,33,.96),rgba(49,38,33,.68))}
      .hero-copy{padding:42px 26px 50px}
      h1{font-size:34px}
      .hero-stamp{right:15px;bottom:12px;padding:7px 10px}
      .section{padding:43px 0}
      .section-head{display:block;margin-bottom:21px}
      .section-head h2{font-size:23px}
      .download-band{gap:15px;padding:18px}
      .steps{grid-template-columns:1fr 1fr;row-gap:23px}
      .step:nth-child(2):after{display:none}
      .metrics{grid-template-columns:1fr 1fr}
      .metric:nth-child(2){border-right:0}
      .metric:nth-child(n+3){border-top:1px solid var(--line)}
      .content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
      .channels{grid-template-columns:1fr 1fr}
      .channel{border-top:1px solid #e8dce6}
      .channel:nth-child(odd){border-right:1px solid #e8dce6}
      .channel:nth-child(even){border-right:0}
      .channel:last-child{grid-column:1/-1}
      .ranking-wrap{grid-template-columns:1fr;gap:0}
      .notice-grid{grid-template-columns:1fr}
      .quote-grid{grid-template-columns:1fr}
      .quote{padding:17px}
      .news-list{grid-template-columns:1fr}
      .status-strip{grid-template-columns:1fr 1fr}
      .status-cell:nth-child(2){border-right:0}
      .status-cell:nth-child(n+3){border-top:1px solid rgba(255,255,255,.18)}
      .closing{display:block;padding:27px 23px}
      .closing-actions{margin-top:18px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:25px}
    }
    @media(max-width:520px){
      body{font-size:14px}
      .brand{font-size:14px;gap:8px}
      .brand-mark{width:34px;height:34px}
      .hero-copy{padding:35px 20px 62px}
      h1{font-size:30px}
      .hero-subtitle{font-size:16px}
      .hero-actions{display:grid;grid-template-columns:1fr}
      .button{padding:11px 14px}
      .download-band{grid-template-columns:1fr}
      .info-field,.info-field:nth-child(2){border-left:0;border-top:1px solid var(--line);padding:11px 0 0}
      .download-band .button{width:100%}
      .steps{grid-template-columns:1fr}
      .step{padding:0}
      .step:after{display:none}
      .metrics{grid-template-columns:1fr 1fr}
      .metric{padding:16px 13px}
      .metric strong{font-size:17px}
      .content-grid{gap:15px 11px}
      .media-copy h3{font-size:13px}
      .media-meta{font-size:11px}
      .feature-main{min-height:260px}
      .side-feature{grid-template-columns:38% 1fr;gap:11px;padding:10px}
      .side-feature .media-thumb{min-height:100px}
      .channels{grid-template-columns:1fr}
      .channel,.channel:nth-child(odd),.channel:nth-child(even){border-right:0;border-top:1px solid #e8dce6}
      .channel:last-child{grid-column:auto}
      .scene-row{grid-template-columns:1fr}
      .news-item{grid-template-columns:100px 1fr;gap:11px}
      .status-cell{padding:16px 13px}
      .status-cell strong{font-size:15px}
      .closing-actions{display:grid}
      .footer-grid{gap:20px 14px}
      .footer-brand{font-size:15px}
    }
    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
    }

/* roulang page: category1 */
:root{
      --ink:#282522;--muted:#77716d;--soft:#a29a95;--paper:#fffaf7;--white:#fff;
      --line:#eee5df;--coral:#ed684f;--coral-dark:#d9503e;--coral-pale:#fff0eb;
      --plum:#67465f;--plum-pale:#f4edf3;--green:#39745e;--green-pale:#eaf4ee;
      --gold:#a66b25;--gold-pale:#fff5e6;--shadow:0 12px 34px rgba(69,43,31,.07);
      --radius:16px;--container:1200px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:88px}
    body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    img{display:block;width:100%;height:100%;object-fit:cover}
    .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,247,.97);border-bottom:1px solid var(--line);transition:box-shadow .2s}
    .site-header.scrolled{box-shadow:0 6px 20px rgba(54,35,27,.08)}
    .nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;min-width:max-content;font-weight:800;font-size:17px}
    .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--coral);color:white;display:grid;place-items:center;font-size:15px;box-shadow:0 5px 12px rgba(237,104,79,.22)}
    .nav-links{display:flex;align-items:center;gap:25px;font-size:14px;color:#5f5854}
    .nav-links a{transition:color .18s}
    .nav-links a:hover,.nav-links a:focus-visible{color:var(--coral-dark)}
    .nav-download{padding:10px 17px;background:var(--coral);border-radius:10px;color:white!important;font-weight:700}
    .nav-download:hover{background:var(--coral-dark)}
    .menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:white;border-radius:10px;color:var(--ink);cursor:pointer}
    .menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;background:currentColor}
    .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 19px;border:1px solid transparent;border-radius:10px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s}
    .button:hover{transform:translateY(-2px)}
    .button:active{transform:translateY(0)}
    .button:focus-visible,.nav a:focus-visible,.faq-item summary:focus-visible{outline:3px solid rgba(237,104,79,.42);outline-offset:3px}
    .button-primary{background:var(--coral);color:white;box-shadow:0 7px 18px rgba(237,104,79,.25)}
    .button-primary:hover{background:var(--coral-dark)}
    .button-light{background:white;color:var(--ink);border-color:var(--line)}
    .button-light:hover{border-color:var(--coral);color:var(--coral-dark)}
    main{padding-bottom:58px}
    .page-intro{padding:48px 0 36px}
    .intro-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:34px;align-items:center;padding:38px 42px;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:var(--shadow)}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-size:13px;font-weight:800;margin-bottom:9px}
    .eyebrow:before{content:"";width:20px;height:2px;background:var(--coral)}
    h1{font-size:clamp(30px,4vw,44px);line-height:1.28;margin:0 0 11px}
    .intro-lead{font-size:17px;color:var(--plum);font-weight:700;margin:0 0 9px}
    .intro-copy{color:var(--muted);max-width:680px;margin:0}
    .intro-art{height:220px;border-radius:15px;overflow:hidden;background:#f1ded7;position:relative}
    .intro-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(38,28,25,.22),transparent 65%)}
    .section{padding:48px 0;border-bottom:1px solid var(--line)}
    .section-tint{background:#fff5f1}
    .section-plum{background:#f6f0f5}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:23px}
    .section-head h2{font-size:26px;line-height:1.35;margin:0 0 5px}
    .section-head p{max-width:720px;margin:0;color:var(--muted)}
    .section-kicker{font-size:12px;color:var(--coral-dark);font-weight:800;margin-bottom:4px}
    .filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:15px 18px;border:1px solid var(--line);border-radius:13px;background:white}
    .filter-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
    .filter-label{font-size:13px;color:var(--muted);font-weight:700}
    .filter-chip{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--line);border-radius:99px;background:#fff;color:#625b57;font-size:13px}
    .filter-chip.active{border-color:#f5c0b4;background:var(--coral-pale);color:var(--coral-dark);font-weight:700}
    .filter-note{font-size:12px;color:var(--soft)}
    .guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
    .guide-card{min-width:0;background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
    .guide-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#ead3ca}
    .guide-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f3ded6}
    .guide-thumb img{transition:transform .35s}
    .guide-card:hover .guide-thumb img{transform:scale(1.035)}
    .guide-thumb .badge{position:absolute;left:11px;top:11px}
    .guide-body{padding:16px 17px 15px}
    .guide-body h3{font-size:16px;line-height:1.5;margin:0 0 7px}
    .guide-body p{font-size:13px;color:var(--muted);margin:0 0 13px}
    .guide-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:11px;border-top:1px solid #f2ece8;color:var(--soft);font-size:12px}
    .badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;background:var(--green-pale);color:var(--green);font-size:11px;font-weight:700;white-space:nowrap}
    .badge.plum{background:var(--plum-pale);color:var(--plum)}
    .badge.orange{background:var(--coral-pale);color:var(--coral-dark)}
    .badge.gold{background:var(--gold-pale);color:var(--gold)}
    .feature-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
    .feature-main{min-height:300px;position:relative;border-radius:16px;overflow:hidden;background:#473831;color:white}
    .feature-main img{position:absolute;inset:0;opacity:.76}
    .feature-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(32,23,20,.88),transparent 72%)}
    .feature-text{position:absolute;z-index:1;left:25px;right:25px;bottom:22px}
    .feature-text h3{font-size:22px;margin:9px 0 5px}
    .feature-text p{margin:0;color:#f1e8e4;font-size:13px}
    .feature-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
    .side-feature{display:grid;grid-template-columns:40% 1fr;gap:15px;align-items:center;padding:12px;background:white;border:1px solid var(--line);border-radius:14px}
    .side-feature .media-thumb{height:100%;min-height:112px;aspect-ratio:auto;border-radius:10px;overflow:hidden}
    .side-feature h3{font-size:15px;line-height:1.5;margin:0 0 5px}
    .side-feature p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
    .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:step}
    .step{position:relative;padding:4px 21px 4px 0}
    .step:not(:last-child):after{content:"";position:absolute;left:42px;right:8px;top:21px;border-top:1px dashed #dfcfc8}
    .step-number{position:relative;z-index:1;width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--coral-pale);color:var(--coral-dark);font-weight:800}
    .step h3{font-size:15px;margin:12px 0 5px}
    .step p{font-size:13px;color:var(--muted);margin:0}
    .info-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:white;border-radius:14px;overflow:hidden}
    .info-cell{padding:18px 20px;border-right:1px solid var(--line)}
    .info-cell:last-child{border-right:0}
    .info-cell span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
    .info-cell strong{font-size:15px}
    .notice{margin-top:16px;padding:13px 16px;border-left:3px solid var(--gold);background:var(--gold-pale);color:#70562f;font-size:13px}
    .news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
    .news-row{display:grid;grid-template-columns:142px 1fr;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}
    .news-thumb{aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#f0ddd7}
    .news-row h3{font-size:15px;line-height:1.5;margin:0 0 5px}
    .news-row p{font-size:12px;color:var(--muted);margin:0}
    .news-date{font-size:11px;color:var(--soft);margin-top:6px}
    .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .faq-item{background:white;border:1px solid var(--line);border-radius:12px;padding:0 16px}
    .faq-item summary{cursor:pointer;list-style:none;padding:15px 25px 15px 0;font-weight:700;position:relative}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"＋";position:absolute;right:0;top:14px;color:var(--coral-dark);font-size:18px}
    .faq-item[open] summary:after{content:"－"}
    .faq-item p{margin:0;padding:0 0 15px;color:var(--muted);font-size:14px}
    .bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 27px;border:1px solid #f0d2c9;background:#fff5f1;border-radius:16px}
    .bottom-actions h2{font-size:21px;margin:0 0 4px}
    .bottom-actions p{margin:0;color:var(--muted);font-size:14px}
    .action-buttons{display:flex;gap:10px;flex-wrap:wrap}
    .site-footer{background:#302925;color:#f7eeea;padding:43px 0 18px}
    .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:32px;padding-bottom:30px}
    .footer-brand{font-size:18px;font-weight:800;margin-bottom:9px}
    .footer-about{max-width:330px;color:#c9bdb7;font-size:13px;margin:0}
    .footer-col h3{font-size:14px;margin:0 0 10px;color:#fff}
    .footer-col a{display:block;color:#c9bdb7;font-size:13px;margin:5px 0;transition:color .18s}
    .footer-col a:hover{color:#ffb09e}
    .copyright{border-top:1px solid rgba(255,255,255,.14);padding-top:15px;color:#b8aaa3;font-size:12px}
    @media(max-width:1200px){
      .nav-links{gap:17px}
      .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    }
    @media(max-width:992px){
      .intro-panel{grid-template-columns:1fr .72fr;padding:30px}
      .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .news-list{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1.3fr 1fr 1fr}
      .footer-grid>div:first-child{grid-column:1/-1}
      .nav-links{gap:13px;font-size:13px}
      .feature-layout{grid-template-columns:1fr 1fr}
    }
    @media(max-width:768px){
      .container{width:min(var(--container),calc(100% - 32px))}
      .nav{height:68px}
      .menu-toggle{display:block}
      .nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:14px 16px 18px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 18px rgba(54,35,27,.08);flex-direction:column;align-items:stretch;gap:4px}
      .nav-links.open{display:flex}
      .nav-links a{padding:9px 12px;border-radius:9px}
      .nav-download{text-align:center;margin-top:5px}
      .page-intro{padding:28px 0 24px}
      .intro-panel{grid-template-columns:1fr;padding:25px;gap:20px}
      .intro-art{height:190px}
      .section{padding:38px 0}
      .section-head{display:block}
      .section-head p{margin-top:5px}
      .feature-layout{grid-template-columns:1fr}
      .feature-main{min-height:265px}
      .steps{grid-template-columns:repeat(2,1fr);gap:22px 8px}
      .step:nth-child(2):after{display:none}
      .info-strip{grid-template-columns:repeat(2,1fr)}
      .info-cell:nth-child(2){border-right:0}
      .info-cell:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .faq-list{grid-template-columns:1fr}
      .bottom-actions{align-items:flex-start;flex-direction:column}
      .footer-grid{grid-template-columns:1fr 1fr;gap:25px}
      .footer-grid>div:first-child{grid-column:1/-1}
    }
    @media(max-width:576px){
      .brand{font-size:15px}
      .brand-mark{width:35px;height:35px}
      h1{font-size:30px}
      .intro-panel{padding:21px}
      .intro-art{height:165px}
      .guide-grid{grid-template-columns:1fr;gap:14px}
      .guide-thumb{aspect-ratio:16/9}
      .filter-bar{align-items:flex-start}
      .filter-group{gap:7px}
      .filter-chip{font-size:12px;padding:5px 10px}
      .side-feature{grid-template-columns:38% 1fr;gap:11px;padding:10px}
      .side-feature .media-thumb{min-height:100px}
      .steps{grid-template-columns:1fr;gap:18px}
      .step{display:grid;grid-template-columns:43px 1fr;column-gap:13px;padding:0}
      .step:after{display:none!important}
      .step h3{margin:0 0 3px}
      .step p{grid-column:2}
      .step-number{grid-row:span 2}
      .info-cell{padding:14px}
      .news-row{grid-template-columns:110px 1fr;gap:12px}
      .bottom-actions{padding:20px}
      .action-buttons{width:100%}
      .action-buttons .button{flex:1}
      .footer-grid{gap:20px 14px}
      .footer-col h3{font-size:13px}
      .footer-col a{font-size:12px}
    }