/* roulang page: index */
:root{--bg:#121310;--panel:#1b1c18;--panel2:#24251f;--line:rgba(242,240,232,.12);--text:#f2f0e8;--muted:#a6a99a;--lime:#c7f23a;--ember:#d85b42}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;background:var(--bg)}
    body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;line-height:1.8;overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/%23n)' opacity='.9'/%3E%3C/svg%3E")}
    a{color:inherit;text-decoration:none}
    button,input,select{font:inherit}
    button{cursor:pointer}
    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(199,242,58,.8);outline-offset:3px}
    .grid-bg{background-image:linear-gradient(rgba(242,240,232,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(242,240,232,.042) 1px,transparent 1px);background-size:38px 38px}
    .cut{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
    .section-kicker{display:flex;align-items:center;gap:10px;color:var(--lime);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
    .section-kicker:before{content:"";display:block;width:28px;height:2px;background:var(--lime)}
    .archive-card{border:1px solid var(--line);background:var(--panel);transition:transform .22s ease,border-color .22s ease,background .22s ease}
    .archive-card:hover{transform:translateY(-3px);border-color:rgba(199,242,58,.55);background:#20211c}
    .nav-link{position:relative;color:var(--muted);transition:color .2s ease}
    .nav-link:hover,.nav-link.active{color:var(--text)}
    .nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--lime)}
    .btn-main{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--lime);background:var(--lime);color:#161710;font-weight:800;padding:12px 18px;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
    .btn-main:hover{transform:translateY(-2px);box-shadow:0 0 0 4px rgba(199,242,58,.12)}
    .btn-main:active{transform:translateY(0)}
    .btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);color:var(--text);font-weight:700;padding:12px 18px;border-radius:8px;background:transparent;transition:background .2s ease,border-color .2s ease,transform .2s ease}
    .btn-ghost:hover{background:var(--panel2);border-color:rgba(242,240,232,.28);transform:translateY(-2px)}
    .scanline{position:relative;overflow:hidden}
    .scanline:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 4px,rgba(242,240,232,.022) 5px)}
    .faq-answer{display:none}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-plus{transform:rotate(45deg);color:var(--lime)}
    .faq-plus{transition:transform .2s ease}
    .cover-a{background:linear-gradient(135deg,#34362b 0%,#1b1c18 45%,#5d6244 100%)}
    .cover-b{background:linear-gradient(135deg,#23251d 0%,#614637 50%,#1c1d19 100%)}
    .cover-c{background:linear-gradient(135deg,#394033 0%,#171814 52%,#383326 100%)}
    .cover-d{background:linear-gradient(135deg,#24251f 0%,#4b5040 46%,#1c1d18 100%)}
    @media(max-width:768px){
      .nav-link.active:after{bottom:-6px}
      .mobile-menu{display:none}
      .mobile-menu.open{display:block}
    }
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category1 */
:root{--bg:#121310;--panel:#1b1c18;--panel2:#24251f;--line:rgba(242,240,232,.12);--text:#f2f0e8;--muted:#a6a99a;--lime:#c7f23a;--ember:#d85b42}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;line-height:1.8;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/%23n)' opacity='.9'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(199,242,58,.8);outline-offset:3px}
.grid-bg{background-image:linear-gradient(rgba(242,240,232,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(242,240,232,.042) 1px,transparent 1px);background-size:38px 38px}
.section-kicker{display:flex;align-items:center;gap:10px;color:var(--lime);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.section-kicker:before{content:"";display:block;width:28px;height:2px;background:var(--lime)}
.archive-card{border:1px solid var(--line);background:var(--panel);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.archive-card:hover{transform:translateY(-3px);border-color:rgba(199,242,58,.55);background:#20211c}
.nav-link{position:relative;color:var(--muted);transition:color .2s ease}
.nav-link:hover,.nav-link.active{color:var(--text)}
.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--lime)}
.btn-main{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--lime);background:var(--lime);color:#161710;font-weight:800;padding:12px 18px;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn-main:hover{transform:translateY(-2px);box-shadow:0 0 0 4px rgba(199,242,58,.12)}
.btn-main:active{transform:translateY(0)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);color:var(--text);font-weight:700;padding:12px 18px;border-radius:8px;background:transparent;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.btn-ghost:hover{background:var(--panel2);border-color:rgba(242,240,232,.28);transform:translateY(-2px)}
.faq-answer{display:none}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-plus{transform:rotate(45deg);color:var(--lime)}
.faq-plus{transition:transform .2s ease}
.cover-a{background:linear-gradient(135deg,#34362b 0%,#1b1c18 45%,#5d6244 100%)}
.nav-link.active:after{bottom:-6px}
.mobile-menu{display:none}
.mobile-menu.open{display:block}
.filter-check{appearance:none;width:18px;height:18px;border:1px solid rgba(242,240,232,.28);border-radius:4px;background:#171813;display:grid;place-items:center;transition:.18s}
.filter-check:checked{background:var(--lime);border-color:var(--lime)}
.filter-check:checked:after{content:"✓";font-size:13px;font-weight:900;color:#151610}
.filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(242,240,232,.08);padding:11px 0;color:var(--muted);font-size:14px}
.filter-row:last-child{border-bottom:0}
.cover{position:relative;overflow:hidden;background:#20211c}
.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(10,11,8,.82) 100%);pointer-events:none}
.cover-mark{position:absolute;right:-20px;bottom:-30px;color:rgba(242,240,232,.09);font-size:74px;font-weight:900;letter-spacing:-.1em;z-index:1}
.cover-lines{position:absolute;left:0;right:0;bottom:18px;height:30px;opacity:.5;background:repeating-linear-gradient(90deg,var(--lime) 0 13px,transparent 13px 19px);z-index:1}
.content-card:hover .cover:before{opacity:.8}
.cover:before{content:"";position:absolute;inset:0;opacity:.45;transition:opacity .22s;background:radial-gradient(circle at 75% 22%,rgba(199,242,58,.22),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.08),transparent 44%)}
.cover-b{background:linear-gradient(140deg,#4a382d,#20211c 56%,#343c25)}
.cover-c{background:linear-gradient(145deg,#33302a,#1a1c18 55%,#57513b)}
.cover-d{background:linear-gradient(135deg,#28332a,#1b1c18 50%,#534034)}
.cover-e{background:linear-gradient(145deg,#4a3030,#1c1c18 55%,#454c31)}
.cover-f{background:linear-gradient(125deg,#333a2b,#20211c 52%,#584b38)}
@media(max-width:768px){
 .nav-link.active:after{bottom:-6px}
 .mobile-menu{display:none}
 .mobile-menu.open{display:block}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}