/* roulang page: index */
:root{
      --ink:#251722;
      --ink-soft:#594653;
      --plum:#54213f;
      --plum-deep:#2d1328;
      --plum-pale:#f2e9ee;
      --orange:#df7051;
      --orange-pale:#fff0e9;
      --paper:#f7f4f0;
      --surface:#fffdfb;
      --line:#e5d9db;
      --muted:#82737a;
      --success:#59806e;
      --shadow:0 18px 45px rgba(54,25,43,.09);
      --shadow-lg:0 25px 60px rgba(48,20,39,.15);
      --radius:18px;
      --radius-sm:12px;
      --container:1216px;
    }
    *{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",Arial,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;height:auto}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:3px solid rgba(223,112,81,.5);outline-offset:3px}
    .site-container{width:min(calc(100% - 40px),var(--container));margin:auto}
    .section{padding:82px 0;position:relative}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--plum);font-size:.76rem;font-weight:800;letter-spacing:.11em}
    .eyebrow::before{content:"";width:26px;height:2px;background:var(--orange)}
    .section-heading{max-width:700px;margin-bottom:34px}
    .section-heading h2{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.25;letter-spacing:-.04em;margin:10px 0 12px;font-weight:850;color:var(--plum-deep)}
    .section-heading p{margin:0;color:var(--ink-soft);max-width:650px}
    .btn-brand,.btn-outline-brand,.btn-soft{min-height:46px;border-radius:999px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:.93rem;font-weight:800;transition:.22s ease;border:1px solid transparent}
    .btn-brand{background:var(--plum);color:#fff;box-shadow:0 8px 18px rgba(84,33,63,.18)}
    .btn-brand:hover{background:#69294f;color:#fff;transform:translateY(-2px);box-shadow:0 12px 22px rgba(84,33,63,.23)}
    .btn-brand:active{transform:translateY(0);background:var(--plum-deep)}
    .btn-outline-brand{border-color:var(--line);background:var(--surface);color:var(--plum)}
    .btn-outline-brand:hover{border-color:var(--plum);background:var(--plum-pale);color:var(--plum);transform:translateY(-2px)}
    .btn-soft{background:var(--orange-pale);color:#a3432c}
    .btn-soft:hover{background:var(--orange);color:#fff;transform:translateY(-2px)}
    .site-header{position:absolute;z-index:20;top:20px;left:0;width:100%}
    .nav-pill{min-height:68px;border:1px solid rgba(229,217,219,.95);border-radius:999px;background:rgba(255,253,251,.94);box-shadow:0 10px 30px rgba(48,20,39,.1);padding:8px 12px 8px 19px;backdrop-filter:blur(12px)}
    .navbar-brand{font-size:1rem;font-weight:900;color:var(--plum)!important;letter-spacing:-.04em;white-space:nowrap}
    .brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:8px;border-radius:9px;background:var(--plum);color:#fff;font-size:.8rem}
    .navbar-toggler{width:44px;height:44px;border:1px solid var(--line)!important;border-radius:50%;background:var(--plum-pale);box-shadow:none!important}
    .navbar-toggler-icon{width:1.15em;height:1.15em}
    .navbar-nav{gap:5px}
    .nav-link{padding:8px 13px!important;border-radius:999px;color:var(--ink-soft)!important;font-size:.88rem;font-weight:750;transition:.2s}
    .nav-link:hover,.nav-link.active{color:var(--plum)!important;background:var(--plum-pale)}
    .nav-link.active{box-shadow:inset 0 -2px 0 var(--orange)}
    .nav-search{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:var(--plum);background:var(--orange-pale);transition:.2s}
    .nav-search:hover{background:var(--orange);color:#fff;transform:rotate(-8deg)}
    .hero{padding:146px 0 74px;background-color:#eee7e2;background-image:linear-gradient(rgba(84,33,63,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(84,33,63,.045) 1px,transparent 1px);background-size:30px 30px;overflow:hidden}
    .hero-stage{position:relative;min-height:510px;border:1px solid rgba(84,33,63,.11);border-radius:28px;background:var(--surface);box-shadow:var(--shadow-lg);padding:clamp(28px,5vw,62px);overflow:hidden}
    .hero-stage::before{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(223,112,81,.25);border-radius:50%;right:-120px;top:-220px;box-shadow:0 0 0 35px rgba(223,112,81,.045),0 0 0 70px rgba(84,33,63,.025)}
    .hero-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,var(--plum) 0 63%,var(--orange) 63% 78%,#e9dce2 78%)}
    .hero-copy{position:relative;z-index:1;max-width:730px}
    .launch-chip{display:inline-flex;gap:8px;align-items:center;border:1px solid #ead8d4;padding:6px 11px 6px 7px;background:#fff7f3;border-radius:999px;color:#913d2c;font-size:.78rem;font-weight:800}
    .pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(223,112,81,.14)}
    h1{font-size:clamp(2.35rem,5.2vw,4.8rem);line-height:1.08;letter-spacing:-.07em;font-weight:900;margin:22px 0;color:var(--plum-deep);max-width:760px}
    .hero-copy>p{max-width:700px;color:var(--ink-soft);font-size:1.05rem;line-height:1.85;margin-bottom:28px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero-bottom{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-top:46px;padding-top:24px;border-top:1px solid var(--line)}
    .hero-points{display:flex;gap:8px;align-items:center}
    .hero-points span{width:32px;height:5px;border-radius:9px;background:#e8dce0}
    .hero-points span.active{width:64px;background:var(--orange)}
    .countdown{display:flex;gap:8px}
    .count-unit{min-width:53px;padding:7px 8px 5px;border:1px solid var(--line);border-radius:10px;text-align:center;background:#fff}
    .count-unit b{display:block;font-size:1.18rem;line-height:1.1;color:var(--plum);font-variant-numeric:tabular-nums}
    .count-unit small{font-size:.65rem;color:var(--muted)}
    .metrics{padding:0 0 50px;margin-top:-24px;position:relative;z-index:3}
    .metrics-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr 1.1fr;gap:12px}
    .metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:19px 19px 15px;box-shadow:0 10px 22px rgba(54,25,43,.06);position:relative;overflow:hidden;transition:.22s}
    .metric-card:hover{transform:translateY(-3px);border-color:#cfa8bb;box-shadow:var(--shadow)}
    .metric-card:nth-child(2){border-top:4px solid var(--orange)}
    .metric-card:nth-child(3){border-top:4px solid var(--plum)}
    .metric-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.78rem;font-weight:700}
    .metric-label i{display:block;width:8px;height:8px;border-radius:50%;background:var(--success)}
    .metric-value{font-size:1.72rem;font-weight:900;line-height:1.2;margin:10px 0 7px;color:var(--plum-deep);font-variant-numeric:tabular-nums}
    .metric-line{height:4px;border-radius:10px;background:#eee7e7;overflow:hidden}
    .metric-line span{display:block;height:100%;border-radius:inherit;background:var(--orange)}
    .matrix{background:#fbf8f5;border-top:1px solid rgba(229,217,219,.6);border-bottom:1px solid rgba(229,217,219,.6)}
    .matrix-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:16px}
    .matrix-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:25px;min-height:220px;position:relative;overflow:hidden;transition:.25s}
    .matrix-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cba6b8}
    .matrix-main{grid-row:span 2;background:var(--plum-deep);color:#fff;min-height:456px}
    .matrix-main::after{content:"01";position:absolute;right:20px;bottom:-26px;color:rgba(255,255,255,.07);font-size:10rem;font-weight:900;line-height:1}
    .matrix-main h3{font-size:1.85rem;line-height:1.25;margin:49px 0 13px;position:relative;z-index:1}
    .matrix-main p{color:#decbd5;position:relative;z-index:1;max-width:355px}
    .matrix-card h3{font-size:1.23rem;font-weight:850;margin:38px 0 8px;color:inherit}
    .matrix-card p{margin:0;font-size:.9rem;color:var(--ink-soft)}
    .matrix-main p{color:#decbd5}
    .index-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--orange-pale);color:var(--orange);font-weight:900;font-size:1.1rem}
    .matrix-main .index-icon{background:rgba(255,255,255,.12);color:#ffb29b}
    .matrix-tags{position:relative;z-index:1;display:flex;gap:7px;flex-wrap:wrap;margin-top:27px}
    .tag{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#f2e9ee;color:var(--plum);font-size:.72rem;font-weight:800}
    .matrix-main .tag{background:rgba(255,255,255,.11);color:#fff}
    .matrix-link{display:inline-flex;align-items:center;gap:7px;margin-top:21px;color:var(--plum);font-size:.86rem;font-weight:800}
    .matrix-main .matrix-link{color:#ffb59e}
    .matrix-wide{grid-column:2 / 4;min-height:220px;background:#fff5ef;display:flex;align-items:center;gap:24px}
    .matrix-wide .number-strip{flex:0 0 88px;height:114px;border-radius:14px;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900}
    .compare-wrap{display:grid;grid-template-columns:1fr 56px 1fr;align-items:stretch;gap:16px}
    .compare-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:28px;position:relative;overflow:hidden}
    .compare-card.alt{background:var(--plum-deep);border-color:var(--plum-deep);color:#fff}
    .compare-card .topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
    .compare-card h3{font-size:1.48rem;font-weight:900;margin:0 0 11px}
    .compare-card p{color:var(--ink-soft);margin-bottom:22px}
    .compare-card.alt p{color:#dccbd4}
    .compare-divider{display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--orange);font-size:.78rem}
    .filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
    .filter-chip{padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-size:.75rem;color:var(--ink-soft);background:#fff}
    .alt .filter-chip{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#eee3e8}
    .data-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:14px;border-top:1px solid var(--line);font-size:.84rem}
    .alt .data-row{border-color:rgba(255,255,255,.17)}
    .thin-bar{height:5px;flex:1;background:#ede5e7;border-radius:9px;overflow:hidden}
    .thin-bar span{display:block;height:100%;background:var(--orange);border-radius:inherit}
    .journey{padding-top:72px}
    .journey-panel{border-radius:22px;background:#ede4e5;border:1px solid #dfd0d4;padding:30px;display:grid;grid-template-columns:.85fr 2.15fr;gap:30px}
    .journey-panel h2{font-size:1.7rem;line-height:1.32;font-weight:900;color:var(--plum-deep);margin:10px 0}
    .journey-panel p{color:var(--ink-soft);font-size:.92rem}
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
    .step{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.85);padding:20px;border-radius:14px}
    .step-no{color:var(--orange);font-size:.78rem;font-weight:900;letter-spacing:.1em}
    .step h3{font-size:1rem;font-weight:900;margin:15px 0 7px;color:var(--plum)}
    .step p{font-size:.82rem;margin:0}
    .voices{background:var(--plum-deep);color:#fff}
    .voices .section-heading h2{color:#fff}
    .voices .section-heading p{color:#dfcdd6}
    .rating-layout{display:grid;grid-template-columns:.82fr 2.18fr;gap:25px}
    .rating-box{padding:28px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13)}
    .rating-number{font-size:3.8rem;line-height:1;font-weight:900;color:#ffb39c}
    .rating-box p{color:#ddc9d3;margin:10px 0 0;font-size:.9rem}
    .voice-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    .voice{padding:20px;border-left:3px solid var(--orange);background:rgba(255,255,255,.055);border-radius:0 14px 14px 0}
    .voice p{margin:0 0 12px;color:#f1e7ec;font-size:.9rem}
    .voice small{color:#cbb1bf;font-weight:700}
    .news-layout{display:grid;grid-template-columns:1.55fr .8fr;gap:24px}
    .news-list{border-top:1px solid var(--line)}
    .news-item{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);transition:.2s}
    .news-item:hover{padding-left:9px;background:#fbf7f5}
    .news-date{font-size:.78rem;font-weight:800;color:var(--orange)}
    .news-item h3{font-size:1rem;margin:0 0 3px;font-weight:850;color:var(--plum-deep)}
    .news-item p{font-size:.82rem;margin:0;color:var(--muted)}
    .arrow-link{color:var(--plum);font-weight:900;font-size:1.1rem}
    .news-side{border-radius:18px;padding:25px;background:var(--orange-pale);border:1px solid #f0d5ca}
    .news-side h3{font-size:1.23rem;font-weight:900;color:#963d29;margin-bottom:11px}
    .news-side p{font-size:.9rem;color:#8a5b50}
    .faq{background:#fbf8f5}
    .accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:var(--line);--bs-accordion-btn-focus-box-shadow:none;--bs-accordion-active-bg:var(--plum-pale);--bs-accordion-active-color:var(--plum)}
    .accordion-item{overflow:hidden;border:1px solid var(--line)!important;border-radius:13px!important;margin-bottom:11px;background:var(--surface)}
    .accordion-button{padding:18px 20px;background:var(--surface)!important;color:var(--plum-deep)!important;font-weight:850;font-size:.97rem}
    .accordion-button:hover{background:#faf2f5!important}
    .accordion-button:not(.collapsed){box-shadow:none}
    .accordion-button::after{background-size:1rem;filter:sepia(1) saturate(1.6) hue-rotate(280deg)}
    .accordion-body{padding:0 20px 19px;color:var(--ink-soft);font-size:.92rem}
    .cta-section{padding:82px 0 95px}
    .form-panel{border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden;display:grid;grid-template-columns:.95fr 1.3fr}
    .form-aside{padding:40px;background:var(--plum);color:#fff;position:relative;overflow:hidden}
    .form-aside::after{content:"检索";position:absolute;right:-20px;bottom:-55px;color:rgba(255,255,255,.06);font-size:7rem;font-weight:900}
    .form-aside h2{font-size:2rem;font-weight:900;line-height:1.25;position:relative}
    .form-aside p{color:#ddc9d4;position:relative}
    .aside-tags{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
    .form-main{padding:34px}
    .form-label{font-size:.84rem;font-weight:800;color:var(--plum);margin-bottom:6px}
    .form-control,.form-select{min-height:47px;border:1px solid var(--line);border-radius:10px;background:#fffdfb;color:var(--ink);box-shadow:none!important}
    textarea.form-control{min-height:105px;resize:vertical}
    .form-control:focus,.form-select:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px rgba(223,112,81,.12)!important}
    .form-control::placeholder{color:#aa9ca1}
    .form-note{font-size:.78rem;color:var(--muted);margin:13px 0 0}
    .site-footer{background:var(--plum-deep);color:#fff;padding:58px 0 23px}
    .footer-grid{display:grid;grid-template-columns:1.45fr .85fr .85fr;gap:32px;padding-bottom:38px}
    .footer-brand{font-size:1.25rem;font-weight:900;letter-spacing:-.04em}
    .footer-brand span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--orange);font-size:.8rem;margin-right:7px}
    .footer-intro{max-width:400px;color:#cfbbc6;font-size:.89rem;margin-top:15px}
    .footer-title{font-size:.82rem;letter-spacing:.09em;color:#ffb39b;font-weight:900;margin-bottom:14px}
    .footer-links{display:flex;flex-direction:column;gap:9px}
    .footer-links a{color:#d9c6cf;font-size:.88rem;transition:.2s}
    .footer-links a:hover{color:#fff;transform:translateX(3px)}
    .copyright{padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#a98f9d;font-size:.76rem}
    @media (max-width:991px){
      .nav-pill{border-radius:20px;padding:9px 13px}
      .navbar-collapse{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:15px;background:#fffdfb}
      .navbar-nav{padding-bottom:8px}
      .nav-link{padding:10px 12px!important}
      .metrics-grid{grid-template-columns:repeat(2,1fr)}
      .matrix-grid{grid-template-columns:1fr 1fr}
      .matrix-main{grid-row:auto;grid-column:span 2;min-height:340px}
      .matrix-wide{grid-column:span 2}
      .journey-panel,.rating-layout,.form-panel{grid-template-columns:1fr}
      .form-aside{padding:32px}
      .news-layout{grid-template-columns:1fr}
    }
    @media (max-width:767px){
      .site-container{width:min(calc(100% - 28px),var(--container))}
      .site-header{top:12px}
      .navbar-brand{font-size:.88rem}
      .brand-mark{width:25px;height:25px;margin-right:5px}
      .nav-search{margin-right:4px}
      .hero{padding-top:106px;padding-bottom:54px}
      .hero-stage{min-height:0;padding:30px 22px 24px;border-radius:21px}
      h1{font-size:2.35rem;letter-spacing:-.065em}
      .hero-copy>p{font-size:.96rem}
      .hero-bottom{align-items:flex-start;flex-direction:column;margin-top:32px}
      .section{padding:57px 0}
      .metrics{margin-top:-18px;padding-bottom:33px}
      .metrics-grid{gap:9px}
      .metric-card{padding:15px}
      .metric-value{font-size:1.35rem}
      .matrix-grid{grid-template-columns:1fr}
      .matrix-main,.matrix-wide{grid-column:auto}
      .matrix-main{min-height:300px}
      .matrix-wide{display:block;min-height:0}
      .matrix-wide .number-strip{width:62px;height:62px;font-size:1.4rem;margin-bottom:22px}
      .compare-wrap{grid-template-columns:1fr;gap:10px}
      .compare-divider{height:30px}
      .journey-panel{padding:23px}
      .steps,.voice-list{grid-template-columns:1fr}
      .news-item{grid-template-columns:60px 1fr;gap:11px}
      .news-item .arrow-link{display:none}
      .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
      .footer-grid>div:first-child{grid-column:span 2}
    }
    @media (max-width:520px){
      .navbar-brand{max-width:205px;overflow:hidden;text-overflow:ellipsis}
      .hero-actions .btn-brand,.hero-actions .btn-outline-brand{width:100%}
      .countdown{width:100%;justify-content:space-between}
      .count-unit{flex:1}
      .metrics-grid{grid-template-columns:1fr 1fr}
      .section-heading h2{font-size:1.72rem}
      .compare-card{padding:22px}
      .form-main,.form-aside{padding:25px 21px}
      .footer-grid{grid-template-columns:1fr}
      .footer-grid>div:first-child{grid-column:auto}
      .copyright{display:block}
      .copyright span{display:block;margin-bottom:5px}
    }

/* roulang page: category2 */
:root{
 --ink:#251722;
 --ink-soft:#594653;
 --plum:#54213f;
 --plum-deep:#2d1328;
 --plum-pale:#f2e9ee;
 --orange:#df7051;
 --orange-pale:#fff0e9;
 --paper:#f7f4f0;
 --surface:#fffdfb;
 --line:#e5d9db;
 --muted:#82737a;
 --success:#59806e;
 --shadow:0 18px 45px rgba(54,25,43,.09);
 --shadow-lg:0 25px 60px rgba(48,20,39,.15);
 --radius:18px;
 --radius-sm:12px;
 --container:1216px;
}
*{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",Arial,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.site-container{width:min(calc(100% - 40px),var(--container));margin:auto}
.section{padding:78px 0;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--plum);font-size:.76rem;font-weight:800;letter-spacing:.11em}
.eyebrow:before{content:"";width:26px;height:2px;background:var(--orange)}
.section-heading{max-width:720px;margin-bottom:34px}
.section-heading h2{font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.25;letter-spacing:-.04em;margin:10px 0 12px;font-weight:850;color:var(--plum-deep)}
.section-heading p{margin:0;color:var(--ink-soft);max-width:680px}
.btn-brand,.btn-outline-brand,.btn-soft{min-height:46px;border-radius:999px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:.93rem;font-weight:800;transition:.22s ease;border:1px solid transparent}
.btn-brand{background:var(--plum);color:#fff;box-shadow:0 8px 18px rgba(84,33,63,.18)}
.btn-brand:hover{background:#69294f;color:#fff;transform:translateY(-2px);box-shadow:0 12px 22px rgba(84,33,63,.23)}
.btn-brand:active{transform:translateY(0);background:var(--plum-deep)}
.btn-outline-brand{border-color:var(--line);background:var(--surface);color:var(--plum)}
.btn-outline-brand:hover{border-color:var(--plum);background:var(--plum-pale);color:var(--plum);transform:translateY(-2px)}
.btn-soft{background:var(--orange-pale);color:#a3432c}
.btn-soft:hover{background:var(--orange);color:#fff;transform:translateY(-2px)}
.btn-brand:focus,.btn-outline-brand:focus,.btn-soft:focus,.nav-link:focus,.nav-search:focus,.topic-tab:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(223,112,81,.35);outline-offset:3px}
.site-header{position:absolute;z-index:20;top:20px;left:0;width:100%}
.nav-pill{min-height:68px;border:1px solid rgba(229,217,219,.95);border-radius:999px;background:rgba(255,253,251,.94);box-shadow:0 10px 30px rgba(48,20,39,.1);padding:8px 12px 8px 19px;backdrop-filter:blur(12px)}
.navbar-brand{font-size:1rem;font-weight:900;color:var(--plum)!important;letter-spacing:-.04em;white-space:nowrap}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:8px;border-radius:9px;background:var(--plum);color:#fff;font-size:.8rem}
.navbar-toggler{width:44px;height:44px;border:1px solid var(--line)!important;border-radius:50%;background:var(--plum-pale);box-shadow:none!important}
.navbar-toggler-icon{width:1.15em;height:1.15em}
.navbar-nav{gap:5px}
.nav-link{padding:8px 13px!important;border-radius:999px;color:var(--ink-soft)!important;font-size:.88rem;font-weight:750;transition:.2s}
.nav-link:hover,.nav-link.active{color:var(--plum)!important;background:var(--plum-pale)}
.nav-link.active{box-shadow:inset 0 -2px 0 var(--orange)}
.nav-search{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:var(--plum);background:var(--orange-pale);transition:.2s}
.nav-search:hover{background:var(--orange);color:#fff;transform:rotate(-8deg)}
.hero{padding:144px 0 62px;background:var(--plum-deep);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;opacity:.8}
.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(223,112,81,.26);border-radius:50%;right:-160px;top:-250px;box-shadow:0 0 0 35px rgba(223,112,81,.06),0 0 0 75px rgba(255,255,255,.025)}
.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:54px;align-items:center}
.breadcrumb-line{font-size:.8rem;color:#d9c4d0;margin-bottom:24px}
.breadcrumb-line a:hover{color:#fff}
.hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.1;letter-spacing:-.065em;margin:0 0 22px;font-weight:900;max-width:680px}
.hero-copy{color:#dfcbd6;max-width:650px;font-size:1.06rem}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero .btn-brand{background:var(--orange);box-shadow:0 10px 22px rgba(0,0,0,.2)}
.hero .btn-brand:hover{background:#ed8767}
.hero .btn-outline-brand{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.25);color:#fff}
.hero .btn-outline-brand:hover{background:#fff;color:var(--plum)}
.index-board{background:#fffaf7;color:var(--ink);border-radius:22px;padding:22px;box-shadow:var(--shadow-lg);transform:rotate(1deg)}
.board-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:12px}
.board-title{font-weight:900;color:var(--plum-deep)}
.status-dot{display:inline-flex;align-items:center;gap:7px;color:var(--success);font-size:.78rem;font-weight:800}
.status-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(89,128,110,.13)}
.board-row{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #eee3e1}
.board-row:last-child{border-bottom:0}
.board-no{color:var(--orange);font-size:1.25rem;font-weight:900;font-family:Arial,sans-serif}
.board-name{font-weight:800;font-size:.94rem}
.board-meta{color:var(--muted);font-size:.76rem}
.board-value{color:var(--plum);font-weight:900;font-size:1.05rem}
.board-bar{height:5px;border-radius:9px;background:#eadfe2;margin-top:7px;overflow:hidden}
.board-bar i{display:block;height:100%;border-radius:9px;background:var(--orange)}
.topic-band{padding:18px 0;background:var(--surface);border-bottom:1px solid var(--line)}
.topic-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px}
.topic-scroll::-webkit-scrollbar{display:none}
.topic-tab{white-space:nowrap;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:999px;padding:8px 15px;font-size:.85rem;font-weight:800;transition:.2s}
.topic-tab:hover,.topic-tab.active{background:var(--plum);border-color:var(--plum);color:#fff}
.feature-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:18px}
.feature-card{min-height:330px;border-radius:22px;background:linear-gradient(135deg,#54213f,#3b1a34);color:#fff;padding:32px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.feature-card:before{content:"主题索引";position:absolute;right:24px;top:28px;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:6px 11px;color:#f6d9cf;font-size:.74rem}
.feature-card:after{content:"02";position:absolute;right:20px;bottom:-35px;color:rgba(255,255,255,.08);font:900 12rem/1 Arial}
.feature-card h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.25;max-width:570px;margin:0 0 12px;position:relative;z-index:1}
.feature-card p{color:#e1cfd8;max-width:570px;margin:0;position:relative;z-index:1}
.feature-footer{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-top:28px;flex-wrap:wrap}
.feature-label{font-size:.78rem;color:#f2b29d}
.side-status{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:24px;box-shadow:var(--shadow)}
.side-status h3{margin:0 0 20px;font-size:1.15rem;color:var(--plum-deep)}
.status-item{padding:14px 0;border-bottom:1px solid var(--line)}
.status-item:last-child{border-bottom:0}
.status-head{display:flex;justify-content:space-between;gap:12px;font-size:.86rem;font-weight:800}
.status-head span:last-child{color:var(--orange)}
.status-line{height:6px;background:#eee3e5;border-radius:9px;margin-top:8px}
.status-line i{display:block;height:100%;background:var(--plum);border-radius:9px}
.index-section{padding:80px 0}
.flow-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}
.flow-header .section-heading{margin-bottom:0}
.flow-count{min-width:160px;padding:14px 17px;border-left:3px solid var(--orange);background:var(--orange-pale);color:#8f3f2d;font-size:.85rem}
.index-flow{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.index-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:.24s;position:relative}
.index-card:hover{transform:translateY(-3px);border-color:#cba6b8;box-shadow:var(--shadow)}
.cover{min-height:142px;border-radius:13px;background:#e8d8dc;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:12px;color:#fff}
.cover:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(84,33,63,.94),rgba(223,112,81,.52));}
.cover strong,.cover small{position:relative;z-index:1}
.cover strong{font-size:1.7rem;line-height:1;font-family:Arial,sans-serif}
.cover small{display:block;margin-left:auto;color:#ffe4da;font-weight:800}
.card-kicker{font-size:.74rem;color:var(--orange);font-weight:900;letter-spacing:.08em}
.index-card h3{font-size:1.1rem;line-height:1.35;color:var(--plum-deep);margin:6px 0 7px}
.index-card p{color:var(--ink-soft);font-size:.88rem;margin:0 0 14px}
.tags{display:flex;gap:7px;flex-wrap:wrap}
.tag{display:inline-flex;border-radius:999px;background:var(--plum-pale);color:var(--plum);padding:4px 9px;font-size:.72rem;font-weight:800}
.tag.orange{background:var(--orange-pale);color:#a3432c}
.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;font-size:.76rem;color:var(--muted)}
.card-link{color:var(--plum);font-weight:900}
.card-link:hover{color:var(--orange)}
.faq-section{background:#eee7e2}
.accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:var(--line);--bs-accordion-btn-color:var(--plum-deep);--bs-accordion-active-color:var(--plum);--bs-accordion-active-bg:var(--surface);--bs-accordion-btn-focus-box-shadow:0 0 0 3px rgba(223,112,81,.2)}
.accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;background:var(--surface);margin-bottom:11px}
.accordion-button{font-weight:850;padding:19px 22px}
.accordion-button:not(.collapsed){box-shadow:inset 4px 0 0 var(--orange)}
.accordion-body{color:var(--ink-soft);padding:0 22px 21px}
.feedback-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:stretch}
.feedback-card{border-radius:24px;background:var(--plum-deep);color:#fff;padding:34px;position:relative;overflow:hidden}
.feedback-card:after{content:"索引";position:absolute;right:-20px;bottom:-45px;color:rgba(255,255,255,.07);font-size:10rem;font-weight:900;line-height:1}
.feedback-card h2{font-size:2rem;line-height:1.25;position:relative;z-index:1}
.feedback-card p{color:#dfcbd6;position:relative;z-index:1}
.feedback-list{list-style:none;margin:28px 0 0;padding:0;position:relative;z-index:1}
.feedback-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.13);color:#f0dfe5}
.form-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}
.form-label{font-size:.82rem;font-weight:850;color:var(--plum-deep);margin-bottom:7px}
.form-control,.form-select{border:1px solid var(--line);background:#fffaf7;border-radius:11px;padding:11px 13px;color:var(--ink);min-height:46px}
.form-control::placeholder{color:#ad9da3}
.form-control:focus,.form-select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(223,112,81,.13)}
.form-note{color:var(--muted);font-size:.78rem;margin-top:14px}
.site-footer{background:var(--plum-deep);color:#fff;padding:58px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:50px;padding-bottom:42px}
.footer-brand{font-size:1.08rem;font-weight:900;letter-spacing:-.04em}
.footer-brand span{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:9px;background:var(--orange);margin-right:8px}
.footer-intro{color:#ceb9c4;max-width:430px;margin:17px 0 0;font-size:.9rem}
.footer-title{font-size:.84rem;font-weight:900;color:#f0c9bb;margin-bottom:15px}
.footer-links{display:grid;gap:9px}
.footer-links a{color:#d7c5cd;font-size:.88rem;transition:.2s}
.footer-links a:hover{color:#fff;padding-left:4px}
.copyright{border-top:1px solid rgba(255,255,255,.13);padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#ad98a5;font-size:.76rem}
@media(max-width:991px){
 .hero-content{grid-template-columns:1fr;gap:35px}
 .index-flow{grid-template-columns:1fr}
 .feedback-wrap{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
 .site-container{width:min(calc(100% - 28px),var(--container))}
 .site-header{top:12px}
 .nav-pill{border-radius:23px;padding-left:14px}
 .navbar-brand{font-size:.88rem}
 .navbar-collapse{padding:12px 4px 5px}
 .navbar-nav{gap:3px}
 .nav-link{padding:10px 12px!important}
 .hero{padding:112px 0 42px}
 .hero h1{font-size:clamp(2.15rem,11vw,3.2rem)}
 .hero-content{gap:28px}
 .index-board{transform:none;padding:17px}
 .board-row{grid-template-columns:30px 1fr auto}
 .topic-band{padding:13px 0}
 .section,.index-section{padding:54px 0}
 .flow-header{display:block}
 .flow-count{margin-top:18px}
 .index-card{grid-template-columns:100px minmax(0,1fr);gap:14px;padding:13px}
 .cover{min-height:125px}
 .index-card h3{font-size:1rem}
 .card-bottom{display:block}
 .card-bottom .card-link{display:block;margin-top:5px}
 .feature-grid{grid-template-columns:1fr}
 .feature-card{min-height:340px;padding:24px}
 .side-status{padding:20px}
 .feedback-card,.form-card{padding:24px}
 .footer-grid{grid-template-columns:1fr;gap:30px;padding-bottom:30px}
 .copyright{display:block}
 .copyright span{display:block;margin-bottom:7px}
}
@media(max-width:520px){
 .hero-actions>a{width:100%}
 .hero-bottom{display:block}
 .hero-points{margin-top:18px}
 .index-card{grid-template-columns:1fr}
 .cover{min-height:150px}
 .form-card .btn-brand{width:100%}
}

/* roulang page: category1 */
:root{
 --ink:#251722;--ink-soft:#594653;--plum:#54213f;--plum-deep:#2d1328;
 --plum-pale:#f2e9ee;--orange:#df7051;--orange-pale:#fff0e9;--paper:#f7f4f0;
 --surface:#fffdfb;--line:#e5d9db;--muted:#82737a;--success:#59806e;
 --shadow:0 18px 45px rgba(54,25,43,.09);--shadow-lg:0 25px 60px rgba(48,20,39,.15);
 --radius:18px;--radius-sm:12px;--container:1216px
}
*{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",Arial,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.site-container{width:min(calc(100% - 40px),var(--container));margin:auto}
.section{padding:76px 0;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--plum);font-size:.76rem;font-weight:850;letter-spacing:.11em}
.eyebrow:before{content:"";width:26px;height:2px;background:var(--orange)}
.section-heading{max-width:710px;margin-bottom:32px}
.section-heading h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.25;letter-spacing:-.045em;margin:10px 0 12px;font-weight:900;color:var(--plum-deep)}
.section-heading p{margin:0;color:var(--ink-soft)}
.btn-brand,.btn-outline-brand,.btn-soft{min-height:46px;border-radius:999px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:.92rem;font-weight:850;transition:.22s ease;border:1px solid transparent}
.btn-brand{background:var(--plum);color:#fff;box-shadow:0 8px 18px rgba(84,33,63,.18)}
.btn-brand:hover{background:#69294f;color:#fff;transform:translateY(-2px);box-shadow:0 12px 22px rgba(84,33,63,.23)}
.btn-brand:active{transform:translateY(0);background:var(--plum-deep)}
.btn-outline-brand{border-color:var(--line);background:var(--surface);color:var(--plum)}
.btn-outline-brand:hover{border-color:var(--plum);background:var(--plum-pale);color:var(--plum);transform:translateY(-2px)}
.btn-soft{background:var(--orange-pale);color:#a3432c}
.btn-soft:hover{background:var(--orange);color:#fff;transform:translateY(-2px)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(223,112,81,.45);outline-offset:3px}
.site-header{position:absolute;z-index:20;top:20px;left:0;width:100%}
.nav-pill{min-height:68px;border:1px solid rgba(229,217,219,.95);border-radius:999px;background:rgba(255,253,251,.94);box-shadow:0 10px 30px rgba(48,20,39,.1);padding:8px 12px 8px 19px;backdrop-filter:blur(12px)}
.navbar-brand{font-size:1rem;font-weight:900;color:var(--plum)!important;letter-spacing:-.04em;white-space:nowrap}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:8px;border-radius:9px;background:var(--plum);color:#fff;font-size:.8rem}
.navbar-toggler{width:44px;height:44px;border:1px solid var(--line)!important;border-radius:50%;background:var(--plum-pale);box-shadow:none!important}
.navbar-toggler-icon{width:1.15em;height:1.15em}
.navbar-nav{gap:5px}
.nav-link{padding:8px 13px!important;border-radius:999px;color:var(--ink-soft)!important;font-size:.88rem;font-weight:750;transition:.2s}
.nav-link:hover,.nav-link.active{color:var(--plum)!important;background:var(--plum-pale)}
.nav-link.active{box-shadow:inset 0 -2px 0 var(--orange)}
.nav-search{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:var(--plum);background:var(--orange-pale);font-size:1.55rem;line-height:1;transition:.2s}
.nav-search:hover{background:var(--orange);color:#fff;transform:rotate(-8deg)}
.page-hero{padding:145px 0 57px;background-color:#eee7e2;background-image:linear-gradient(rgba(84,33,63,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(84,33,63,.045) 1px,transparent 1px);background-size:30px 30px}
.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);margin-bottom:21px}
.breadcrumbs span{color:var(--orange)}
.category-stage{display:grid;grid-template-columns:minmax(0,1.25fr) 320px;gap:22px;align-items:stretch}
.category-copy{position:relative;padding:clamp(28px,4vw,50px);border:1px solid rgba(84,33,63,.12);border-radius:26px;background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}
.category-copy:after{content:"字幕";position:absolute;right:-15px;bottom:-65px;font-size:8rem;line-height:1;font-weight:900;color:rgba(84,33,63,.045)}
.category-copy>*{position:relative;z-index:1}
.category-copy h1{max-width:750px;margin:14px 0 17px;color:var(--plum-deep);font-size:clamp(2rem,4.4vw,3.95rem);line-height:1.12;letter-spacing:-.065em;font-weight:950}
.category-copy p{max-width:720px;color:var(--ink-soft);font-size:1.03rem;margin:0}
.category-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}
.status-board{border-radius:24px;background:var(--plum-deep);color:#fff;padding:25px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.status-board:before{content:"";position:absolute;width:165px;height:165px;border:1px solid rgba(223,112,81,.45);border-radius:50%;right:-58px;top:-70px;box-shadow:0 0 0 20px rgba(223,112,81,.07)}
.status-board h2{font-size:1rem;font-weight:850;margin:0 0 20px;position:relative}
.status-line{position:relative;padding:13px 0;border-top:1px solid rgba(255,255,255,.13)}
.status-line:last-child{border-bottom:1px solid rgba(255,255,255,.13)}
.status-line strong{display:block;font-size:1.35rem;letter-spacing:-.04em}
.status-line span{display:flex;align-items:center;gap:7px;color:#d9c8d1;font-size:.8rem}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}
.filter-summary{margin-top:-4px;position:relative;z-index:2}
.summary-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;background:var(--surface);box-shadow:0 12px 28px rgba(54,25,43,.06)}
.summary-info{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.summary-number{font-size:1.8rem;font-weight:950;line-height:1;color:var(--plum)}
.summary-label{font-size:.86rem;color:var(--ink-soft)}
.summary-tags,.tag-row{display:flex;flex-wrap:wrap;gap:7px}
.tag,.status-tag{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;border:1px solid var(--line);background:#fff8f6;color:var(--ink-soft);font-size:.73rem;font-weight:800}
.status-tag{background:#f3f8f4;border-color:#d9e7df;color:#44705c}
.filter-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}
.filter-box{position:sticky;top:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:21px;box-shadow:0 10px 26px rgba(54,25,43,.055)}
.filter-box h2{font-size:1rem;font-weight:900;margin:0 0 17px;color:var(--plum-deep)}
.filter-group{padding:15px 0;border-top:1px solid var(--line)}
.filter-group label,.filter-label{display:block;font-size:.8rem;color:var(--ink-soft);font-weight:850;margin-bottom:9px}
.form-select,.form-control{border:1px solid var(--line);border-radius:11px;background:#fffdfb;color:var(--ink);min-height:43px;box-shadow:none!important}
.form-select:focus,.form-control:focus{border-color:var(--plum);background:#fff}
.check-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;color:var(--ink-soft);font-size:.86rem}
.form-check-input{border-color:#cbb8c0;box-shadow:none!important}
.form-check-input:checked{background-color:var(--plum);border-color:var(--plum)}
.filter-actions{display:grid;gap:9px;margin-top:16px}
.filter-mobile{display:none}
.results-top{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:15px}
.results-top h2{font-size:1.36rem;line-height:1.3;color:var(--plum-deep);margin:0;font-weight:900}
.results-top p{font-size:.86rem;margin:4px 0 0;color:var(--muted)}
.index-list{display:grid;gap:13px}
.index-card{display:grid;grid-template-columns:156px minmax(0,1fr) auto;gap:20px;align-items:center;border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:14px;box-shadow:0 8px 20px rgba(54,25,43,.045);transition:.23s;position:relative;overflow:hidden}
.index-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 5px 5px 0;background:transparent;transition:.23s}
.index-card:hover{transform:translateY(-3px);border-color:#caa5b7;box-shadow:var(--shadow)}
.index-card:hover:before{background:var(--orange)}
.cover-tile{height:108px;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(145deg,#51203e,#8f405e)}
.cover-tile:before{content:"";position:absolute;inset:15px 23px;border:1px solid rgba(255,255,255,.31);border-radius:8px}
.cover-tile:after{content:"中文字幕";position:absolute;left:12px;bottom:10px;color:#fff;font-size:.69rem;font-weight:900;letter-spacing:.08em}
.cover-tile.cover-2{background:linear-gradient(145deg,#a64e40,#e58b62)}
.cover-tile.cover-3{background:linear-gradient(145deg,#44334d,#7c6173)}
.cover-tile.cover-4{background:linear-gradient(145deg,#6e3e4c,#c26d61)}
.card-index{font-size:.74rem;font-weight:900;color:var(--orange);letter-spacing:.1em}
.index-card h3{font-size:1.1rem;font-weight:900;color:var(--plum-deep);margin:3px 0 7px;line-height:1.35}
.index-card p{font-size:.86rem;color:var(--ink-soft);margin:0 0 10px;line-height:1.65}
.card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.75rem;color:var(--muted)}
.card-action{white-space:nowrap}
.pagination-wrap{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:30px}
.page-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--plum);font-weight:850;transition:.2s}
.page-btn:hover,.page-btn.active{background:var(--plum);border-color:var(--plum);color:#fff;transform:translateY(-2px)}
.related-band{background:var(--plum-pale);border-top:1px solid #e8dbe1;border-bottom:1px solid #e8dbe1}
.related-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center}
.related-card{border:1px solid rgba(84,33,63,.14);background:var(--surface);border-radius:18px;padding:26px;display:flex;justify-content:space-between;gap:18px;align-items:center;transition:.22s}
.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cba6b8}
.related-card h3{margin:0 0 7px;font-size:1.18rem;color:var(--plum-deep);font-weight:900}
.related-card p{margin:0;color:var(--ink-soft);font-size:.87rem}
.accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:var(--line);--bs-accordion-btn-focus-box-shadow:none;--bs-accordion-active-bg:var(--plum-pale);--bs-accordion-active-color:var(--plum)}
.accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;background:var(--surface);margin-bottom:10px}
.accordion-button{padding:18px 20px;font-weight:850;color:var(--plum-deep);background:var(--surface);box-shadow:none!important}
.accordion-button:not(.collapsed){color:var(--plum);background:var(--plum-pale)}
.accordion-button:hover{background:#fbf2f5}
.accordion-body{padding:0 20px 19px;color:var(--ink-soft)}
.feedback-section{padding:78px 0;background:var(--plum-deep)}
.feedback-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;padding:clamp(27px,5vw,55px);border:1px solid rgba(255,255,255,.13);border-radius:25px;background:rgba(255,255,255,.045)}
.feedback-copy h2{color:#fff;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.25;font-weight:900;margin:11px 0}
.feedback-copy p{color:#d8c7d0;margin:0}
.feedback-note{margin-top:22px;padding:15px;border-left:3px solid var(--orange);background:rgba(255,255,255,.06);color:#eadfe5;font-size:.85rem}
.feedback-form .form-label{color:#f0e6eb;font-weight:800;font-size:.82rem;margin-bottom:6px}
.feedback-form .form-control,.feedback-form .form-select{background:#fffafc;border-color:rgba(255,255,255,.25)}
.feedback-form textarea{min-height:105px;resize:vertical}
.form-text{color:#d4c2cc!important;font-size:.75rem}
.site-footer{background:#21111e;color:#e8dce3;padding:59px 0 23px}
.footer-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr;gap:45px;padding-bottom:42px}
.footer-brand{display:inline-flex;align-items:center;font-size:1.05rem;font-weight:900;color:#fff;letter-spacing:-.04em}
.footer-brand span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;background:var(--orange);border-radius:9px;margin-right:8px;font-size:.8rem}
.footer-intro{max-width:380px;margin:15px 0 0;color:#cbb8c2;font-size:.87rem}
.footer-title{font-weight:900;color:#fff;margin-bottom:12px;font-size:.9rem}
.footer-links{display:grid;gap:8px}
.footer-links a{color:#cbb8c2;font-size:.86rem;transition:.2s}
.footer-links a:hover{color:#fff;padding-left:4px}
.copyright{border-top:1px solid rgba(255,255,255,.12);padding-top:19px;display:flex;justify-content:space-between;gap:16px;color:#ae98a4;font-size:.75rem}
@media(max-width:991px){
 .site-header{top:12px}.nav-pill{border-radius:22px;padding:8px 11px 8px 16px}.navbar-collapse{margin-top:10px;padding:8px;background:#fffdfb;border:1px solid var(--line);border-radius:16px}.navbar-nav{padding:3px}.nav-link{padding:10px 12px!important}
 .category-stage{grid-template-columns:1fr}.status-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.status-board h2{grid-column:1/-1;margin-bottom:3px}.status-line{border:0;padding:6px 0}.filter-layout{grid-template-columns:1fr}.filter-box{display:none}.filter-mobile{display:block;margin-bottom:16px}.filter-mobile .filter-box{display:block;position:static;padding:15px}.filter-mobile .filter-group{display:none}.related-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
 .site-container{width:min(calc(100% - 28px),var(--container))}.section{padding:52px 0}.page-hero{padding:119px 0 43px}.category-copy{padding:28px 23px}.category-copy h1{font-size:2.18rem}.category-copy p{font-size:.95rem}.status-board{grid-template-columns:1fr 1fr;padding:21px}.status-board h2{grid-column:1/-1}.summary-panel{align-items:flex-start;flex-direction:column;padding:17px}.results-top{align-items:flex-start;flex-direction:column}.index-card{grid-template-columns:110px minmax(0,1fr);gap:14px}.cover-tile{height:100px}.card-action{grid-column:2}.btn-brand,.btn-outline-brand,.btn-soft{min-height:44px}.feedback-box{grid-template-columns:1fr;gap:28px}.footer-grid{grid-template-columns:1fr;gap:29px}.copyright{display:grid}
}
@media(max-width:520px){
 .navbar-brand{font-size:.88rem}.brand-mark{width:25px;height:25px;margin-right:5px}.nav-search{width:39px;height:39px}.category-actions{display:grid}.category-actions .btn-brand,.category-actions .btn-outline-brand{width:100%}
 .index-card{grid-template-columns:1fr;padding:12px}.cover-tile{height:145px}.card-action{grid-column:auto;width:100%}.card-action .btn-outline-brand{width:100%}.summary-tags{gap:5px}.related-card{align-items:flex-start;flex-direction:column}.related-card .btn-brand{width:100%}.feedback-section{padding:52px 0}
}