/* roulang page: index */
:root{
            --plum:#38233f;
            --plum-deep:#24182b;
            --plum-soft:#684d70;
            --coral:#ef866d;
            --coral-deep:#d96858;
            --cream:#f7f1eb;
            --paper:#fffaf6;
            --lavender:#eee6ee;
            --ink:#302637;
            --muted:#776c7d;
            --line:#dfd3df;
            --gold:#e1ae68;
            --success:#75a68a;
            --radius-sm:10px;
            --radius-md:16px;
            --radius-lg:24px;
            --shadow:0 16px 42px rgba(56,35,63,.10);
            --shadow-soft:0 8px 24px rgba(56,35,63,.07);
            --space:clamp(4rem,8vw,7rem);
        }
        *,*:before,*:after{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;
            background:var(--cream);
            color:var(--ink);
            font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;
            font-size:16px;
            line-height:1.78;
            overflow-x:hidden;
        }
        a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease,border .2s ease,transform .2s ease}
        a:hover{color:var(--coral-deep)}
        img{max-width:100%;height:auto;display:block}
        button,input,select,textarea{font:inherit}
        button{cursor:pointer}
        .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
        .eyebrow{
            display:inline-flex;align-items:center;gap:8px;
            color:var(--coral-deep);font-size:13px;font-weight:700;
            letter-spacing:.12em;margin-bottom:14px
        }
        .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
        h1,h2,h3,h4{margin:0;color:var(--plum-deep);line-height:1.22;font-weight:800}
        h1{font-size:clamp(2.35rem,5vw,4.25rem);letter-spacing:-.05em}
        h2{font-size:clamp(1.8rem,3.2vw,2.65rem);letter-spacing:-.035em}
        h3{font-size:1.2rem}
        p{margin:0;color:var(--muted)}
        .section{padding:var(--space) 0}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:32px}
        .section-head p{max-width:560px;font-size:15px}
        .topbar{background:var(--plum);color:#fff;border-bottom:3px solid var(--coral)}
        .topbar-inner{min-height:82px;display:flex;align-items:center;gap:28px}
        .brand{display:flex;align-items:center;gap:12px;min-width:280px;color:#fff}
        .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--coral);display:grid;place-items:center;color:var(--plum-deep);font-weight:900;font-size:18px}
        .brand-text{font-size:17px;font-weight:800;line-height:1.25;max-width:245px}
        .search-box{margin-left:auto;display:flex;align-items:center;gap:10px;background:#4b3353;border:1px solid #765c7b;border-radius:12px;padding:0 14px;width:min(270px,32vw);height:44px}
        .search-box span{color:#e8dce9;font-size:18px}
        .search-box input{width:100%;border:0;background:transparent;color:#fff;outline:0;box-shadow:none;margin:0;padding:0}
        .search-box input::placeholder{color:#cdbfd0}
        .nav-cta,.primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:11px;background:var(--coral);color:var(--plum-deep);font-weight:800;border:1px solid var(--coral)}
        .nav-cta:hover,.primary-btn:hover{background:#f49b82;color:var(--plum-deep);transform:translateY(-2px)}
        .nav-cta:active,.primary-btn:active{transform:translateY(0);background:var(--coral-deep)}
        .nav-cta:focus,.primary-btn:focus,.secondary-btn:focus,.channel:focus,.filter-pill:focus,input:focus,select:focus,textarea:focus,.accordion-title:focus{outline:3px solid rgba(239,134,109,.45);outline-offset:3px}
        .channelbar{background:var(--paper);border-bottom:1px solid var(--line)}
        .channels{display:flex;gap:10px;align-items:center;min-height:58px;overflow-x:auto;scrollbar-width:none}
        .channels::-webkit-scrollbar{display:none}
        .channel{flex:0 0 auto;padding:8px 17px;border-radius:999px;color:var(--muted);font-size:14px;white-space:nowrap}
        .channel:hover{background:var(--lavender);color:var(--plum)}
        .channel.active{background:var(--plum);color:#fff;box-shadow:0 4px 10px rgba(56,35,63,.15)}
        .hero{padding:clamp(4.8rem,9vw,8rem) 0 5rem;position:relative;background:var(--cream)}
        .hero:after{content:"";position:absolute;right:-160px;top:30px;width:410px;height:410px;border:1px solid rgba(104,77,112,.18);border-radius:50%;pointer-events:none}
        .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
        .hero-copy{position:relative;z-index:1}
        .hero h1{max-width:690px}
        .hero-intro{max-width:630px;font-size:17px;margin:25px 0 30px}
        .hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:28px}
        .secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid var(--plum-soft);border-radius:11px;color:var(--plum);font-weight:700;background:transparent}
        .secondary-btn:hover{background:var(--lavender);color:var(--plum);transform:translateY(-2px)}
        .hero-notes{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:13px}
        .hero-notes b{color:var(--plum);font-size:18px;margin-right:5px}
        .preview{background:var(--plum);color:#fff;border-radius:var(--radius-lg);padding:25px;box-shadow:var(--shadow);position:relative;overflow:hidden}
        .preview:before{content:"01 / BROWSE";display:block;color:#cdb5cf;font-size:11px;letter-spacing:.16em;margin-bottom:24px}
        .preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
        .status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#f5c2b4}
        .status i,.metric i{width:7px;height:7px;background:var(--coral);border-radius:50%;display:inline-block}
        .preview-date{color:#cbbdce;font-size:12px}
        .cover-placeholder{height:174px;border-radius:14px;background:linear-gradient(135deg,#795e80,#493151 55%,#e98a72);position:relative;overflow:hidden;margin-bottom:20px}
        .cover-placeholder:after{content:"日韩 / 亚洲";position:absolute;left:20px;bottom:17px;color:#fff;font-weight:800;font-size:22px;letter-spacing:.06em}
        .preview h3{color:#fff;margin-bottom:8px;font-size:21px}
        .preview p{color:#d6c9d8;font-size:13px}
        .tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
        .tag{display:inline-flex;align-items:center;padding:5px 10px;border-radius:7px;background:var(--lavender);color:var(--plum);font-size:12px;font-weight:700}
        .tag.coral{background:#f6b29f;color:var(--plum-deep)}
        .preview-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.16);margin-top:20px;padding-top:16px;color:#d6c9d8;font-size:12px}
        .preview-foot strong{color:#fff;font-size:16px}
        .dashboard{background:var(--plum-deep);padding:26px 0}
        .metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden}
        .metric{padding:22px 20px;background:var(--plum-deep);min-height:126px}
        .metric strong{display:block;color:#fff;font-size:32px;line-height:1.1;margin:10px 0 5px;letter-spacing:-.04em}
        .metric span{display:block;color:#bcaebe;font-size:13px}
        .metric small{display:block;color:#8f7c92;font-size:11px;margin-top:7px}
        .matrix{background:var(--paper)}
        .matrix-layout{display:grid;grid-template-columns:4fr 8fr;gap:24px;align-items:start}
        .feature-card{background:var(--plum);border-radius:var(--radius-lg);padding:28px;color:#fff;min-height:410px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}
        .feature-card h3{color:#fff;font-size:26px;margin:16px 0 10px}
        .feature-card p{color:#d7c9d9;font-size:14px}
        .feature-cover{height:150px;border-radius:14px;background:linear-gradient(145deg,#d57769,#593d61 58%,#30213a);position:relative;overflow:hidden}
        .feature-cover:before{content:"精选入口";position:absolute;right:18px;top:16px;color:#fff;border:1px solid rgba(255,255,255,.5);padding:4px 8px;border-radius:6px;font-size:11px}
        .feature-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:25px}
        .feature-bottom a{color:#ffc0ad;font-weight:700;font-size:14px}
        .filter-panel{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);padding:22px;margin-bottom:18px}
        .filter-panel h4{font-size:15px;margin-bottom:14px}
        .filter-group{display:flex;flex-wrap:wrap;gap:8px}
        .filter-pill{border:1px solid var(--line);background:var(--paper);color:var(--muted);padding:7px 12px;border-radius:999px;font-size:12px;transition:.2s}
        .filter-pill:hover,.filter-pill.selected{background:var(--coral);border-color:var(--coral);color:var(--plum-deep)}
        .filter-note{font-size:12px;color:var(--muted);margin-top:18px;padding-top:15px;border-top:1px dashed var(--line)}
        .content-list{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}
        .content-row{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);transition:.2s}
        .content-row:last-child{border-bottom:0}
        .content-row:hover{background:#fff1eb;transform:translateX(3px)}
        .content-no{font-size:13px;color:var(--coral-deep);font-weight:800}
        .content-main h4{font-size:17px;margin-bottom:5px}
        .content-main p{font-size:13px;line-height:1.55}
        .content-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:7px}
        .content-meta span{font-size:11px;color:var(--muted)}
        .row-link{color:var(--plum);font-size:13px;font-weight:800;white-space:nowrap}
        .row-link:hover{color:var(--coral-deep)}
        .compare{background:var(--cream)}
        .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
        .compare-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;min-height:295px;background:#eee6ee}
        .compare-card.dark{background:var(--plum);border-color:var(--plum);color:#fff}
        .compare-card h3{margin:13px 0 20px}
        .dark h3{color:#fff}
        .compare-label{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.08em}
        .dark .compare-label{color:#e8cddf}
        .path{display:grid;gap:12px}
        .path-item{display:flex;align-items:center;gap:12px;font-size:14px}
        .path-item b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#d9ccd9;color:var(--plum);font-size:12px}
        .dark .path-item b{background:var(--coral);color:var(--plum-deep)}
        .path-item span{color:var(--muted)}
        .dark .path-item span{color:#e5d9e5}
        .faq-section{background:var(--paper)}
        .faq-layout{display:grid;grid-template-columns:3fr 9fr;gap:42px}
        .faq-index{border-left:3px solid var(--coral);padding-left:20px}
        .faq-index p{font-size:14px;margin-top:13px}
        .accordion{margin:0;background:transparent;border:0}
        .accordion-item{border:0;border-bottom:1px solid var(--line)}
        .accordion-title{display:flex;justify-content:space-between;align-items:center;padding:21px 4px;color:var(--plum);font-size:16px;font-weight:700;border:0;background:transparent}
        .accordion-title:before{display:none}
        .accordion-title:after{content:"+";font-size:23px;color:var(--coral-deep);font-weight:400}
        .is-active>.accordion-title{color:var(--coral-deep)}
        .is-active>.accordion-title:after{content:"−"}
        .accordion-content{padding:0 34px 20px 4px;background:transparent;border:0;color:var(--muted);font-size:14px;line-height:1.85}
        .cta-section{padding:var(--space) 0}
        .cta-panel{background:var(--plum);border-radius:var(--radius-lg);padding:clamp(28px,5vw,54px);display:grid;grid-template-columns:5fr 7fr;gap:45px;color:#fff;box-shadow:var(--shadow)}
        .cta-panel h2{color:#fff;margin-bottom:14px}
        .cta-panel p{color:#d8c9da;font-size:14px}
        .cta-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
        .cta-points span{font-size:12px;color:#f3d5cc;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 11px}
        .preference-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}
        .preference-form label{display:block;color:#f7eaf7;font-size:13px;font-weight:700}
        .preference-form input,.preference-form select,.preference-form textarea{width:100%;margin:7px 0 0;background:#fffaf6;border:1px solid #d8c8da;color:var(--ink);border-radius:9px;padding:11px 13px;min-height:45px;box-shadow:none}
        .preference-form textarea{min-height:92px;resize:vertical}
        .preference-form input::placeholder,.preference-form textarea::placeholder{color:#a99baa}
        .form-wide{grid-column:1/-1}
        .form-help{grid-column:1/-1;color:#cdbbce;font-size:11px;line-height:1.6}
        .form-submit{grid-column:1/-1;display:flex;align-items:center;gap:15px;flex-wrap:wrap}
        .form-submit button{border:0}
        .form-status{display:none;font-size:12px;color:#b6e0c4}
        .form-status.show{display:inline-block}
        .site-footer{background:var(--plum-deep);color:#d8c9da;padding:54px 0 22px}
        .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.14)}
        .footer-brand{color:#fff;font-weight:800;font-size:18px;line-height:1.4;max-width:300px}
        .footer-intro{font-size:13px;color:#aa98ad;max-width:320px;margin-top:14px}
        .footer-title{color:#fff;font-size:14px;margin-bottom:14px}
        .footer-links{display:grid;gap:9px;font-size:13px}
        .footer-links a{color:#bdadbf}
        .footer-links a:hover{color:#f3a08d}
        .copyright{display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:#8f7c92;font-size:12px}
        .reveal{animation:rise .65s ease both}
        @keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
        @media(max-width:1024px){
            .hero-grid{gap:35px}
            .metrics{grid-template-columns:repeat(3,1fr)}
            .metric:nth-child(4),.metric:nth-child(5){border-top:1px solid rgba(255,255,255,.14)}
            .matrix-layout{grid-template-columns:5fr 7fr}
        }
        @media(max-width:768px){
            .container{width:min(100% - 28px,620px)}
            .topbar-inner{min-height:72px;gap:12px}
            .brand{min-width:0;flex:1}
            .brand-text{font-size:14px}
            .brand-mark{width:34px;height:34px;flex:0 0 34px}
            .search-box{width:44px;padding:0;justify-content:center;border:0;background:transparent}
            .search-box input{display:none}
            .search-box span{font-size:21px}
            .nav-cta{display:none}
            .hero{padding:4.5rem 0 4rem}
            .hero-grid,.matrix-layout,.faq-layout,.cta-panel{grid-template-columns:1fr}
            .hero-grid{gap:38px}
            .hero h1{font-size:clamp(2.2rem,10vw,3.2rem)}
            .hero-intro{font-size:16px}
            .preview{max-width:560px}
            .metrics{grid-template-columns:repeat(2,1fr)}
            .metric{min-height:116px}
            .section-head{display:block}
            .section-head p{margin-top:14px}
            .feature-card{min-height:350px}
            .faq-layout{gap:25px}
            .cta-panel{gap:30px}
            .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
            .footer-grid>div:first-child{grid-column:1/-1}
            .copyright{display:block}
            .copyright span{display:block;margin-top:8px}
        }
        @media(max-width:520px){
            .container{width:calc(100% - 24px)}
            .brand-text{max-width:170px}
            .channels{min-height:54px}
            .channel{padding:7px 13px}
            .hero-actions{display:grid;grid-template-columns:1fr}
            .hero-actions a{width:100%}
            .hero-notes{gap:12px}
            .metrics{gap:1px}
            .metric{padding:17px 13px}
            .metric strong{font-size:27px}
            .content-row{grid-template-columns:34px 1fr;gap:10px;padding:16px 14px}
            .row-link{grid-column:2;justify-self:start;margin-top:2px}
            .compare-grid{grid-template-columns:1fr}
            .compare-card{padding:24px;min-height:250px}
            .preference-form{grid-template-columns:1fr}
            .form-wide,.form-help,.form-submit{grid-column:1}
            .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;animation:none!important}
        }

/* roulang page: category1 */
:root{
      --plum:#38233f;
      --plum-deep:#24182b;
      --plum-soft:#684d70;
      --coral:#ef866d;
      --coral-deep:#d96858;
      --cream:#f7f1eb;
      --paper:#fffaf6;
      --lavender:#eee6ee;
      --ink:#302637;
      --muted:#776c7d;
      --line:#dfd3df;
      --gold:#e1ae68;
      --success:#75a68a;
      --radius-sm:10px;
      --radius-md:16px;
      --radius-lg:24px;
      --shadow:0 16px 42px rgba(56,35,63,.10);
      --shadow-soft:0 8px 24px rgba(56,35,63,.07);
      --space:clamp(4rem,8vw,7rem);
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.78;overflow-x:hidden}
    h1,h2,h3,h4,p{margin-top:0}
    h1,h2,h3,h4{color:var(--plum);line-height:1.3;font-weight:800}
    h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.04em;margin-bottom:18px}
    h2{font-size:clamp(27px,3.3vw,38px);margin-bottom:12px}
    h3{font-size:21px;margin-bottom:9px}
    h4{font-size:17px;margin-bottom:5px}
    p{color:var(--muted)}
    a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease,border .2s ease,transform .2s ease}
    a:hover{color:var(--coral-deep)}
    img{max-width:100%;height:auto;display:block}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .topbar{background:var(--plum);color:#fff;border-bottom:3px solid var(--coral)}
    .topbar-inner{min-height:82px;display:flex;align-items:center;gap:28px}
    .brand{display:flex;align-items:center;gap:12px;min-width:280px;color:#fff}
    .brand:hover{color:#fff}
    .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--coral);display:grid;place-items:center;color:var(--plum-deep);font-weight:900;font-size:18px}
    .brand-text{font-size:17px;font-weight:800;line-height:1.25;max-width:245px}
    .search-box{margin-left:auto;display:flex;align-items:center;gap:10px;background:#4b3353;border:1px solid #765c7b;border-radius:12px;padding:0 14px;width:min(270px,32vw);height:44px}
    .search-box span{color:#e8dce9;font-size:18px}
    .search-box input{width:100%;border:0;background:transparent;color:#fff;outline:0;box-shadow:none;margin:0;padding:0}
    .search-box input::placeholder{color:#cdbfd0}
    .nav-cta,.primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:11px;background:var(--coral);color:var(--plum-deep);font-weight:800;border:1px solid var(--coral)}
    .nav-cta:hover,.primary-btn:hover{background:#f49b82;color:var(--plum-deep);transform:translateY(-2px)}
    .nav-cta:active,.primary-btn:active{transform:translateY(0);background:var(--coral-deep)}
    .channelbar{background:var(--paper);border-bottom:1px solid var(--line)}
    .channels{display:flex;align-items:center;gap:8px;min-height:58px;overflow-x:auto;scrollbar-width:none}
    .channels::-webkit-scrollbar{display:none}
    .channel{white-space:nowrap;padding:8px 16px;border:1px solid transparent;border-radius:999px;color:var(--muted);font-size:14px;font-weight:700}
    .channel:hover{background:var(--lavender);color:var(--plum)}
    .channel.active,.channel[aria-current="page"]{background:var(--plum);color:#fff;border-color:var(--plum)}
    .nav-cta:focus,.primary-btn:focus,.secondary-btn:focus,.channel:focus,.filter-pill:focus,input:focus,select:focus,textarea:focus,.accordion-title:focus{outline:3px solid rgba(239,134,109,.45);outline-offset:3px}
    .section{padding:var(--space) 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-deep);font-size:13px;font-weight:700;letter-spacing:.12em;margin-bottom:14px}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
    .page-head{padding:clamp(3.8rem,7vw,6rem) 0 3.2rem;background:var(--cream)}
    .breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:28px}
    .breadcrumb a{text-decoration:underline;text-underline-offset:3px}
    .head-layout{display:flex;align-items:end;justify-content:space-between;gap:42px}
    .head-copy{max-width:720px}
    .head-copy p{font-size:17px;max-width:680px;margin-bottom:0}
    .status-board{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;max-width:380px}
    .status-item{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 15px;min-width:112px}
    .status-item small{display:block;color:var(--muted);font-size:11px}
    .status-item strong{display:block;color:var(--plum);font-size:20px;line-height:1.3}
    .status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);margin-right:5px}
    .browse-section{padding:0 0 var(--space)}
    .browse-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
    .filter-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;position:sticky;top:20px}
    .filter-panel h3{font-size:19px;padding-bottom:16px;border-bottom:1px solid var(--line)}
    .filter-group{padding:18px 0;border-bottom:1px solid var(--line)}
    .filter-group:last-of-type{border-bottom:0}
    .filter-label{display:block;color:var(--plum);font-weight:800;font-size:13px;margin-bottom:10px}
    .filter-options{display:flex;flex-wrap:wrap;gap:8px}
    .filter-pill{border:1px solid var(--line);background:var(--paper);color:var(--muted);padding:7px 12px;border-radius:999px;font-size:12px;transition:.2s}
    .filter-pill:hover,.filter-pill.selected{background:var(--coral);border-color:var(--coral);color:var(--plum-deep)}
    .filter-note{font-size:12px;line-height:1.6;margin:16px 0 0}
    .result-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px}
    .result-head h2{font-size:25px;margin:0}
    .sort-select{height:42px;background:var(--paper);border:1px solid var(--line);border-radius:10px;color:var(--plum);padding:0 32px 0 12px;font-size:13px}
    .featured-result{display:grid;grid-template-columns:260px 1fr;gap:25px;background:var(--plum);color:#fff;border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}
    .thumb{background:#d8c3bd;position:relative;overflow:hidden}
    .thumb:after{content:"内容预览";position:absolute;left:14px;bottom:13px;color:#fff;background:rgba(36,24,43,.72);border-radius:6px;padding:4px 8px;font-size:11px}
    .thumb-wide{min-height:205px;border-radius:14px;background:linear-gradient(135deg,#b87572,#5e4465 65%,#30223a)}
    .thumb-small{height:126px;border-radius:12px;background:linear-gradient(135deg,#d59a79,#6b4c6d)}
    .featured-result h3{color:#fff;font-size:25px;margin:13px 0 8px}
    .featured-result p{color:#dacddd;font-size:14px;max-width:560px}
    .result-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}
    .tag{display:inline-flex;align-items:center;padding:5px 10px;border-radius:7px;background:var(--lavender);color:var(--plum);font-size:12px;font-weight:700}
    .tag.coral{background:#f6b29f;color:var(--plum-deep)}
    .featured-result .tag{background:#59405f;color:#f5dfe0}
    .featured-result .tag.coral{background:var(--coral);color:var(--plum-deep)}
    .entry-link{display:inline-flex;align-items:center;color:var(--coral);font-size:14px;font-weight:800;margin-top:7px}
    .entry-link:hover{color:#ffc0ad;transform:translateX(3px)}
    .result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .result-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;display:grid;grid-template-columns:120px 1fr;gap:16px;transition:.2s}
    .result-card:hover{border-color:var(--coral);transform:translateY(-3px);box-shadow:var(--shadow-soft)}
    .result-card h3{font-size:18px;margin:4px 0}
    .result-card p{font-size:13px;line-height:1.55;margin-bottom:5px}
    .result-card .result-meta{margin:6px 0}
    .result-card .tag{font-size:11px;padding:4px 8px}
    .time{font-size:11px;color:var(--muted)}
    .data-band{margin-top:30px;background:var(--lavender);border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:repeat(4,1fr);padding:18px 5px}
    .data-cell{text-align:center;border-right:1px solid var(--line);padding:4px 12px}
    .data-cell:last-child{border:0}
    .data-cell strong{display:block;color:var(--plum);font-size:27px;line-height:1.25}
    .data-cell span{font-size:12px;color:var(--muted)}
    .pager{display:flex;justify-content:center;gap:8px;margin:30px 0 0}
    .page-number{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--plum);background:var(--paper);font-weight:700}
    .page-number:hover,.page-number.selected{background:var(--plum);color:#fff;border-color:var(--plum)}
    .related{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}
    .section-head p{max-width:560px;font-size:15px;margin-bottom:0}
    .related-track{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin}
    .related-card{flex:0 0 270px;border:1px solid var(--line);border-radius:16px;padding:19px;background:var(--cream);transition:.2s}
    .related-card:hover{transform:translateY(-3px);border-color:var(--coral);box-shadow:var(--shadow-soft)}
    .related-card .index{color:var(--coral-deep);font-size:12px;font-weight:800}
    .related-card h3{font-size:19px;margin:13px 0 5px}
    .related-card p{font-size:13px;line-height:1.6;margin-bottom:14px}
    .mini-arrow{color:var(--plum);font-weight:800;font-size:13px}
    .faq-section{padding-bottom:var(--space)}
    .faq-layout{display:grid;grid-template-columns:250px 1fr;gap:50px}
    .faq-index{color:var(--muted);font-size:14px}
    .faq-index strong{display:block;color:var(--plum);font-size:34px;line-height:1;margin-bottom:11px}
    .accordion{margin:0;background:transparent}
    .accordion-item{border:0;border-bottom:1px solid var(--line);background:transparent}
    .accordion-title{padding:20px 44px 20px 0;color:var(--plum);font-size:17px;font-weight:800;border:0;position:relative}
    .accordion-title:hover{color:var(--coral-deep)}
    .accordion-title:before{right:7px;color:var(--coral-deep);font-weight:400}
    .accordion-content{border:0;background:var(--paper);border-radius:10px;padding:16px 20px;margin-bottom:10px;color:var(--muted);font-size:14px}
    .mini-cta{background:var(--plum-deep);color:#fff;border-radius:var(--radius-lg);padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:var(--space)}
    .mini-cta h2{color:#fff;font-size:27px;margin-bottom:8px}
    .mini-cta p{color:#d8cbd9;margin:0;font-size:14px}
    .site-footer{background:var(--plum-deep);color:#fff;padding:55px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}
    .footer-brand{font-size:20px;color:#fff;font-weight:800}
    .footer-intro{color:#cdbed0;max-width:340px;font-size:14px;margin-top:15px}
    .footer-title{font-size:14px;color:#fff;margin-bottom:15px}
    .footer-links{display:flex;flex-direction:column;gap:8px}
    .footer-links a{color:#cdbed0;font-size:13px}
    .footer-links a:hover{color:var(--coral)}
    .copyright{border-top:1px solid #49334f;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#a99aaa;font-size:12px}
    @media(max-width:900px){
      .brand{min-width:0}.brand-text{max-width:190px;font-size:15px}
      .topbar-inner{gap:15px}.search-box{width:220px}
      .head-layout{display:block}.status-board{justify-content:flex-start;margin-top:25px}
      .browse-layout{grid-template-columns:230px minmax(0,1fr);gap:18px}
      .featured-result{grid-template-columns:190px 1fr}
      .result-grid{grid-template-columns:1fr}
      .faq-layout{grid-template-columns:190px 1fr;gap:25px}
    }
    @media(max-width:700px){
      .container{width:min(100% - 28px,560px)}
      .topbar-inner{min-height:72px;flex-wrap:wrap;padding:12px 0}
      .brand{flex:1}.brand-text{max-width:180px}
      .search-box{order:3;width:100%;height:40px;margin:0}
      .nav-cta{padding:0 13px;min-height:40px;font-size:13px}
      .channelbar{position:relative}.channels{min-height:54px;gap:3px}
      .channel{padding:7px 12px;font-size:13px}
      .page-head{padding-top:40px}.head-copy p{font-size:15px}
      .status-item{flex:1;min-width:100px}
      .browse-layout{display:block}
      .filter-panel{position:static;margin-bottom:22px}
      .filter-panel h3{margin-bottom:0}
      .featured-result{grid-template-columns:1fr;padding:16px}
      .thumb-wide{min-height:170px}
      .result-card{grid-template-columns:105px 1fr;gap:12px}
      .thumb-small{height:112px}
      .data-band{grid-template-columns:1fr 1fr;gap:14px;padding:15px}
      .data-cell{border-right:0;border-bottom:1px solid var(--line);padding:8px}
      .data-cell:nth-child(3),.data-cell:nth-child(4){border-bottom:0}
      .faq-layout{display:block}.faq-index{margin-bottom:24px}
      .mini-cta{display:block;padding:28px 22px}.mini-cta .primary-btn{margin-top:20px;width:100%}
      .footer-grid{grid-template-columns:1fr;gap:28px}.copyright{display:block}.copyright span{display:block;margin-bottom:6px}
    }
    @media(max-width:460px){
      h1{font-size:32px}.status-board{display:grid;grid-template-columns:1fr 1fr}
      .result-head{align-items:flex-start;display:block}.sort-select{margin-top:12px;width:100%}
      .result-card{grid-template-columns:1fr}.thumb-small{height:150px}
    }