/* roulang page: index */
:root{--plum:#4B2938;--plum-dark:#351C29;--paper:#F7F3EE;--card:#FFFDFC;--ink:#252223;--muted:#766C6B;--line:#DED5D0;--blush:#B9838C;--cream:#EEE5DD;--shadow:0 16px 42px rgba(75,41,56,.10);--radius:18px}
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{margin:0;background:var(--paper);color:var(--ink);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;line-height:1.75}
        a{text-decoration:none;color:inherit}
        img{display:block;max-width:100%}
        button,input{font:inherit}
        button{cursor:pointer}
        .container{width:min(1180px,calc(100% - 40px));margin:auto}
        .site-header{height:78px;background:rgba(255,253,252,.96);border-bottom:1px solid #E8DFDB;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}
        .nav-inner{height:78px;display:flex;align-items:center;gap:28px}
        .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--plum);white-space:nowrap;letter-spacing:-.03em}
        .brand-mark{width:34px;height:28px;border:2px solid var(--plum);border-radius:8px;position:relative}
        .brand-mark:before,.brand-mark:after{content:"";position:absolute;left:7px;right:7px;height:2px;background:var(--plum)}
        .brand-mark:before{top:8px}.brand-mark:after{top:15px}
        .nav-links{display:flex;align-items:center;gap:24px;margin-left:20px;flex:1}
        .nav-links a{font-size:14px;color:#62595A;padding:26px 2px 22px;border-bottom:2px solid transparent;transition:.2s}
        .nav-links a:hover,.nav-links a.active{color:var(--plum);border-color:var(--plum)}
        .nav-actions{display:flex;align-items:center;gap:10px}
        .search{height:42px;width:205px;border:1px solid var(--line);background:#FAF7F4;border-radius:11px;display:flex;align-items:center;padding:0 12px;gap:8px;color:var(--muted)}
        .search input{border:0;outline:0;background:transparent;width:100%;font-size:13px;color:var(--ink)}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:11px 18px;font-size:14px;font-weight:700;border:1px solid transparent;transition:.2s}
        .btn-primary{background:var(--plum);color:#fffaf7}.btn-primary:hover{background:var(--plum-dark);transform:translateY(-2px)}
        .btn-secondary{background:var(--card);color:var(--plum);border-color:var(--line)}.btn-secondary:hover{background:#F4E7E9;border-color:var(--blush)}
        .btn:focus-visible,.faq-question:focus-visible,.tag:focus-visible{outline:3px solid rgba(185,131,140,.45);outline-offset:3px}
        .mobile-toggle{display:none;background:none;border:0;color:var(--plum);font-size:24px}
        .hero{position:relative;overflow:hidden;background:#33232B;color:#fff8f4;padding:82px 0 72px}
        .hero:before{content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#e6c8cc 1px,transparent 1px);background-size:18px 18px}
        .hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
        .eyebrow,.section-kicker{color:var(--blush);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
        h1{font-size:clamp(34px,5vw,56px);line-height:1.16;letter-spacing:-.05em;margin:16px 0 20px;font-weight:800}
        .hero-copy{max-width:650px;color:#E7DCDD;font-size:16px;line-height:1.9}
        .hero-actions{display:flex;gap:12px;margin:30px 0 25px;flex-wrap:wrap}
        .hero .btn-secondary{background:transparent;border-color:#9D7B85;color:#fff8f4}
        .trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#D5C1C2;font-size:13px}
        .trust-row span:before{content:"✓";color:#D99AA5;margin-right:6px}
        .poster-stage{min-height:390px;position:relative}
        .poster{position:absolute;right:7%;top:10px;width:68%;height:355px;border-radius:20px;border:1px solid rgba(255,255,255,.2);overflow:hidden;background:linear-gradient(145deg,#B07D83 0%,#6E4A59 43%,#241B23 100%);box-shadow:0 25px 45px rgba(0,0,0,.25)}
        .poster:before{content:"字幕精选";position:absolute;left:22px;top:22px;font-size:12px;letter-spacing:.18em;color:#fff1ee}
        .poster:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(20,14,18,.88))}
        .poster-caption{position:absolute;z-index:2;bottom:25px;left:24px;right:20px}.poster-caption strong{font-size:25px;display:block}.poster-caption small{color:#EAD9D7}
        .mini-poster{position:absolute;width:39%;height:148px;border-radius:15px;overflow:hidden;border:7px solid #FFF7F2;box-shadow:var(--shadow);background:linear-gradient(145deg,#D8A9A4,#63414E)}
        .mini-poster.one{left:2%;bottom:37px;transform:rotate(-7deg)}.mini-poster.two{right:0;bottom:0;transform:rotate(6deg);background:linear-gradient(145deg,#A68A77,#4B2938)}
        .mini-poster span{position:absolute;bottom:12px;left:12px;color:white;font-size:13px;font-weight:700}
        .quick-tags{position:relative;margin-top:42px;display:flex;gap:9px;flex-wrap:wrap;align-items:center}.quick-tags b{font-size:12px;color:#D3BFC0;margin-right:5px}
        .tag{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:13px;background:var(--card);transition:.2s}
        .tag:hover,.tag.selected{background:var(--plum);color:white;border-color:var(--plum)}
        .section{padding:88px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.section-head h2{font-size:32px;line-height:1.25;margin:8px 0 0;letter-spacing:-.04em}.section-head p{max-width:590px;color:var(--muted);margin:10px 0 0}.more{color:var(--plum);font-weight:700;font-size:14px;white-space:nowrap}.more:hover{text-decoration:underline}
        .directory{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.feature-card,.small-card,.sample-card,.price-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:.25s;overflow:hidden}.feature-card:hover,.small-card:hover,.sample-card:hover,.price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#C79AA2}
        .feature-art{height:280px;background:linear-gradient(120deg,#7d5560,#D3A9A3 48%,#4B2938);position:relative}.feature-art:after{content:"专题入口";position:absolute;right:22px;top:20px;color:white;border:1px solid rgba(255,255,255,.5);padding:5px 10px;border-radius:99px;font-size:12px}
        .feature-body{padding:24px}.feature-body h3,.small-card h3{margin:9px 0 8px;font-size:21px;line-height:1.35}.feature-body p,.small-card p{color:var(--muted);font-size:14px;margin:0}
        .arrow{color:var(--plum);font-size:22px;margin-top:16px;display:inline-block}
        .small-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.small-card{padding:21px}.small-card h3{font-size:17px}.number{font-size:12px;color:var(--blush);font-weight:800}
        .soft-section{background:#EEE6DF}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.step{position:relative;padding:16px 26px 16px 0}.step:not(:last-child):after{content:"";position:absolute;top:30px;right:20px;width:calc(100% - 110px);height:1px;background:#CDBDB8}.step-no{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--plum);color:white;font-weight:800;margin-bottom:17px;position:relative;z-index:1}.step h3{font-size:17px;margin:0 0 6px}.step p{font-size:14px;color:var(--muted);margin:0;max-width:190px}
        .samples-wrap{display:grid;grid-template-columns:210px 1fr;gap:30px}.sample-intro{border-right:1px solid var(--line);padding-right:24px}.sample-intro h2{font-size:28px;line-height:1.3;margin:10px 0}.sample-intro p{font-size:14px;color:var(--muted)}.sample-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px}.sample-row::-webkit-scrollbar{height:5px}.sample-row::-webkit-scrollbar-thumb{background:#C9B5B4;border-radius:8px}.sample-card{min-width:220px}.sample-art{height:170px;background:linear-gradient(145deg,#9A9A6F,#4B2938)}.sample-body{padding:16px}.sample-body h3{font-size:16px;line-height:1.4;margin:7px 0}.sample-meta{font-size:12px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.sample-badge{display:inline-block;color:var(--plum);background:#F0E3E3;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:700}
        .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{padding:27px;position:relative}.price-card.featured{border:2px solid var(--plum);transform:translateY(-8px)}.popular{position:absolute;top:-13px;left:24px;background:var(--plum);color:#fff;padding:4px 11px;border-radius:99px;font-size:12px}.price-card h3{font-size:20px;margin:0 0 7px}.price-card p{font-size:14px;color:var(--muted);min-height:50px}.price-value{font-size:29px;font-weight:800;color:var(--plum);margin:18px 0}.price-value small{font-size:13px;color:var(--muted);font-weight:400}.benefits{list-style:none;padding:0;margin:20px 0 25px;border-top:1px solid var(--line)}.benefits li{padding:10px 0;border-bottom:1px solid #EEE6E1;font-size:14px}.benefits li:before{content:"✓";color:var(--blush);font-weight:800;margin-right:8px}
        .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-layout h2{font-size:31px;line-height:1.3;margin:9px 0 14px}.faq-layout p{color:var(--muted);font-size:15px}.faq-item{border-top:1px solid var(--line)}.faq-question{width:100%;padding:19px 0;background:none;border:0;display:flex;justify-content:space-between;text-align:left;color:var(--ink);font-size:16px;font-weight:700}.faq-icon{font-size:22px;color:var(--plum);line-height:1}.faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 35px 18px 0}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-icon{transform:rotate(45deg)}
        .cta{background:#E8DAD6;border:1px solid #D8C4C1;border-radius:20px;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin:0 0 6px;font-size:25px}.cta p{margin:0;color:var(--muted);font-size:14px}
        .site-footer{background:#292326;color:#EDE3E0;padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-brand{color:#FFF6F1;font-size:19px;font-weight:800}.footer-copy{color:#BEB0AF;font-size:13px;max-width:300px;margin-top:15px}.footer-title{font-size:14px;color:#FFF6F1;font-weight:700;margin-bottom:13px}.footer-links{display:grid;gap:8px}.footer-links a{font-size:13px;color:#BEB0AF;transition:.2s}.footer-links a:hover{color:#E4AAB0}.footer-note{margin-top:42px;padding-top:18px;border-top:1px solid #4A3D40;color:#A99B9A;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
        @media(max-width:1024px){.nav-inner{gap:16px}.nav-links{gap:14px;margin-left:5px}.search{width:160px}.hero-grid{gap:35px}.directory{grid-template-columns:1fr}.samples-wrap{grid-template-columns:180px 1fr}}
        @media(max-width:768px){.site-header,.nav-inner{height:68px}.nav-inner{justify-content:space-between}.nav-links{display:none}.mobile-toggle{display:block;order:3}.nav-actions{margin-left:auto}.search{width:42px;padding:0;justify-content:center}.search input{display:none}.search:before{content:"⌕";font-size:22px}.nav-actions .btn{display:none}.hero{padding:60px 0 52px}.hero-grid{grid-template-columns:1fr}.poster-stage{min-height:330px;max-width:520px}.poster{height:300px}.mini-poster{height:125px}.section{padding:65px 0}.section-head{align-items:start;flex-direction:column}.steps{grid-template-columns:1fr 1fr;gap:22px}.step:not(:last-child):after{display:none}.samples-wrap{grid-template-columns:1fr}.sample-intro{border-right:0;border-bottom:1px solid var(--line);padding:0 0 18px}.plans{grid-template-columns:1fr}.price-card.featured{transform:none}.faq-layout{grid-template-columns:1fr;gap:25px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
        @media(max-width:520px){.container{width:min(100% - 32px,1180px)}.brand{font-size:14px}.brand-mark{width:29px;height:24px}.hero h1{font-size:34px}.hero-copy{font-size:15px}.hero-actions .btn{width:100%}.poster-stage{min-height:275px}.poster{height:255px;width:72%}.mini-poster{height:104px;width:42%;border-width:5px}.small-grid{grid-template-columns:1fr}.feature-art{height:220px}.steps{grid-template-columns:1fr}.cta{padding:25px 22px;align-items:flex-start;flex-direction:column}.cta .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-note{margin-top:30px}}

/* roulang page: category1 */
:root{--plum:#4B2938;--plum-dark:#351C29;--paper:#F7F3EE;--card:#FFFDFC;--ink:#252223;--muted:#766C6B;--line:#DED5D0;--blush:#B9838C;--cream:#EEE5DD;--shadow:0 16px 42px rgba(75,41,56,.10);--radius:18px}
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Source Han Sans SC,sans-serif;line-height:1.75}
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button,input,select{font:inherit}
    button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .site-header{height:78px;background:rgba(255,253,252,.96);border-bottom:1px solid #E8DFDB;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}
    .nav-inner{height:78px;display:flex;align-items:center;gap:28px}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--plum);white-space:nowrap;letter-spacing:-.03em}
    .brand-mark{width:34px;height:28px;border:2px solid var(--plum);border-radius:8px;position:relative}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;left:7px;right:7px;height:2px;background:var(--plum)}
    .brand-mark:before{top:8px}.brand-mark:after{top:15px}
    .nav-links{display:flex;align-items:center;gap:24px;margin-left:20px;flex:1}
    .nav-links a{font-size:14px;color:#62595A;padding:26px 2px 22px;border-bottom:2px solid transparent;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--plum);border-color:var(--plum)}
    .nav-actions{display:flex;align-items:center;gap:10px}
    .search{height:42px;width:205px;border:1px solid var(--line);background:#FAF7F4;border-radius:11px;display:flex;align-items:center;padding:0 12px;gap:8px;color:var(--muted)}
    .search input{border:0;outline:0;background:transparent;width:100%;font-size:13px;color:var(--ink)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:11px 18px;font-size:14px;font-weight:700;border:1px solid transparent;transition:.2s}
    .btn-primary{background:var(--plum);color:#fffaf7}.btn-primary:hover{background:var(--plum-dark);transform:translateY(-2px)}
    .btn-secondary{background:var(--card);color:var(--plum);border-color:var(--line)}.btn-secondary:hover{background:#F4E7E9;border-color:var(--blush)}
    .btn:focus-visible,.faq-question:focus-visible,.tag:focus-visible,.filter-control:focus-visible{outline:3px solid rgba(185,131,140,.45);outline-offset:3px}
    .mobile-toggle{display:none;background:none;border:0;color:var(--plum);font-size:24px}
    .compact-hero{position:relative;overflow:hidden;background:#33232B;color:#fff8f4;padding:58px 0 52px}
    .compact-hero:before{content:"";position:absolute;inset:0;opacity:.18;background-image:radial-gradient(#e6c8cc 1px,transparent 1px);background-size:18px 18px}
    .hero-inner{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}
    .eyebrow,.section-kicker{color:var(--blush);font-size:12px;font-weight:800;letter-spacing:.18em}
    .compact-hero h1{font-size:clamp(34px,4vw,50px);line-height:1.18;letter-spacing:-.045em;margin:12px 0 15px;font-weight:800}
    .compact-hero p{max-width:690px;color:#E7DCDD;font-size:16px;line-height:1.9;margin:0}
    .hero-stamp{height:210px;position:relative;display:flex;align-items:center;justify-content:center}
    .stamp-back{position:absolute;width:145px;height:190px;right:55px;top:6px;background:#8D626D;transform:rotate(8deg);border:8px solid #F0E5DE;box-shadow:0 14px 28px rgba(0,0,0,.22)}
    .stamp-front{position:absolute;width:142px;height:184px;right:112px;top:18px;background:#C69A99;transform:rotate(-7deg);border:8px solid #F8EEE8;box-shadow:0 14px 28px rgba(0,0,0,.25)}
    .stamp-front:before,.stamp-back:before{content:"字幕精选";position:absolute;left:13px;right:13px;bottom:17px;padding:5px 6px;text-align:center;color:#fff8f4;background:rgba(53,28,41,.72);font-size:12px;letter-spacing:.12em}
    .stamp-line{position:absolute;left:18px;right:18px;top:32px;height:58px;border-top:1px solid rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.65)}
    .breadcrumb{padding:22px 0 0;color:var(--muted);font-size:13px}.breadcrumb a:hover{color:var(--plum)}
    .breadcrumb strong{color:var(--plum);font-weight:700}
    .section{padding:54px 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}
    .section-head h2{font-size:31px;line-height:1.25;margin:8px 0 0;letter-spacing:-.04em}
    .section-head p{max-width:650px;color:var(--muted);margin:8px 0 0;font-size:14px}
    .filter-bar{display:flex;align-items:center;gap:12px;padding:13px 15px;background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:28px;overflow-x:auto}
    .filter-label{font-size:13px;color:var(--muted);font-weight:700;white-space:nowrap}
    .tag{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:13px;background:var(--card);transition:.2s;white-space:nowrap}
    .tag:hover,.tag.selected{background:var(--plum);color:white;border-color:var(--plum)}
    .filter-control{border:1px solid var(--line);background:#FAF7F4;color:var(--muted);border-radius:9px;padding:7px 10px;font-size:13px;white-space:nowrap}
    .content-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:30px;align-items:start}
    .cover-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .cover-card,.side-panel,.timeline-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s}
    .cover-card:hover,.timeline-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#C79AA2}
    .cover-card.lead{grid-column:span 2;display:grid;grid-template-columns:1.08fr .92fr}
    .art{min-height:178px;position:relative;overflow:hidden;background:#6D4B58}
    .cover-card.lead .art{min-height:260px}
    .art:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,247,240,.48);border-radius:10px}
    .art:after{content:"中文字幕";position:absolute;left:22px;bottom:19px;color:#fff8f4;background:rgba(53,28,41,.78);padding:5px 9px;border-radius:5px;font-size:12px}
    .art.one{background:linear-gradient(135deg,#6b4554 15%,#c49596 55%,#3b2632)}
    .art.two{background:linear-gradient(150deg,#3c2b32,#9d7178 55%,#d6b5aa)}
    .art.three{background:linear-gradient(135deg,#bd9990,#654652 52%,#35252e)}
    .art.four{background:linear-gradient(145deg,#4b3540,#b67f82 60%,#d8beb1)}
    .card-body{padding:19px}.card-body h3{font-size:18px;line-height:1.4;margin:8px 0 7px}.card-body p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}
    .meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;margin-top:12px}
    .badge{display:inline-block;color:var(--plum);background:#F0E3E3;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:700}
    .bookmark{float:right;border:1px solid var(--line);background:#fffaf7;color:var(--plum);border-radius:8px;width:34px;height:34px;transition:.2s}.bookmark:hover{background:#F4E7E9}
    .side-panel{padding:20px;margin-bottom:20px}.side-panel h3{font-size:18px;margin:0 0 15px}
    .rank-list{list-style:none;padding:0;margin:0}.rank-list li{display:grid;grid-template-columns:27px 54px 1fr;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
    .rank-no{font-size:17px;font-weight:800;color:var(--plum)}.thumb{width:54px;height:46px;border-radius:7px;background:#9F747C}.rank-list strong{font-size:13px;line-height:1.4;display:block}.rank-list small{color:var(--muted);font-size:11px}
    .index-tags{display:flex;flex-wrap:wrap;gap:8px}
    .pagination{display:flex;justify-content:center;gap:8px;margin-top:35px}.page-no{width:42px;height:42px;border:1px solid var(--line);background:var(--card);border-radius:9px;color:var(--muted);display:grid;place-items:center;font-size:14px}.page-no:hover,.page-no.current{background:var(--plum);border-color:var(--plum);color:#fff}
    .faq-section{background:#EEE6DF}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.faq-layout h2{font-size:30px;line-height:1.3;margin:8px 0 12px}.faq-layout p{color:var(--muted);font-size:14px}
    .faq-item{border-top:1px solid var(--line)}.faq-question{width:100%;padding:18px 0;background:none;border:0;display:flex;justify-content:space-between;text-align:left;color:var(--ink);font-size:15px;font-weight:700}.faq-icon{font-size:21px;color:var(--plum);line-height:1}.faq-answer{display:none;color:var(--muted);font-size:14px;padding:0 35px 17px 0}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-icon{transform:rotate(45deg)}
    .cta{background:#E8DAD6;border:1px solid #D8C4C1;border-radius:20px;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin:0 0 6px;font-size:25px}.cta p{margin:0;color:var(--muted);font-size:14px}
    .site-footer{background:#292326;color:#EDE3E0;padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:35px}.footer-brand{font-weight:800;color:#fff8f4;font-size:18px}.footer-copy{color:#BCAFB0;font-size:13px;max-width:290px;margin-top:12px}.footer-title{font-size:13px;color:#fff8f4;font-weight:700;margin-bottom:14px}.footer-links{display:grid;gap:8px;color:#BCAFB0;font-size:13px}.footer-links a:hover{color:#F0C4C6}.footer-note{border-top:1px solid #4A3E42;margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#A99B9D;font-size:12px}
    @media(max-width:1024px){.nav-inner{gap:18px}.nav-links{gap:15px;margin-left:5px}.search{width:170px}.content-layout{grid-template-columns:1fr}.side-panel{margin-bottom:0}.hero-inner{gap:25px}}
    @media(max-width:768px){.site-header,.nav-inner{height:68px}.nav-inner{justify-content:space-between}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;margin:0;padding:12px 20px;background:var(--card);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px 4px;border-bottom:1px solid #eee4e0}.nav-actions{margin-left:auto}.search{width:42px;padding:0 11px}.search input{display:none}.nav-actions .btn{display:none}.mobile-toggle{display:block}.hero-inner{grid-template-columns:1fr}.hero-stamp{height:180px}.compact-hero{padding:48px 0 38px}.cover-card.lead{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr;gap:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-note{display:block}.footer-note span{display:block;margin-top:5px}}
    @media(max-width:520px){.container{width:min(100% - 32px,1180px)}.brand{font-size:13px}.brand-mark{width:30px;height:25px}.compact-hero h1{font-size:34px}.cover-grid{grid-template-columns:1fr}.cover-card.lead{grid-column:auto}.section{padding:42px 0}.section-head{display:block}.section-head h2{font-size:26px}.filter-bar{margin-left:-2px;margin-right:-2px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.cta{padding:24px 20px;display:block}.cta .btn{margin-top:18px;width:100%}.pagination{gap:5px}.page-no{width:40px;height:40px}}

/* roulang page: category2 */
:root{--plum:#4B2938;--plum-dark:#351C29;--paper:#F7F3EE;--card:#FFFDFC;--ink:#252223;--muted:#766C6B;--line:#DED5D0;--blush:#B9838C;--cream:#EEE5DD;--shadow:0 16px 42px rgba(75,41,56,.10);--radius:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:PingFang SC,"Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.75}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input{font:inherit}
button{cursor:pointer}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{height:78px;background:rgba(255,253,252,.96);border-bottom:1px solid #E8DFDB;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}
.nav-inner{height:78px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--plum);white-space:nowrap;letter-spacing:-.03em}
.brand-mark{width:34px;height:28px;border:2px solid var(--plum);border-radius:8px;position:relative;flex:0 0 auto}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:7px;right:7px;height:2px;background:var(--plum)}
.brand-mark:before{top:8px}.brand-mark:after{top:15px}
.nav-links{display:flex;align-items:center;gap:24px;margin-left:20px;flex:1}
.nav-links a{font-size:14px;color:#62595A;padding:26px 2px 22px;border-bottom:2px solid transparent;transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--plum);border-color:var(--plum)}
.nav-actions{display:flex;align-items:center;gap:10px}
.search{height:42px;width:205px;border:1px solid var(--line);background:#FAF7F4;border-radius:11px;display:flex;align-items:center;padding:0 12px;gap:8px;color:var(--muted)}
.search input{border:0;outline:0;background:transparent;width:100%;font-size:13px;color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:11px 18px;font-size:14px;font-weight:700;border:1px solid transparent;transition:.2s}
.btn-primary{background:var(--plum);color:#fffaf7}.btn-primary:hover{background:var(--plum-dark);transform:translateY(-2px)}
.btn-secondary{background:var(--card);color:var(--plum);border-color:var(--line)}.btn-secondary:hover{background:#F4E7E9;border-color:var(--blush)}
.btn:active{transform:translateY(0)}
.btn:focus-visible,.tag:focus-visible,.timeline-link:focus-visible,.mobile-toggle:focus-visible{outline:3px solid rgba(185,131,140,.45);outline-offset:3px}
.mobile-toggle{display:none;background:none;border:0;color:var(--plum);font-size:24px;padding:8px}
.page-hero{position:relative;overflow:hidden;padding:66px 0 54px;border-bottom:1px solid var(--line);background:#efe6df}
.page-hero:before{content:"";position:absolute;inset:0;opacity:.32;background-image:radial-gradient(rgba(75,41,56,.22) 1px,transparent 1px);background-size:17px 17px}
.page-hero:after{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(75,41,56,.14);border-radius:50%;right:-90px;top:-170px}
.hero-layout{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--plum);font-size:12px;font-weight:800;letter-spacing:.17em}
.eyebrow:before{content:"专题 02";border:1px solid rgba(75,41,56,.4);padding:3px 7px;border-radius:99px;font-size:10px;letter-spacing:.08em}
.page-hero h1{max-width:700px;margin:12px 0 14px;font-size:clamp(34px,4vw,52px);line-height:1.15;letter-spacing:-.055em;font-weight:800}
.page-hero p{max-width:680px;color:#665a5d;font-size:16px;margin:0}
.hero-data{display:flex;gap:24px;margin-top:25px;flex-wrap:wrap}
.hero-data div{border-left:2px solid var(--blush);padding-left:11px}
.hero-data strong{display:block;color:var(--plum);font-size:17px;line-height:1.2}.hero-data span{color:var(--muted);font-size:12px}
.cover-collage{min-height:295px;position:relative}
.cover-main,.cover-small{overflow:hidden;position:absolute;border:1px solid rgba(255,253,252,.85);box-shadow:0 18px 35px rgba(75,41,56,.18)}
.cover-main{width:260px;height:290px;right:56px;top:0;border-radius:18px;background:linear-gradient(150deg,#51333f 0%,#906873 48%,#d7b6ad 100%)}
.cover-main:before{content:"";position:absolute;inset:18px 18px 58px;border:1px solid rgba(255,255,255,.52);border-radius:11px;background:linear-gradient(145deg,rgba(29,20,23,.2),rgba(255,246,235,.18))}
.cover-main:after{content:"人妻专题\A中文字幕索引";white-space:pre;position:absolute;left:28px;bottom:21px;color:#fffaf7;letter-spacing:.12em;font-size:13px;font-weight:800;line-height:1.8}
.cover-small{width:135px;height:172px;left:25px;bottom:0;border-radius:14px;background:linear-gradient(165deg,#c7a6a2,#72515e 58%,#382430)}
.cover-small:after{content:"字幕\A标签";white-space:pre;position:absolute;left:17px;bottom:17px;color:#fffaf7;font-weight:800;font-size:13px;line-height:1.5}
.cover-strip{position:absolute;width:146px;height:62px;right:4px;bottom:18px;border-radius:10px;background:#fffaf7;border:1px solid var(--line);padding:10px 13px;color:var(--plum);font-size:12px;font-weight:800;line-height:1.35}
.cover-strip span{display:block;color:var(--muted);font-size:10px;font-weight:500}
.main-area{padding:28px 0 86px}
.breadcrumb{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:28px}.breadcrumb a:hover{color:var(--plum)}.breadcrumb b{color:var(--plum);font-weight:700}
.topic-cloud{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:22px 0 25px;border-bottom:1px solid var(--line)}
.cloud-label{font-size:13px;font-weight:800;color:var(--plum);padding:7px 4px 7px 0;margin-right:3px}
.tag{display:inline-flex;align-items:center;padding:7px 13px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:13px;background:var(--card);transition:.2s}
.tag:hover,.tag.selected{background:var(--plum);color:#fff;border-color:var(--plum)}
.tag.large{font-size:15px;padding:8px 16px}.tag.mini{font-size:11px;padding:5px 10px}
.editor-pick{margin:38px 0 48px;display:grid;grid-template-columns:112px 1fr 174px;align-items:stretch;overflow:hidden;border:1px solid var(--line);background:var(--card);border-radius:var(--radius);transition:.25s}
.editor-pick:hover{box-shadow:var(--shadow);border-color:#c79aa2}
.pick-number{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fffaf7;background:var(--plum);font-size:31px;font-weight:800;line-height:1}
.pick-number span{margin-top:8px;font-size:10px;letter-spacing:.14em}
.pick-content{padding:22px 28px}.pick-content small{color:var(--blush);font-size:12px;font-weight:800;letter-spacing:.1em}.pick-content h2{font-size:22px;line-height:1.35;margin:5px 0 5px}.pick-content p{font-size:14px;color:var(--muted);margin:0}
.pick-art{margin:14px;border-radius:12px;background:linear-gradient(135deg,#d9b8af,#85606a 58%,#4b2938);position:relative}.pick-art:after{content:"字幕\A专题";white-space:pre;position:absolute;left:17px;bottom:15px;color:#fffaf7;font-size:12px;line-height:1.55;font-weight:800}
.content-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.content-title h2{margin:0;font-size:30px;letter-spacing:-.04em;line-height:1.25}.content-title p{margin:5px 0 0;color:var(--muted);font-size:14px}.content-title .count{color:var(--plum);font-size:13px;font-weight:800;white-space:nowrap}
.timeline{position:relative;padding-left:148px}.timeline:before{content:"";position:absolute;left:106px;top:18px;bottom:15px;width:1px;background:#d1bebc}
.timeline-item{position:relative;display:grid;grid-template-columns:112px 1fr;gap:36px;padding-bottom:30px}.timeline-item:last-child{padding-bottom:0}
.timeline-date{position:absolute;left:-148px;top:17px;width:82px;text-align:right;color:var(--muted);font-size:12px;line-height:1.35}.timeline-date b{display:block;color:var(--plum);font-size:16px}
.timeline-dot{position:absolute;width:13px;height:13px;left:-48px;top:23px;background:var(--paper);border:3px solid var(--plum);border-radius:50%;z-index:1}
.timeline-image{height:128px;border-radius:15px;overflow:hidden;background:#87636c;position:relative}.timeline-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,242,232,.4),transparent 45%,rgba(38,23,30,.35))}.timeline-image.one{background:linear-gradient(135deg,#cdaaa4,#74525d 65%,#3d2632)}.timeline-image.two{background:linear-gradient(145deg,#e0c5ad,#9b7470 55%,#4a3038)}.timeline-image.three{background:linear-gradient(135deg,#b3a29e,#725562 55%,#392733)}.timeline-image:after{content:"中文字幕";position:absolute;bottom:11px;left:12px;font-size:10px;color:#fffaf7;border:1px solid rgba(255,255,255,.55);border-radius:99px;padding:3px 7px}
.timeline-card{padding:4px 0 0}.timeline-card h3{font-size:19px;line-height:1.35;margin:8px 0 5px}.timeline-card p{font-size:14px;color:var(--muted);margin:0 0 9px;max-width:620px}.meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px}.meta span:before{content:"·";padding-right:5px;color:var(--blush)}.meta span:first-child:before{display:none}.timeline-link{display:inline-flex;margin-top:11px;color:var(--plum);font-size:13px;font-weight:800;gap:6px;align-items:center}.timeline-link:hover{text-decoration:underline}.timeline-link:hover i{transform:translateX(4px)}.timeline-link i{font-style:normal;transition:.2s}
.collection-section{padding:84px 0 0}.collection-grid{display:grid;grid-template-columns:1fr 1.36fr .82fr;gap:18px;align-items:stretch}.collection-card{min-height:270px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;transition:.25s;background:var(--card)}.collection-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c79aa2}.collection-card.visual-a{background:linear-gradient(155deg,#dbb9b0,#9c7073 50%,#4d303d)}.collection-card.visual-b{background:linear-gradient(118deg,#59333f 0%,#9e7375 46%,#d8b69e 100%)}.collection-card.visual-c{background:#f0e5de;padding:26px;display:flex;flex-direction:column;justify-content:flex-end}.collection-card:before{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.38);border-radius:12px;pointer-events:none}.collection-card.visual-c:before{border-color:#d9c7c2}.collection-info{position:absolute;left:22px;right:22px;bottom:20px;color:#fffaf7}.collection-info small{font-size:11px;font-weight:800;letter-spacing:.1em}.collection-info h3{margin:5px 0 0;font-size:20px;line-height:1.3}.collection-info p{font-size:12px;margin:5px 0 0;color:#f5e9e6}.collection-card.visual-c .collection-info{position:relative;left:auto;right:auto;bottom:auto;color:var(--ink)}.collection-card.visual-c .collection-info h3{color:var(--plum)}.collection-card.visual-c .collection-info p{color:var(--muted)}.collection-card.visual-c .collection-info small{color:var(--blush)}
.mini-plans{margin-top:78px;padding:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;align-items:center}.mini-plans h2{font-size:27px;line-height:1.3;margin:8px 0}.mini-plans p{color:var(--muted);font-size:14px;margin:0}.plan-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-mini{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--card)}.plan-mini.feature{border-color:var(--plum);background:#f7edec}.plan-mini h3{font-size:15px;margin:0 0 5px;color:var(--plum)}.plan-mini p{font-size:12px;line-height:1.6;min-height:39px}.plan-mini a{display:inline-flex;font-size:12px;color:var(--plum);font-weight:800;margin-top:9px}.plan-mini a:hover{text-decoration:underline}
.cta{margin:82px 0 0;background:#e8dad6;border:1px solid #d8c4c1;border-radius:20px;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin:0 0 6px;font-size:25px;line-height:1.35}.cta p{margin:0;color:var(--muted);font-size:14px}
.site-footer{background:#292326;color:#EDE3E0;padding:58px 0 20px;margin-top:86px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:42px}.footer-brand{font-size:20px;font-weight:800;color:#fff8f4;margin-bottom:11px}.footer-copy{color:#c9bcba;font-size:13px;line-height:1.8;max-width:290px;margin:0}.footer-title{font-weight:800;font-size:14px;margin:3px 0 13px;color:#f6ebe7}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{font-size:13px;color:#c9bcba;transition:.2s}.footer-links a:hover{color:#fff8f4;text-decoration:underline}.footer-note{margin-top:42px;border-top:1px solid rgba(255,255,255,.12);padding-top:17px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#a99b9b;font-size:12px}
@media(max-width:1024px){.nav-inner{gap:16px}.nav-links{gap:15px;margin-left:4px}.search{width:150px}.hero-layout{gap:28px}.timeline{padding-left:125px}.timeline:before{left:89px}.timeline-date{left:-125px;width:68px}.timeline-dot{left:-42px}.mini-plans{grid-template-columns:1fr}.footer-grid{gap:25px}}
@media(max-width:768px){.site-header,.nav-inner{height:68px}.brand{font-size:14px}.nav-links,.search{display:none}.nav-actions{margin-left:auto}.nav-actions .btn{padding:9px 12px;font-size:13px}.mobile-toggle{display:block}.page-hero{padding:45px 0 38px}.hero-layout{grid-template-columns:1fr}.cover-collage{min-height:220px;max-width:420px;margin:auto;width:100%}.cover-main{height:215px;width:195px;right:20px}.cover-small{height:128px;width:105px;left:20px}.cover-strip{right:0;bottom:0}.main-area{padding-bottom:58px}.editor-pick{grid-template-columns:82px 1fr}.pick-number{font-size:25px}.pick-content{padding:18px}.pick-content h2{font-size:18px}.pick-art{display:none}.timeline{padding-left:108px}.timeline:before{left:75px}.timeline-date{left:-108px;width:56px;font-size:11px}.timeline-date b{font-size:14px}.timeline-dot{left:-39px}.timeline-item{grid-template-columns:100px 1fr;gap:19px}.timeline-image{height:115px}.collection-grid{grid-template-columns:1fr 1.25fr}.collection-card.visual-c{grid-column:1/-1;min-height:180px}.mini-plans{padding:25px 0}.plan-list{grid-template-columns:1fr 1fr}.plan-mini:last-child{grid-column:1/-1}.site-footer{margin-top:60px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-note{flex-direction:column;gap:6px}.cta{margin-top:58px;padding:26px;align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.container{width:min(100% - 32px,1180px)}.brand{max-width:180px;overflow:hidden}.nav-actions .btn{padding:9px 10px}.page-hero h1{font-size:32px}.page-hero p{font-size:14px}.hero-data{gap:15px}.breadcrumb{margin-bottom:20px}.topic-cloud{gap:7px}.tag{font-size:12px;padding:6px 10px}.tag.large{font-size:13px;padding:7px 12px}.editor-pick{margin:28px 0 38px;grid-template-columns:62px 1fr}.pick-number span{font-size:8px}.pick-content p{font-size:13px}.content-title{align-items:flex-start;flex-direction:column}.timeline{padding-left:27px}.timeline:before{left:6px}.timeline-item{display:block;padding-bottom:27px}.timeline-date{position:relative;left:auto;top:auto;width:auto;text-align:left;margin-bottom:10px;padding-left:17px}.timeline-date b{display:inline;margin-right:6px}.timeline-dot{left:-27px;top:17px;width:12px;height:12px}.timeline-image{height:180px;margin-bottom:12px}.timeline-card h3{font-size:18px}.collection-grid{grid-template-columns:1fr}.collection-card.visual-c{grid-column:auto}.collection-card{min-height:220px}.plan-list{grid-template-columns:1fr}.plan-mini:last-child{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.cta h2{font-size:22px}}