/* roulang page: index */
:root{--yellow:#f4b83f;--orange:#e88942;--plum:#28152f;--plum2:#542b4b;--cream:#fff9ef;--paper:#fffdf8;--soft:#fff1d5;--ink:#241b28;--muted:#796c78;--line:#eadfce;--mint:#5cae8d;--radius:18px;--shadow:0 16px 40px rgba(61,33,43,.09)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;border:0;cursor:pointer}.container{width:min(1200px,calc(100% - 40px));margin:auto}.eyebrow{color:var(--orange);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section{padding:92px 0;position:relative}.section:nth-child(even){background:#fffdf8}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.section-head h2{font-size:clamp(25px,3vw,36px);line-height:1.2;letter-spacing:-.04em}.section-head p{max-width:590px;color:var(--muted);font-size:15px}.btn{min-height:48px;padding:11px 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:.25s ease;border:1px solid transparent}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(100,48,35,.16)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #d87339;outline-offset:3px}.btn-primary{background:var(--yellow);color:var(--plum)}.btn-primary:hover{background:#eaa92a}.btn-outline{border-color:var(--plum2);color:var(--plum2);background:transparent}.btn-outline:hover{background:#fff0c8}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--yellow);display:grid;place-items:center;color:var(--plum);font-size:13px;font-weight:900;box-shadow:4px 4px 0 #e88942}.brand strong{font-size:16px;display:block}.brand small{display:block;color:var(--muted);font-size:11px}.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto}.nav-links a{font-size:14px;color:#675866;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--plum);font-weight:800}.menu-btn{display:none;background:var(--soft);color:var(--plum);border-radius:10px;padding:8px 12px}.hero{padding:78px 0 72px;background:linear-gradient(135deg,#fff9ef 0%,#fff4dc 58%,#f9dfc5 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.08;letter-spacing:-.075em;margin:17px 0 22px;max-width:650px}.hero h1 em{font-style:normal;color:var(--orange);position:relative}.hero h1 em:after{content:"";height:8px;background:var(--yellow);position:absolute;bottom:-1px;left:3px;right:3px;z-index:-1;border-radius:8px}.hero-copy{font-size:16px;color:var(--muted);max-width:620px;line-height:1.95}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.hero-note{display:flex;gap:24px;margin-top:31px;color:var(--muted);font-size:13px}.hero-note b{display:block;font-size:20px;color:var(--plum);line-height:1.2}.poster-stage{height:485px;position:relative}.poster{position:absolute;width:190px;box-shadow:var(--shadow);border-radius:17px;overflow:hidden;border:5px solid rgba(255,255,255,.75);transition:.35s}.poster:hover{transform:translateY(-9px) rotate(0)!important}.poster img{width:100%;aspect-ratio:3/4}.poster:nth-child(1){left:5%;top:68px;transform:rotate(-10deg)}.poster:nth-child(2){left:31%;top:4px;transform:rotate(3deg);z-index:2}.poster:nth-child(3){right:4%;top:88px;transform:rotate(10deg)}.poster:nth-child(4){left:26%;bottom:5px;transform:rotate(-3deg);z-index:3;width:176px}.poster-label{position:absolute;bottom:10px;left:10px;background:rgba(36,21,46,.84);color:#fff;border-radius:20px;padding:3px 9px;font-size:11px}.poster-score{position:absolute;top:10px;right:10px;background:#fff3b7;color:var(--plum);border-radius:20px;padding:3px 8px;font-size:11px;font-weight:800}.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.scene-item{padding:23px;border:1px solid var(--line);border-radius:14px;background:var(--paper);min-height:145px}.scene-item b{display:block;font-size:18px;margin-bottom:8px}.scene-item p,.path-item p,.step p,.audience p{font-size:14px;color:var(--muted);line-height:1.75}.solution{background:var(--plum)!important;color:#fff9ef}.solution .section-head p{color:#d8c7d0}.path{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:35px}.path-item{padding:23px 25px;border-top:2px solid #bd815b;position:relative}.path-item:not(:last-child):after{content:"→";position:absolute;right:-10px;top:-18px;color:var(--yellow);font-size:27px}.path-item span{color:var(--yellow);font-weight:900;font-size:13px}.path-item h3{font-size:20px;margin:8px 0}.method{background:#fff2d7!important}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:25px;background:#fffaf1;border-radius:16px;border:1px solid #edd9b5}.step-no{font-size:34px;font-weight:900;color:var(--orange);line-height:1}.step h3{margin:14px 0 7px}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.work-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.25s;box-shadow:0 4px 0 rgba(244,184,63,.08)}.work-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.work-card .cover{position:relative}.work-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.badge{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:30px;color:var(--plum);background:var(--yellow);font-size:11px;font-weight:900}.badge.blue{background:#d8c6e8}.badge.green{background:#b9e2ce}.work-info{padding:13px 14px}.work-info h3{font-size:16px;margin-bottom:3px}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.rating{color:#b96536;font-weight:800}.popular-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.popular-card{position:relative;min-height:320px;overflow:hidden;border-radius:18px;background:var(--plum);color:white}.popular-card:first-child{grid-row:span 2;min-height:658px}.popular-card img{height:100%;width:100%;object-fit:cover;opacity:.8;transition:.35s}.popular-card:hover img{transform:scale(1.04)}.popular-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(35,16,42,.92))}.popular-info{position:absolute;z-index:2;bottom:20px;left:20px;right:20px}.hot{color:#ffd36c;font-size:12px;font-weight:800}.popular-info h3{font-size:21px;margin:5px 0}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.channel{padding:26px 22px;border-radius:18px;min-height:170px;border:1px solid var(--line);background:#fff8e8;position:relative;overflow:hidden}.channel:nth-child(2){background:#f6e4e1}.channel:nth-child(3){background:#eee3f1}.channel:nth-child(4){background:#e4f0e5}.channel i{font-style:normal;font-size:30px}.channel h3{margin:12px 0 5px}.channel p{font-size:13px;color:var(--muted)}.rank-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:stretch}.rank-feature{border-radius:18px;overflow:hidden;position:relative;background:var(--plum);min-height:490px}.rank-feature img{height:100%;width:100%;object-fit:cover;opacity:.75}.rank-feature div{position:absolute;bottom:25px;left:25px;color:#fff}.rank-list{list-style:none}.rank-list li{display:grid;grid-template-columns:45px 1fr 80px 55px;align-items:center;gap:12px;padding:13px 5px;border-bottom:1px solid var(--line);font-size:14px}.rank-list li:first-child,.rank-list li:nth-child(2),.rank-list li:nth-child(3){background:#fff4d0;border-radius:10px}.rank-num{font-size:23px;font-weight:900;color:var(--orange)}.rank-tag{font-size:11px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:25px;background:#fffaf0;border:1px solid var(--line);border-radius:16px}.stat strong{font-size:38px;color:var(--plum);display:block;line-height:1.1}.stat span{font-size:13px;color:var(--muted)}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;position:relative}.quote:before{content:"“";font-size:52px;color:var(--yellow);line-height:1}.quote p{font-size:15px;min-height:90px}.quote small{color:var(--muted)}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audience{display:flex;gap:18px;padding:22px;border-radius:15px;background:#fff;border:1px solid var(--line)}.audience-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:var(--soft);font-size:22px;flex:none}.audience h3{font-size:17px}.news-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.news-feature{border-radius:18px;overflow:hidden;background:var(--plum);color:#fff;position:relative;min-height:370px}.news-feature img{width:100%;height:100%;object-fit:cover;opacity:.65}.news-feature div{position:absolute;inset:auto 24px 23px}.news-feature h3{font-size:25px}.news-list{list-style:none}.news-list li{display:grid;grid-template-columns:95px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.news-list img{width:95px;height:62px;object-fit:cover;border-radius:9px}.news-list h3{font-size:15px;line-height:1.4}.news-list small{color:var(--muted);font-size:11px}.observation{background:#fff2d8!important}.bars{max-width:700px;margin:auto}.bar-row{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;gap:15px;margin:18px 0;font-size:14px}.bar{height:11px;background:#f2dfc2;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--yellow),var(--orange))}.faq-list{max-width:850px;margin:auto}.faq{border-bottom:1px solid var(--line);background:#fff}.faq summary{cursor:pointer;list-style:none;padding:20px 5px;font-weight:800;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";color:var(--orange);font-size:20px}.faq[open] summary:after{content:"−"}.faq p{padding:0 35px 20px 5px;color:var(--muted);font-size:14px}.cta{padding:76px 0;background:var(--orange);color:#fff}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(28px,4vw,45px);line-height:1.2}.cta p{margin-top:10px;color:#ffe9d7}.cta .btn-primary{background:var(--yellow)}.footer{background:var(--plum);color:#fcefdc;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding-bottom:45px}.footer h3{font-size:16px;margin-bottom:15px;color:var(--yellow)}.footer p,.footer a{font-size:13px;color:#cdbbc8}.footer a{display:block;margin:8px 0;transition:.2s}.footer a:hover{color:var(--yellow)}.footer-bottom{border-top:1px solid #57334e;padding-top:18px;color:#aa91a3;font-size:12px;display:flex;justify-content:space-between}.mobile-panel{display:none}
@media(max-width:1024px){.nav-links{gap:13px}.nav{gap:15px}.hero-grid{gap:30px}.work-grid{grid-template-columns:repeat(3,1fr)}.popular-grid{grid-template-columns:1fr 1fr}.popular-card:first-child{grid-row:auto;min-height:420px}.channel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(100% - 28px,600px)}.section{padding:62px 0}.section-head{display:block}.section-head p{margin-top:12px}.nav{height:68px}.nav-links,.nav>.btn{display:none}.menu-btn{display:block;margin-left:auto}.mobile-panel{position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:12px 18px 22px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-panel.open{display:block}.mobile-panel a{display:block;padding:11px;border-bottom:1px solid var(--line);font-size:14px}.hero{padding:55px 0}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:44px}.hero-copy{font-size:15px}.poster-stage{height:390px;margin-top:10px}.poster{width:145px}.poster:nth-child(4){width:140px}.scene-grid,.steps{grid-template-columns:1fr 1fr}.path{grid-template-columns:1fr 1fr}.path-item{border-top:0;border-left:2px solid #bd815b}.path-item:not(:last-child):after{display:none}.work-grid{grid-template-columns:repeat(2,1fr);gap:12px}.popular-grid,.rank-wrap,.news-layout{grid-template-columns:1fr}.popular-card,.popular-card:first-child{min-height:340px}.rank-feature{min-height:350px}.stats{grid-template-columns:1fr 1fr}.quote-grid{grid-template-columns:1fr}.audience-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{display:block}.cta .btn{margin-top:22px}}
@media(max-width:480px){.hero h1{font-size:38px}.hero-note{gap:14px}.poster-stage{height:330px}.poster{width:120px}.poster:nth-child(4){width:118px}.scene-grid,.steps,.channel-grid{grid-template-columns:1fr}.work-info{padding:10px}.work-info h3{font-size:14px}.rank-list li{grid-template-columns:32px 1fr 57px 42px;font-size:12px}.bar-row{grid-template-columns:75px 1fr 38px;font-size:12px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}}

/* roulang page: category1 */
:root{
      --yellow:#f4b83f;--orange:#e88942;--plum:#28152f;--plum2:#542b4b;
      --cream:#fff9ef;--paper:#fffdf8;--soft:#fff1d5;--ink:#241b28;
      --muted:#796c78;--line:#eadfce;--mint:#5cae8d;--lavender:#d8c6e8;
      --radius:18px;--shadow:0 16px 40px rgba(61,33,43,.09);
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:100px}
    body{margin:0;font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button{font:inherit;border:0;cursor:pointer}
    h1,h2,h3,p{margin-top:0}
    .container{width:min(1200px,calc(100% - 40px));margin-inline:auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
    .nav{height:78px;display:flex;align-items:center;gap:28px}
    .brand{display:flex;align-items:center;gap:11px;white-space:nowrap;flex-shrink:0}
    .brand-mark{width:42px;height:42px;border-radius:12px;background:var(--yellow);display:grid;place-items:center;color:var(--plum);font-size:13px;font-weight:900;box-shadow:4px 4px 0 var(--orange)}
    .brand strong{font-size:16px;display:block;line-height:1.35}
    .brand small{display:block;color:var(--muted);font-size:11px}
    .nav-links{display:flex;align-items:center;gap:22px;margin-left:auto}
    .nav-links a{font-size:14px;color:#675866;transition:color .2s}
    .nav-links a:hover,.nav-links a.active{color:var(--plum);font-weight:800}
    .nav-action{min-height:42px;padding:8px 17px;border-radius:999px;background:var(--yellow);color:var(--plum);font-size:14px;font-weight:800;white-space:nowrap;transition:.2s}
    .nav-action:hover{background:#eaa92a;transform:translateY(-2px)}
    .menu-btn{display:none;background:var(--soft);color:var(--plum);border-radius:10px;padding:9px 12px;font-weight:800}
    a:focus-visible,button:focus-visible{outline:3px solid #d87339;outline-offset:3px}
    .page-intro{padding:40px 0 48px;background:#fff4dc;border-bottom:1px solid var(--line)}
    .breadcrumbs{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:23px}
    .breadcrumbs a:hover{color:var(--plum)}
    .breadcrumbs span[aria-current]{color:var(--plum);font-weight:700}
    .intro-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}
    .eyebrow{color:var(--orange);font-size:13px;font-weight:800;letter-spacing:.08em}
    h1{font-size:clamp(34px,4.4vw,54px);line-height:1.16;letter-spacing:0;margin:0 0 14px}
    .intro-copy{max-width:760px;color:var(--muted);font-size:16px;margin:0;line-height:1.85}
    .intro-mark{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:var(--yellow);color:var(--plum);font-size:30px;font-weight:900;position:relative;flex-shrink:0}
    .intro-mark::after{content:"";position:absolute;inset:9px;border:1px solid rgba(40,21,47,.25);border-radius:50%}
    .section{padding:66px 0;position:relative}
    .section:nth-of-type(even){background:var(--paper)}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}
    .section-head h2{font-size:clamp(23px,2.8vw,31px);line-height:1.25;margin:5px 0 0;letter-spacing:0}
    .section-head p{max-width:560px;color:var(--muted);font-size:14px;margin:0}
    .filter-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
    .filter-label{font-size:13px;font-weight:800;color:var(--muted);white-space:nowrap}
    .filter-strip{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 9px;scrollbar-width:thin}
    .filter-chip{min-height:40px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:#675866;font-size:13px;white-space:nowrap;transition:.2s}
    .filter-chip:hover{border-color:var(--orange);color:var(--plum)}
    .filter-chip.active{background:var(--plum);border-color:var(--plum);color:#fff9ef}
    .filter-note{font-size:12px;color:var(--muted);margin:8px 0 0}
    .catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:38px;align-items:start}
    .work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
    .work-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 0 rgba(244,184,63,.08)}
    .work-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .cover{position:relative;overflow:hidden;background:#eee2d5}
    .cover img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .35s}
    .work-card:hover .cover img{transform:scale(1.03)}
    .badge{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:30px;color:var(--plum);background:var(--yellow);font-size:11px;font-weight:900}
    .badge.blue{background:var(--lavender)}
    .badge.green{background:#b9e2ce}
    .work-info{padding:12px 13px 14px}
    .work-info h3{font-size:15px;line-height:1.45;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .meta{display:flex;justify-content:space-between;align-items:center;gap:6px;color:var(--muted);font-size:11px}
    .score{color:var(--plum);font-weight:800;white-space:nowrap}
    .mini-tag{margin-top:9px;display:inline-block;color:#755d6c;background:#f6eee5;padding:3px 8px;border-radius:6px;font-size:11px}
    .more-row{display:flex;justify-content:center;padding-top:26px}
    .btn{min-height:48px;padding:11px 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:.25s ease;border:1px solid transparent}
    .btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(100,48,35,.16)}
    .btn-primary{background:var(--yellow);color:var(--plum)}
    .btn-primary:hover{background:#eaa92a}
    .btn-outline{border-color:var(--plum2);color:var(--plum2);background:transparent}
    .btn-outline:hover{background:#fff0c8}
    .side-rank{border:1px solid var(--line);border-radius:16px;background:#fff8e9;padding:19px 18px;position:sticky;top:98px}
    .side-rank h2{font-size:19px;margin:0 0 3px}
    .side-rank .rank-sub{font-size:12px;color:var(--muted);margin:0 0 13px}
    .rank-list{list-style:none;padding:0;margin:0}
    .rank-list li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:11px 3px;border-bottom:1px solid var(--line);font-size:13px}
    .rank-list li:last-child{border-bottom:0}
    .rank-num{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#f1e8dc;color:var(--muted);font-weight:900;font-size:12px}
    .rank-list li:nth-child(1) .rank-num{background:var(--yellow);color:var(--plum)}
    .rank-list li:nth-child(2) .rank-num{background:#e9c9a5;color:var(--plum)}
    .rank-list li:nth-child(3) .rank-num{background:#dfd0d8;color:var(--plum)}
    .rank-title{font-weight:700;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .rank-score{font-size:11px;color:var(--muted);white-space:nowrap}
    .update-band{background:var(--plum);color:#fff9ef;padding:29px 0}
    .update-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
    .update-head h2{font-size:22px;margin:0}
    .update-head p{font-size:13px;color:#d8c7d0;margin:0}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .timeline-item{position:relative;padding:14px 15px 13px;border-left:2px solid var(--yellow);background:rgba(255,255,255,.07);border-radius:0 10px 10px 0}
    .timeline-item time{display:block;color:#f4c76a;font-size:11px;font-weight:800;margin-bottom:4px}
    .timeline-item strong{display:block;font-size:14px}
    .timeline-item span{display:block;color:#d8c7d0;font-size:12px;margin-top:3px}
    .insight-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:15px}
    .insight{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper);min-height:142px}
    .insight .insight-label{font-size:12px;color:var(--orange);font-weight:800}
    .insight h3{font-size:18px;margin:6px 0}
    .insight p{font-size:13px;color:var(--muted);line-height:1.75;margin:0}
    .insight-number{font-size:27px;font-weight:900;color:var(--plum);margin:3px 0}
    .insight-number small{font-size:12px;font-weight:600;color:var(--muted)}
    .bar-track{height:7px;border-radius:10px;background:#f0e8dd;margin-top:12px;overflow:hidden}
    .bar-track span{height:100%;display:block;background:var(--orange);border-radius:10px}
    .related-layout{display:grid;grid-template-columns:250px 1fr;gap:30px;align-items:start}
    .related-note{border-left:3px solid var(--yellow);padding:3px 0 3px 17px}
    .related-note h3{font-size:20px;margin:0 0 9px}
    .related-note p{font-size:13px;color:var(--muted);margin:0;line-height:1.85}
    .related-list{list-style:none;padding:0;margin:0}
    .related-list li{display:grid;grid-template-columns:95px 1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
    .related-list li:first-child{padding-top:0}
    .related-list time{font-size:12px;color:var(--muted);white-space:nowrap}
    .related-title{font-size:14px;font-weight:700;line-height:1.5}
    .related-title:hover{color:var(--orange)}
    .news-tag{color:#8a5967;background:#f7e9e4;border-radius:5px;padding:3px 7px;font-size:10px;white-space:nowrap}
    .faq-list{max-width:900px;margin:0 auto}
    .faq-item{border:1px solid var(--line);border-radius:12px;background:var(--paper);margin-bottom:10px;overflow:hidden;transition:border-color .2s,background .2s}
    .faq-item[open]{border-color:#e7c46e;background:#fffaf0}
    .faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 19px;font-size:15px;font-weight:800}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary::after{content:"＋";font-size:19px;color:var(--orange);font-weight:500}
    .faq-item[open] summary::after{content:"−"}
    .faq-answer{padding:0 19px 17px;color:var(--muted);font-size:14px;line-height:1.8}
    .cta-band{padding:36px;background:var(--yellow);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .cta-band h2{font-size:26px;margin:0 0 6px;color:var(--plum)}
    .cta-band p{margin:0;color:#624a35;font-size:14px}
    .cta-actions{display:flex;gap:10px;flex-wrap:wrap}
    .cta-actions .btn-primary{background:var(--plum);color:#fff9ef}
    .cta-actions .btn-primary:hover{background:var(--plum2)}
    .cta-actions .btn-outline{border-color:var(--plum);color:var(--plum)}
    .footer{background:var(--plum);color:#eadde5;padding:55px 0 20px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:38px;padding-bottom:35px}
    .footer-grid p{font-size:13px;color:#cdbbc8;line-height:1.8}
    .footer-grid h3{font-size:14px;color:#fff9ef;margin:0 0 14px}
    .footer-grid>div>a:not(.brand){display:block;color:#cdbbc8;font-size:13px;margin:8px 0;transition:color .2s}
    .footer-grid>div>a:not(.brand):hover{color:var(--yellow)}
    .footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.15);padding-top:17px;color:#cdbbc8;font-size:12px}
    @media(max-width:1100px){
      .nav{gap:17px}.nav-links{gap:14px}.nav-links a{font-size:13px}
      .catalog-layout{grid-template-columns:minmax(0,1fr) 245px;gap:24px}
      .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    }
    @media(max-width:850px){
      .nav{height:70px}.menu-btn{display:inline-flex;margin-left:auto}
      .nav-action{display:none}
      .nav-links{display:none;position:absolute;left:20px;right:20px;top:calc(100% + 8px);margin:0;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
      .nav-links.is-open{display:grid}
      .nav-links a{padding:11px 12px;border-radius:8px}
      .nav-links a:hover,.nav-links a.active{background:var(--soft)}
      .intro-grid{grid-template-columns:1fr auto}
      .catalog-layout{grid-template-columns:1fr}
      .side-rank{position:static}
      .rank-list{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
      .timeline{grid-template-columns:repeat(2,1fr)}
      .related-layout{grid-template-columns:1fr;gap:20px}
      .related-note{max-width:600px}
      .footer-grid{grid-template-columns:repeat(2,1fr);gap:28px}
    }
    @media(max-width:600px){
      .container{width:min(100% - 30px,1200px)}
      .section{padding:48px 0}
      .page-intro{padding:27px 0 32px}
      .intro-grid{grid-template-columns:1fr}
      .intro-mark{display:none}
      .breadcrumbs{margin-bottom:15px}
      .intro-copy{font-size:14px}
      .section-head{display:block;margin-bottom:20px}
      .section-head p{margin-top:8px}
      .filter-wrap{display:block}
      .filter-strip{margin:0 -15px;padding:3px 15px 10px}
      .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
      .work-info{padding:10px}
      .work-info h3{font-size:14px}
      .meta{font-size:10px}
      .rank-list{grid-template-columns:1fr}
      .update-band{padding:26px 0}
      .update-head{display:block}
      .update-head p{margin-top:5px}
      .timeline{grid-template-columns:1fr 1fr;gap:9px}
      .timeline-item{padding:11px}
      .timeline-item strong{font-size:12px}
      .insight-grid{grid-template-columns:1fr}
      .insight{min-height:0}
      .related-list li{grid-template-columns:1fr auto;gap:4px 10px}
      .related-list time{grid-column:1;grid-row:2}
      .related-title{grid-column:1;grid-row:1}
      .news-tag{grid-column:2;grid-row:1}
      .cta-band{padding:25px 20px;display:block}
      .cta-band h2{font-size:23px}
      .cta-actions{margin-top:18px}
      .cta-actions .btn{flex:1}
      .footer-grid{grid-template-columns:1fr 1fr;gap:24px 18px}
      .footer-grid>div:first-child{grid-column:1/-1}
      .footer-bottom{font-size:11px}
    }
    @media(max-width:380px){
      .brand strong{font-size:14px}
      .brand-mark{width:38px;height:38px}
      .timeline{grid-template-columns:1fr}
      .cta-actions{display:grid}
    }
    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
    }