/* roulang page: index */
:root{--ink:#211b1b;--night:#241d1e;--paper:#f5f0e8;--ivory:#fffaf3;--muted:#756b67;--line:#ddd1c8;--wine:#7b3d4a;--rose:#b86f70;--plum:#573340;--shadow:0 18px 48px rgba(45,27,28,.11);--r:18px;--r-sm:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{border:0}.site-header{position:sticky;top:0;z-index:100;background:rgba(245,240,232,.94);border-bottom:1px solid rgba(117,107,103,.18);backdrop-filter:blur(12px)}.nav-wrap{min-height:72px;display:flex;align-items:center;gap:24px}.brand{font-weight:800;font-size:18px;letter-spacing:-.06em;white-space:nowrap}.brand i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:var(--rose)}.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.main-nav a{padding:9px 12px;color:var(--muted);font-size:14px;font-weight:700;border-radius:999px;transition:.2s}.main-nav a:hover,.main-nav a.active{background:#eadbd4;color:var(--wine)}.nav-tools{display:flex;gap:8px;align-items:center}.search-link,.trend{border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.trend:before{content:"";display:inline-block;width:6px;height:6px;background:var(--rose);border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px rgba(184,111,112,.14)}.menu-btn{display:none;background:transparent;color:var(--ink);font-size:24px;padding:8px}.hero{background:var(--night);color:#fff7ee;position:relative;overflow:hidden;padding:74px 0 54px}.hero:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(235,192,179,.17);border-radius:50%;right:-210px;top:-250px;box-shadow:0 0 0 46px rgba(235,192,179,.025),0 0 0 92px rgba(235,192,179,.02)}.eyebrow,.badge-soft{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,241,230,.28);border-radius:999px;padding:5px 10px;color:#f1d8ca;font-size:12px;letter-spacing:.08em}.eyebrow b{width:6px;height:6px;border-radius:50%;background:#d98986}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.32fr .68fr;gap:52px;align-items:end}.hero h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.085em;line-height:1.12;max-width:780px;margin:18px 0}.hero p{max-width:730px;color:#dfd2ca;margin:0 0 25px;font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-main,.btn-quiet{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:800;transition:.22s}.btn-main{background:#d58a83;color:#2a191b}.btn-main:hover{background:#f0b0a5;transform:translateY(-2px);color:#2a191b}.btn-quiet{border:1px solid rgba(255,243,234,.34);color:#fff6ef}.btn-quiet:hover{background:#fff6ef;color:var(--night)}.signal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.signal{border:1px solid rgba(255,240,231,.18);background:rgba(255,244,236,.06);padding:18px 14px;min-height:116px;border-radius:var(--r-sm)}.signal:nth-child(3){grid-column:span 2}.signal strong{font-size:26px;letter-spacing:-.06em;display:block}.signal span{font-size:12px;color:#d9c7c0}.section{padding:86px 0}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}.kicker{font-size:12px;color:var(--wine);font-weight:800;letter-spacing:.12em}.section h2{font-size:clamp(29px,3.6vw,45px);letter-spacing:-.07em;line-height:1.2;margin:8px 0 0}.section-intro{max-width:520px;color:var(--muted);font-size:15px;margin:0}.metrics{margin-top:-1px;background:#e9ddd4;border-top:1px solid #d6c5bc;border-bottom:1px solid #d6c5bc}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:27px 24px;border-right:1px solid #cfbbb2}.metric:last-child{border:0}.metric b{display:block;font-size:32px;line-height:1;color:var(--plum);letter-spacing:-.08em}.metric span{display:block;font-size:13px;font-weight:800;margin-top:9px}.metric small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.directory{background:var(--ivory)}.matrix{display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:260px 180px;gap:16px}.topic-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:#e4d6ce;box-shadow:0 5px 15px rgba(45,27,28,.04);transition:.25s}.topic-card:hover{transform:translateY(-4px);border-color:#b88683;box-shadow:var(--shadow)}.topic-card:hover .cover{transform:scale(1.035)}.cover{position:absolute;inset:0;transition:.45s;background:linear-gradient(140deg,#6a4047,#d8b3a6 55%,#312529)}.cover.two{background:linear-gradient(145deg,#ded2c4,#9c6870 53%,#392b31)}.cover.three{background:linear-gradient(140deg,#b68277,#eadbce 53%,#68414a)}.cover.four{background:linear-gradient(120deg,#35272b,#83505c 50%,#d5aaa0)}.topic-card .cover:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,255,255,.07) 23px 24px)}.card-copy{position:absolute;inset:auto 0 0;padding:23px;color:#fff8f1;background:linear-gradient(transparent,rgba(25,17,18,.86) 42%)}.card-copy h3{font-size:23px;letter-spacing:-.06em;margin:8px 0 5px}.card-copy p{font-size:13px;margin:0;color:#eee0d7;line-height:1.6}.card-mini{padding:20px;display:flex;flex-direction:column;justify-content:space-between}.card-mini h3{font-size:20px;line-height:1.3;letter-spacing:-.05em;margin:9px 0}.num{font-size:12px;color:var(--wine);font-weight:900;letter-spacing:.12em}.go{font-size:13px;font-weight:800;color:var(--wine)}.main-topic{grid-row:span 2}.wide-topic{grid-column:span 2;background:#2d2527;color:#fff7ee}.wide-topic .card-mini{display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.filter-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-pills span{font-size:12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 9px;color:#ead8cf}.related{background:#f0e9df}.feature-row{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.feature-panel{background:var(--night);color:#fff7ee;border-radius:var(--r);padding:35px;position:relative;overflow:hidden}.feature-panel h3{font-size:30px;letter-spacing:-.07em;line-height:1.25;margin:12px 0}.feature-panel p{color:#d8c8c0;font-size:14px;max-width:440px}.route-list{display:grid;gap:11px}.route{background:#fffaf3;border:1px solid var(--line);border-radius:var(--r-sm);padding:16px;display:flex;gap:13px;align-items:center;transition:.2s}.route:hover{border-color:var(--rose);transform:translateX(3px)}.route b{font-size:12px;color:var(--wine);width:28px}.route h3{font-size:16px;margin:0}.route p{font-size:12px;color:var(--muted);margin:2px 0 0}.compare-grid{display:grid;grid-template-columns:1fr 64px 1fr;align-items:stretch}.compare{padding:31px;border:1px solid var(--line);background:#eee4db}.compare:last-child{background:var(--night);color:#fff8f0;border-color:var(--night)}.compare h3{font-size:24px;letter-spacing:-.06em}.compare ul{margin:18px 0 0;padding:0;list-style:none}.compare li{padding:10px 0;border-top:1px solid rgba(117,107,103,.25);font-size:14px}.compare:last-child li{border-color:rgba(255,255,255,.17)}.arrow-rail{display:flex;align-items:center;justify-content:center;background:#d9c2b8;color:var(--wine);font-size:24px}.news{background:var(--ivory)}.news-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);transition:.2s}.news-item:hover{padding-left:8px}.news-date{font-size:12px;color:var(--wine);font-weight:800}.news-item h3{font-size:17px;margin:0;letter-spacing:-.04em}.news-item p{font-size:12px;color:var(--muted);margin:3px 0 0}.status{font-size:11px;background:#e8d7cf;color:var(--wine);padding:4px 8px;border-radius:999px;white-space:nowrap;font-weight:800}.index-box{background:#e5d5cc;padding:27px;border-radius:var(--r)}.index-box h3{font-size:23px;letter-spacing:-.05em}.progress-line{height:7px;background:rgba(83,51,64,.14);border-radius:99px;overflow:hidden;margin:9px 0 19px}.progress-line i{display:block;height:100%;background:var(--wine);border-radius:99px}.faq-section{background:#f0e9df}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.accordion-item{border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important}.accordion-button{padding:20px 0;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;font-weight:800;font-size:16px}.accordion-button:not(.collapsed){color:var(--wine)!important}.accordion-button:after{background-size:15px;filter:sepia(1) saturate(.7)}.accordion-body{padding:0 8px 20px 0;color:var(--muted);font-size:14px}.contact{background:var(--night);color:#fff8f0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px}.contact h2{margin-top:9px}.contact p{color:#d8c8c0}.contact-notes{display:grid;gap:12px;margin-top:26px}.contact-note{border-left:2px solid var(--rose);padding-left:13px;font-size:13px;color:#dacbc3}.form-control,.form-select{border:1px solid rgba(255,243,235,.23);border-radius:10px;background:#352b2d;color:#fff8f0;min-height:47px;padding:10px 13px}.form-control::placeholder{color:#bdaea8}.form-control:focus,.form-select:focus{background:#3d3033;color:#fff;border-color:#e09a94;box-shadow:0 0 0 3px rgba(224,154,148,.2)}.form-select option{color:#211b1b}.form-label{font-size:13px;font-weight:700}.required{color:#efa19b}.form-text{color:#bdaea8!important;font-size:12px}.site-footer{background:#191516;color:#ddd0c9;padding:48px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.13)}.footer-brand{font-size:20px;font-weight:800;color:#fff8f0;letter-spacing:-.06em}.footer-grid p{font-size:13px;color:#aa9b96;max-width:340px}.footer-grid h3{font-size:12px;color:#dba09b;letter-spacing:.12em}.footer-grid a{display:block;font-size:13px;margin:7px 0;color:#d9cdc7}.footer-grid a:hover{color:#f1b5ad}.copyright{padding-top:17px;font-size:12px;color:#918581;display:flex;justify-content:space-between;gap:15px}@media(max-width:991px){.nav-wrap{flex-wrap:wrap;padding:12px 0}.main-nav{order:3;width:100%;margin:0;overflow:auto}.hero-grid,.contact-grid,.faq-grid{grid-template-columns:1fr}.matrix{grid-template-columns:1fr 1fr;grid-template-rows:auto}.main-topic{grid-row:span 2}.wide-topic{grid-column:span 2}.feature-row,.news-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #cfbbb2}}@media(max-width:767px){.nav-tools .trend{display:none}.search-link{font-size:0;width:42px;height:42px;padding:0;display:grid;place-items:center}.search-link:after{content:"⌕";font-size:21px}.hero{padding:54px 0 42px}.hero p{font-size:15px}.section{padding:60px 0}.section-head{display:block}.section-intro{margin-top:14px}.signal-grid{margin-top:6px}.matrix{display:grid;grid-template-columns:1fr}.main-topic{grid-row:auto;min-height:340px}.wide-topic{grid-column:auto}.wide-topic .card-mini{display:block}.wide-topic .filter-pills{margin-top:18px}.compare-grid{grid-template-columns:1fr}.arrow-rail{height:45px}.news-item{grid-template-columns:68px 1fr}.news-item .status{display:none}.footer-grid{grid-template-columns:1fr 1fr;grid-template-columns:1fr}@media(max-width:520px){.container{padding-left:18px;padding-right:18px}.brand{font-size:16px}.main-nav{gap:0}.main-nav a{padding:8px 9px;font-size:13px}.hero h1{font-size:40px}.hero-actions{display:grid;grid-template-columns:1fr}.btn-main,.btn-quiet{width:100%}.signal-grid{grid-template-columns:1fr}.signal:nth-child(3){grid-column:auto}.metric-grid{display:block}.metric{border-right:0!important;border-bottom:1px solid #cfbbb2}.metric:last-child{border-bottom:0}.topic-card{min-height:230px}.card-mini{min-height:190px}.feature-panel{padding:25px}.feature-panel h3{font-size:25px}.compare{padding:24px}.news-item{gap:11px}.news-item h3{font-size:15px}.copyright{display:block}.copyright span{display:block;margin-top:8px}.footer-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category2 */
:root{--ink:#211b1b;--night:#241d1e;--paper:#f5f0e8;--ivory:#fffaf3;--muted:#756b67;--line:#ddd1c8;--wine:#7b3d4a;--rose:#b86f70;--plum:#573340;--sand:#e8d8ce;--shadow:0 18px 48px rgba(45,27,28,.11);--r:18px;--r-sm:10px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button,input,select,textarea{font:inherit}
    button{border:0}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .site-header{position:sticky;top:0;z-index:100;background:rgba(245,240,232,.95);border-bottom:1px solid rgba(117,107,103,.18);backdrop-filter:blur(12px)}
    .nav-wrap{min-height:72px;display:flex;align-items:center;gap:24px}
    .brand{font-weight:800;font-size:18px;letter-spacing:-.06em;white-space:nowrap}
    .brand i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:var(--rose)}
    .main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
    .main-nav a{padding:9px 12px;color:var(--muted);font-size:14px;font-weight:700;border-radius:999px;transition:.2s}
    .main-nav a:hover,.main-nav a.active{background:#eadbd4;color:var(--wine)}
    .nav-tools{display:flex;gap:8px;align-items:center}
    .search-link,.trend{border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
    .trend{color:var(--wine)}
    .trend b{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--rose);margin-right:5px}
    .menu-btn{display:none;background:transparent;color:var(--ink);font-size:24px;padding:8px;min-width:44px;min-height:44px}
    .hero-inner{background:var(--night);color:#fff7ee;position:relative;overflow:hidden}
    .hero-inner:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(235,192,179,.16);border-radius:50%;right:-160px;top:-225px;box-shadow:0 0 0 42px rgba(235,192,179,.025),0 0 0 84px rgba(235,192,179,.018)}
    .hero{padding:62px 0 55px;position:relative;z-index:1}
    .crumbs{font-size:12px;color:#cdbdb5;margin-bottom:26px}
    .crumbs a{color:#eed1c5}
    .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
    .eyebrow,.badge-soft{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,241,230,.28);border-radius:999px;padding:5px 10px;color:#f1d8ca;font-size:12px;letter-spacing:.08em}
    .eyebrow b{width:6px;height:6px;border-radius:50%;background:#d98986}
    .hero h1{font-size:clamp(39px,5.5vw,68px);letter-spacing:-.085em;line-height:1.12;margin:18px 0 17px;max-width:650px}
    .hero p{max-width:600px;color:#dfd2ca;margin:0 0 25px;font-size:16px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .btn-main,.btn-quiet{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:800;transition:.22s}
    .btn-main{background:#d58a83;color:#2a191b}
    .btn-main:hover{background:#f0b0a5;transform:translateY(-2px);color:#2a191b}
    .btn-quiet{border:1px solid rgba(255,243,234,.34);color:#fff6ef}
    .btn-quiet:hover{background:#fff6ef;color:var(--night)}
    .btn-main:focus-visible,.btn-quiet:focus-visible,.main-nav a:focus-visible,.search-link:focus-visible,.trend:focus-visible,.filter-btn:focus-visible,.form-control:focus-visible{outline:3px solid #e0a09a;outline-offset:3px}
    .scan-panel{position:relative;z-index:1;border:1px solid rgba(255,244,236,.2);border-radius:var(--r);padding:22px;background:#302527;box-shadow:0 18px 45px rgba(0,0,0,.18)}
    .scan-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:16px;margin-bottom:14px}
    .scan-title{font-size:13px;font-weight:800}
    .scan-status{font-size:11px;color:#e6aaa0}
    .scan-list{display:grid;gap:10px}
    .scan-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09)}
    .scan-row:last-child{border-bottom:0}
    .scan-no{font-size:12px;color:#d58a83;font-weight:800}
    .scan-row strong{font-size:14px}
    .scan-row small{display:block;color:#bcaea9;font-size:11px}
    .scan-tag{font-size:10px;padding:3px 7px;border-radius:5px;background:#594047;color:#f0d6cc}
    .section{padding:82px 0}
    .section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}
    .kicker{font-size:12px;letter-spacing:.12em;color:var(--wine);font-weight:800}
    .section h2{font-size:clamp(29px,3.6vw,45px);letter-spacing:-.07em;line-height:1.2;margin:8px 0 0}
    .section-intro{max-width:510px;color:var(--muted);font-size:15px;margin:0}
    .filter-bar{display:flex;align-items:center;gap:9px;overflow:auto;padding:4px 0 18px;border-bottom:1px solid var(--line);scrollbar-width:none}
    .filter-bar::-webkit-scrollbar{display:none}
    .filter-btn{white-space:nowrap;background:transparent;border:1px solid var(--line);color:var(--muted);padding:8px 14px;border-radius:999px;font-size:13px;transition:.2s}
    .filter-btn:hover,.filter-btn.active{background:var(--wine);border-color:var(--wine);color:#fff8f0}
    .filter-note{margin-left:auto;white-space:nowrap;color:var(--muted);font-size:12px}
    .content-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:22px;margin-top:28px}
    .feature-card{min-height:415px;border-radius:var(--r);overflow:hidden;position:relative;background:#4d3136;box-shadow:var(--shadow);transition:.25s}
    .feature-card:hover{transform:translateY(-4px)}
    .material-cover{position:absolute;inset:0;background:linear-gradient(135deg,#b88b83 0%,#6e4550 35%,#302329 100%)}
    .material-cover:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(112deg,transparent 0 17px,rgba(255,239,226,.16) 18px 20px,transparent 21px 37px);transform:rotate(-7deg)}
    .material-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,19,21,.04),rgba(25,16,18,.87))}
    .feature-copy{position:absolute;left:28px;right:28px;bottom:26px;color:#fff8f1;z-index:1}
    .feature-copy h3{font-size:31px;letter-spacing:-.07em;line-height:1.25;margin:12px 0 5px}
    .feature-copy p{margin:0;color:#eadbd4;font-size:14px;max-width:520px}
    .side-index{background:var(--ivory);border:1px solid var(--line);border-radius:var(--r);padding:23px}
    .side-index h3{font-size:19px;letter-spacing:-.05em;margin:0 0 14px}
    .index-row{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
    .index-row:last-child{border-bottom:0}
    .index-row b{color:var(--rose);font-size:13px}
    .index-row strong{font-size:14px}
    .index-row small{display:block;color:var(--muted);font-size:11px}
    .data-section{background:#eee5dc}
    .data-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:25px}
    .data-note,.result-list{background:var(--ivory);border:1px solid var(--line);border-radius:var(--r);padding:27px}
    .data-note h3{font-size:25px;line-height:1.3;letter-spacing:-.06em;margin:12px 0}
    .data-note p{font-size:14px;color:var(--muted)}
    .tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
    .tag-cloud span{font-size:12px;padding:6px 10px;border-radius:7px;background:#eadbd3;color:var(--wine)}
    .result-list{padding:12px 25px}
    .result-row{display:grid;grid-template-columns:42px 1fr 90px;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
    .result-row:last-child{border-bottom:0}
    .result-row .num{font-size:18px;font-weight:800;color:var(--rose)}
    .result-row strong{font-size:15px}
    .result-row small{color:var(--muted);font-size:12px}
    .meter{height:5px;background:#eaded5;border-radius:99px;margin-top:7px;overflow:hidden}
    .meter i{display:block;height:100%;background:var(--wine);border-radius:99px}
    .result-state{font-size:11px;color:var(--wine);text-align:right}
    .faq-section{background:#f0e9df}
    .faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}
    .accordion-item{border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important}
    .accordion-button{padding:20px 0;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;font-weight:800;font-size:16px}
    .accordion-button:not(.collapsed){color:var(--wine)!important}
    .accordion-button:after{background-size:15px;filter:sepia(1) saturate(.7)}
    .accordion-body{padding:0 8px 20px 0;color:var(--muted);font-size:14px}
    .cta-panel{background:var(--night);color:#fff7ee;border-radius:var(--r);padding:40px;position:relative;overflow:hidden}
    .cta-panel:before{content:"";position:absolute;right:-70px;bottom:-100px;width:260px;height:260px;border:1px solid rgba(232,177,165,.25);border-radius:50%;box-shadow:0 0 0 30px rgba(232,177,165,.04),0 0 0 60px rgba(232,177,165,.03)}
    .cta-panel h2{position:relative;font-size:clamp(28px,4vw,43px);margin:8px 0 12px;letter-spacing:-.07em}
    .cta-panel p{position:relative;color:#d8c8c0;max-width:650px;margin-bottom:23px}
    .site-footer{background:#191516;color:#ddd0c9;padding:48px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.13)}
    .footer-brand{font-size:19px;color:#fff5ed;font-weight:800;letter-spacing:-.06em;margin-bottom:12px}
    .footer-grid p{font-size:13px;color:#aa9c97;max-width:360px;margin:0}
    .footer-grid h3{font-size:13px;color:#fff2e9;margin:0 0 13px}
    .footer-grid a{display:block;width:max-content;color:#b9aaa4;font-size:13px;margin:7px 0;transition:.2s}
    .footer-grid a:hover{color:#e3a39b;transform:translateX(3px)}
    .copyright{display:flex;justify-content:space-between;gap:20px;padding-top:18px;color:#8d817d;font-size:11px}
    @media(max-width:992px){.hero-grid,.content-grid,.data-layout{grid-template-columns:1fr}.hero-grid{gap:35px}.main-nav{margin-left:0}.filter-note{display:none}}
    @media(max-width:768px){.container{width:min(100% - 30px,620px)}.nav-wrap{min-height:66px}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;padding:12px 15px 18px;background:var(--ivory);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{min-height:44px;display:flex;align-items:center}.nav-tools{margin-left:auto}.search-link{font-size:0;width:44px;height:44px;display:grid;place-items:center;padding:0}.search-link:after{content:"⌕";font-size:21px}.trend{display:none}.menu-btn{display:block}.hero{padding:45px 0 40px}.hero h1{font-size:clamp(38px,11vw,52px)}.section{padding:62px 0}.section-head,.faq-grid{display:block}.section-intro{margin-top:15px}.faq-grid>.accordion{margin-top:25px}.feature-card{min-height:360px}.copyright{display:block}.copyright span{display:block;margin-top:7px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
    @media(max-width:520px){.container{width:calc(100% - 28px)}.brand{font-size:16px}.hero-actions a{width:100%}.scan-panel{padding:17px}.feature-copy{left:21px;right:21px;bottom:20px}.feature-copy h3{font-size:25px}.data-note,.result-list,.cta-panel{padding:22px}.result-row{grid-template-columns:32px 1fr}.result-state{grid-column:2;text-align:left}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category1 */
:root{--ink:#211b1b;--night:#241d1e;--paper:#f5f0e8;--ivory:#fffaf3;--muted:#756b67;--line:#ddd1c8;--wine:#7b3d4a;--rose:#b86f70;--plum:#573340;--sand:#e4d6ce;--shadow:0 18px 48px rgba(45,27,28,.11);--r:18px;--r-sm:10px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{border:0}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(245,240,232,.95);border-bottom:1px solid rgba(117,107,103,.18);backdrop-filter:blur(12px)}
.nav-wrap{min-height:72px;display:flex;align-items:center;gap:24px}
.brand{font-weight:800;font-size:18px;letter-spacing:-.06em;white-space:nowrap}
.brand i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:var(--rose)}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.main-nav a{padding:9px 12px;color:var(--muted);font-size:14px;font-weight:700;border-radius:999px;transition:.22s}
.main-nav a:hover,.main-nav a.active{background:#eadbd4;color:var(--wine)}
.nav-tools{display:flex;gap:8px;align-items:center}
.search-link,.trend{border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;transition:.2s}
.search-link:hover,.trend:hover{border-color:var(--rose);color:var(--wine);background:#fffaf3}
.trend b{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--rose);margin-right:5px}
.menu-btn{display:none;background:transparent;color:var(--ink);font-size:24px;padding:8px;min-width:44px;min-height:44px}
.hero{background:#eee5dc;border-bottom:1px solid var(--line);padding:52px 0 42px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
.crumbs{font-size:12px;color:var(--muted);margin-bottom:22px}
.crumbs a{color:var(--wine);font-weight:700}
.eyebrow,.badge-soft{display:inline-flex;align-items:center;gap:7px;border:1px solid #cdb4aa;border-radius:999px;padding:5px 10px;color:var(--wine);font-size:12px;letter-spacing:.06em}
.eyebrow b{width:6px;height:6px;border-radius:50%;background:var(--rose)}
.hero h1{font-size:clamp(40px,5.5vw,68px);letter-spacing:-.085em;line-height:1.1;margin:17px 0 18px;max-width:700px}
.hero p{max-width:670px;color:var(--muted);font-size:17px;margin:0 0 24px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-main,.btn-quiet{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:800;transition:.22s}
.btn-main{background:var(--wine);color:#fff7ef}
.btn-main:hover{background:var(--plum);color:#fff;transform:translateY(-2px)}
.btn-quiet{border:1px solid #b99f96;color:var(--wine)}
.btn-quiet:hover{background:var(--ivory);border-color:var(--wine);color:var(--wine)}
.btn-main:focus,.btn-quiet:focus,.search-link:focus,.trend:focus,.main-nav a:focus{outline:3px solid rgba(184,111,112,.35);outline-offset:3px}
.hero-index{background:var(--night);color:#fff7ee;border-radius:var(--r);padding:28px;min-height:280px;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.hero-index:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(235,192,179,.2);border-radius:50%;right:-130px;top:-120px;box-shadow:0 0 0 30px rgba(235,192,179,.04),0 0 0 60px rgba(235,192,179,.03)}
.index-top,.index-foot{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
.index-top{font-size:12px;color:#ddc9bf}
.index-no{font-size:76px;line-height:1;font-weight:800;letter-spacing:-.12em;color:#d58a83;margin:31px 0 20px;position:relative;z-index:1}
.index-title{font-size:25px;font-weight:800;letter-spacing:-.06em;position:relative;z-index:1}
.index-foot{margin-top:20px;border-top:1px solid rgba(255,255,255,.18);padding-top:15px;font-size:12px;color:#c7b6af}
.section{padding:82px 0}
.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}
.section-kicker{font-size:12px;color:var(--wine);font-weight:800;letter-spacing:.08em}
.section h2{font-size:clamp(29px,3.6vw,45px);letter-spacing:-.07em;line-height:1.2;margin:8px 0 0}
.section-intro{max-width:500px;color:var(--muted);font-size:15px;margin:0}
.tag-rail{display:flex;gap:9px;overflow:auto;padding:2px 0 17px;scrollbar-width:none}
.tag-rail::-webkit-scrollbar{display:none}
.tag{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--muted);background:var(--ivory);transition:.2s}
.tag:hover,.tag.active{background:var(--wine);border-color:var(--wine);color:#fff}
.feature-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:20px}
.feature-card{min-height:390px;border-radius:var(--r);background:var(--night);color:#fff7ee;padding:31px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;box-shadow:var(--shadow)}
.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(123,61,74,.9),transparent 55%),repeating-linear-gradient(105deg,transparent 0 28px,rgba(255,255,255,.06) 29px 30px)}
.feature-card>*{position:relative;z-index:1}
.feature-card h3{font-size:31px;letter-spacing:-.07em;margin:13px 0 8px}
.feature-card p{color:#dfd1ca;max-width:510px;font-size:14px;margin:0}
.feature-side{display:grid;gap:20px}
.side-card{background:var(--ivory);border:1px solid var(--line);border-radius:var(--r);padding:23px;transition:.22s}
.side-card:hover{transform:translateY(-3px);border-color:#b88683;box-shadow:var(--shadow)}
.side-card h3{font-size:21px;line-height:1.3;letter-spacing:-.05em;margin:10px 0 7px}
.side-card p{color:var(--muted);font-size:13px;margin:0}
.meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}
.meta strong{color:var(--wine)}
.topic-list{border-top:1px solid var(--line)}
.topic-row{display:grid;grid-template-columns:70px 150px 1fr auto;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);transition:.22s}
.topic-row:hover{padding-left:8px;background:rgba(255,250,243,.45)}
.topic-number{font-size:28px;font-weight:800;color:#c28a83;letter-spacing:-.08em}
.topic-thumb{height:82px;border-radius:12px;background:linear-gradient(135deg,#c58b86,#603744);position:relative;overflow:hidden}
.topic-thumb:after{content:"";position:absolute;inset:12px 25px;border:1px solid rgba(255,255,255,.4);transform:skewY(-16deg)}
.topic-row h3{font-size:18px;margin:0 0 3px;letter-spacing:-.04em}
.topic-row p{font-size:13px;color:var(--muted);margin:0;line-height:1.55}
.status{font-size:12px;color:var(--wine);background:#eadbd4;border-radius:999px;padding:5px 9px;white-space:nowrap}
.filter-panel{background:var(--night);color:#fff7ee;border-radius:var(--r);padding:31px}
.filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:end}
.filter-panel label{display:block;font-size:12px;color:#d8c7bf;margin-bottom:6px}
.filter-panel select{width:100%;min-height:45px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:#352b2d;color:#fff7ee;padding:8px 11px}
.filter-panel select:focus{outline:3px solid rgba(224,154,148,.25);border-color:#e09a94}
.filter-result{margin-top:22px;padding-top:19px;border-top:1px solid rgba(255,255,255,.15);display:flex;gap:9px;flex-wrap:wrap}
.filter-result span{font-size:12px;color:#ead8cf;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 10px}
.faq-section{background:#f0e9df}
.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px}
.accordion-item{border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important}
.accordion-button{padding:20px 0;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;font-weight:800;font-size:16px}
.accordion-button:not(.collapsed){color:var(--wine)!important}
.accordion-button:after{background-size:15px;filter:sepia(1) saturate(.7)}
.accordion-button:focus{box-shadow:0 0 0 3px rgba(184,111,112,.25)!important}
.accordion-body{padding:0 8px 20px 0;color:var(--muted);font-size:14px}
.cta{padding:70px 0;background:var(--rose);color:#291c1d}
.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.07em;line-height:1.2;margin:7px 0}
.cta p{margin:0;color:#593b3b;max-width:600px}
.cta .btn-main{background:var(--night);color:#fff7ef}
.cta .btn-main:hover{background:var(--plum)}
.site-footer{background:#191516;color:#ddd0c9;padding:48px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.13)}
.footer-brand{font-size:20px;font-weight:800;color:#fff4ed;letter-spacing:-.06em;margin-bottom:12px}
.footer-grid p{color:#a99a94;font-size:13px;max-width:350px;margin:0}
.footer-grid h3{font-size:13px;color:#fff4ed;margin:3px 0 12px}
.footer-grid a{display:block;width:max-content;color:#b9aaa4;font-size:13px;margin:7px 0;transition:.2s}
.footer-grid a:hover{color:#e3a19a;transform:translateX(3px)}
.copyright{display:flex;justify-content:space-between;gap:15px;padding-top:18px;color:#887b76;font-size:12px}
@media(max-width:992px){.nav-tools .trend{display:none}.hero-grid,.feature-layout{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid .btn-main{grid-column:span 2}.hero-index{min-height:245px}.topic-row{grid-template-columns:55px 125px 1fr auto}}
@media(max-width:768px){.container{width:min(100% - 28px,620px)}.nav-wrap{min-height:64px}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--ivory);border-bottom:1px solid var(--line);padding:12px 14px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{min-height:44px}.menu-btn{display:block}.nav-wrap{gap:10px}.brand{font-size:16px;margin-right:auto}.search-link{font-size:0;padding:9px 12px}.search-link:before{content:"⌕";font-size:19px}.hero{padding:38px 0 30px}.hero-grid{gap:28px}.hero h1{font-size:42px}.hero p{font-size:15px}.section{padding:60px 0}.section-head{display:block}.section-intro{margin-top:14px}.topic-row{grid-template-columns:42px 95px 1fr;gap:12px}.topic-row .status{grid-column:3}.topic-thumb{height:68px}.faq-grid{grid-template-columns:1fr;gap:20px}.cta-grid{display:block}.cta .btn-main{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-top:7px}}
@media(max-width:520px){.filter-grid{grid-template-columns:1fr}.filter-grid .btn-main{grid-column:auto;width:100%}.hero h1{font-size:36px}.feature-card{min-height:330px;padding:23px}.feature-card h3{font-size:26px}.topic-row{grid-template-columns:34px 82px 1fr;gap:9px}.topic-row h3{font-size:15px}.topic-row p{font-size:12px}.topic-row .status{display:inline-block;grid-column:3}.footer-grid{grid-template-columns:1fr}.hero-actions .btn-main,.hero-actions .btn-quiet{flex:1}.copyright{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}