/* roulang page: index */
:root{
      --paper:#f5f1eb;--paper-deep:#ebe3da;--ink:#1d1a1d;--berry:#7a3f68;
      --berry-dark:#5e2e50;--clay:#d98563;--text:#292527;--muted:#746d6c;
      --line:#dcd4cd;--white:#fffdfa;--radius:16px;--shadow:0 16px 38px rgba(47,37,42,.09);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.8}
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    button{cursor:pointer}
    img{max-width:100%;display:block}
    ::selection{background:#d9c0d1;color:var(--ink)}
    .site-shell{overflow:hidden}
    .container{width:min(1180px,calc(100% - 48px));margin:0 auto}
    .focus-ring:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--clay);outline-offset:3px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(245,241,235,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
    .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
    .brand{display:flex;align-items:center;gap:10px;min-width:205px;font-family:STSong,"Songti SC",serif;font-size:18px;font-weight:700;letter-spacing:.02em}
    .play-mark{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--berry);color:#fff;flex:none}
    .play-mark svg{width:13px;height:13px;margin-left:2px}
    .desktop-nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}
    .nav-link{position:relative;padding:24px 0;color:#5d5658;font-size:14px;font-weight:600;transition:color .18s ease}
    .nav-link:hover,.nav-link.active{color:var(--berry)}
    .nav-link.active:after{content:"";position:absolute;bottom:14px;left:50%;width:18px;height:3px;border-radius:4px;background:var(--berry);transform:translateX(-50%)}
    .nav-actions{display:flex;align-items:center;gap:10px}
    .language-wrap{position:relative}
    .language-btn{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:#5b5355;background:#fffaf5;font-size:12px;font-weight:700;transition:.18s ease}
    .language-btn:hover{border-color:var(--berry);color:var(--berry)}
    .language-menu{position:absolute;right:0;top:calc(100% + 8px);width:155px;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:var(--shadow);display:none}
    .language-menu.open{display:block}
    .language-menu button{display:block;width:100%;border:0;background:transparent;padding:8px 9px;border-radius:8px;text-align:left;color:var(--text);font-size:13px}
    .language-menu button:hover{background:#f0e7ed;color:var(--berry)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;line-height:1.25;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
    .btn:hover{transform:translateY(-2px)}
    .btn:active{transform:translateY(0)}
    .btn-primary{background:var(--berry);color:#fffaf5;box-shadow:0 8px 20px rgba(122,63,104,.2)}
    .btn-primary:hover{background:var(--berry-dark)}
    .btn-light{background:#fffaf5;color:var(--ink)}
    .btn-light:hover{background:#eadfe5}
    .btn-outline{background:transparent;border-color:rgba(255,250,245,.45);color:#fffaf5}
    .btn-outline:hover{border-color:#fffaf5;background:rgba(255,255,255,.08)}
    .btn-sm{padding:9px 14px;font-size:13px}
    .mobile-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fffaf5;color:var(--ink)}
    .mobile-panel{display:none}
    .hero{position:relative;background:var(--ink);color:#fffaf5;padding:76px 0 0;isolation:isolate}
    .hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(rgba(255,255,255,.22) .65px,transparent .65px);background-size:7px 7px;mask-image:linear-gradient(90deg,transparent,black 40%,black)}
    .hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:58px;align-items:center;padding-bottom:70px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#e3b09a;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
    .eyebrow:before{content:"";width:26px;height:1px;background:var(--clay)}
    h1,h2,h3,p{margin-top:0}
    h1{max-width:720px;margin:18px 0 22px;font-family:STSong,"Songti SC",serif;font-size:clamp(38px,5vw,60px);line-height:1.16;letter-spacing:-.04em}
    .hero-copy{max-width:650px;color:#d7cccf;font-size:16px;line-height:1.95}
    .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}
    .text-action{display:inline-flex;align-items:center;gap:7px;color:#ead8e4;border-bottom:1px solid rgba(234,216,228,.55);padding:3px 0;font-size:14px;font-weight:700;transition:.18s ease}
    .text-action:hover{color:#fff;border-color:#fff}
    .text-action:hover span{transform:translateX(3px)}
    .text-action span{transition:transform .18s ease}
    .hero-points{display:flex;gap:23px;flex-wrap:wrap;margin-top:32px}
    .hero-points div{padding-left:12px;border-left:1px solid rgba(255,255,255,.25)}
    .hero-points strong{display:block;color:#fffaf5;font-size:14px}
    .hero-points small{display:block;color:#aaa0a3;font-size:12px}
    .demo-stage{position:relative;min-height:400px;padding:23px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#292329;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 24px 45px rgba(0,0,0,.25)}
    .demo-stage:before,.demo-stage:after{content:"";position:absolute;left:12px;right:12px;height:6px;background:radial-gradient(circle,rgba(245,241,235,.6) 1.5px,transparent 1.8px) 0 0/16px 6px}
    .demo-stage:before{top:8px}.demo-stage:after{bottom:8px}
    .cover-panel{position:relative;height:250px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#5d2e56 0%,#7a3f68 48%,#c77763 130%)}
    .cover-panel:before{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.28);border-radius:50%;right:-80px;top:-110px;box-shadow:0 0 0 25px rgba(255,255,255,.06),0 0 0 55px rgba(255,255,255,.04)}
    .cover-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,10,15,.3),transparent 65%),repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.045) 13px 14px)}
    .cover-content{position:absolute;z-index:1;left:24px;right:24px;bottom:22px}
    .cover-no{color:#f2d3c8;font-size:12px;letter-spacing:.18em}
    .cover-title{margin-top:5px;font-family:STSong,"Songti SC",serif;font-size:29px;line-height:1.25}
    .demo-list{padding-top:15px}
    .demo-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}
    .mini-art{width:42px;height:31px;border-radius:7px;background:#806a75;flex:none}
    .mini-art.two{background:#bd785f}.mini-art.three{background:#625d4d}
    .demo-row p{margin:0;flex:1;color:#ded4d7;font-size:12px;line-height:1.4}
    .demo-row time{color:#a99ea2;font-size:11px}
    .index-strip{position:relative;border-top:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.14)}
    .index-list{display:grid;grid-template-columns:repeat(4,1fr)}
    .index-item{padding:16px 18px;border-left:1px solid rgba(255,255,255,.13);color:#bdb1b5;font-size:12px}
    .index-item:last-child{border-right:1px solid rgba(255,255,255,.13)}
    .index-item b{display:block;color:#fffaf5;font-size:13px}
    .section{padding:96px 0}
    .section-kicker{margin-bottom:10px;color:var(--berry);font-size:12px;font-weight:800;letter-spacing:.14em}
    .section-title{margin-bottom:14px;font-family:STSong,"Songti SC",serif;font-size:clamp(29px,3.2vw,40px);line-height:1.25;letter-spacing:-.03em}
    .section-intro{max-width:680px;margin-bottom:0;color:var(--muted);font-size:15px;line-height:1.9}
    .tag-rail{padding:20px 0;border-bottom:1px solid var(--line);background:#eee6de}
    .tag-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
    .topic-tag{white-space:nowrap;border:1px solid #cfc3c0;border-radius:999px;padding:7px 12px;background:#f9f5f0;color:#5d5555;font-size:13px;transition:.18s ease}
    .topic-tag:hover,.topic-tag.selected{border-color:var(--berry);background:var(--berry);color:#fff}
    .path-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:78px}
    .section-index{align-self:start;position:sticky;top:105px;border-left:2px solid var(--berry);padding:5px 0 5px 18px}
    .section-index .big-no{color:var(--berry);font-size:12px;font-weight:800;letter-spacing:.16em}
    .section-index h2{margin:10px 0 10px;font-family:STSong,"Songti SC",serif;font-size:30px;line-height:1.3}
    .section-index p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}
    .path-item{display:grid;grid-template-columns:86px 1fr;gap:22px;padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
    .path-number{font-family:STSong,"Songti SC",serif;color:var(--berry);font-size:50px;line-height:1}
    .content-label{display:inline-flex;align-items:center;gap:6px;color:var(--berry);font-size:12px;font-weight:800;letter-spacing:.08em}
    .content-label:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--clay)}
    .path-item h3{margin:8px 0 8px;font-size:21px;line-height:1.4}
    .path-item p{margin-bottom:10px;color:var(--muted);font-size:15px;line-height:1.8}
    .arrow-link{display:inline-flex;align-items:center;gap:8px;color:var(--berry);font-size:14px;font-weight:800}
    .arrow-link span{transition:transform .18s ease}.arrow-link:hover span{transform:translateX(4px)}
    .feature-index{margin-top:58px;display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fffaf5}
    .feature-cover{min-height:345px;position:relative;padding:29px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#3a2438,#75435f 64%,#bb745e)}
    .feature-cover:before{content:"";position:absolute;inset:17px;border:1px solid rgba(255,255,255,.34);border-radius:11px}
    .feature-cover h3,.feature-cover p,.feature-cover .cover-tag{position:relative}
    .cover-tag{display:inline-flex;align-self:flex-start;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 9px;color:#fbeee9;font-size:11px}
    .feature-cover h3{margin:14px 0 7px;color:#fffaf5;font-family:STSong,"Songti SC",serif;font-size:31px;line-height:1.25}
    .feature-cover p{margin:0;color:#ecdadc;font-size:14px}
    .feature-list{padding:12px 23px}
    .feature-row{display:grid;grid-template-columns:55px 1fr auto;gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
    .feature-row:last-child{border-bottom:0}
    .thumb{width:55px;height:44px;border-radius:8px;background:linear-gradient(135deg,#9e758c,#543e53)}
    .thumb.orange{background:linear-gradient(135deg,#d99269,#805448)}.thumb.olive{background:linear-gradient(135deg,#889075,#454b42)}
    .feature-row h4{margin:0 0 2px;font-size:14px;line-height:1.4}.feature-row p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
    .feature-row time{color:var(--muted);font-size:11px}
    .compare-section{background:#e9e0d8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .compare-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}
    .compare-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fffaf5;box-shadow:0 12px 30px rgba(61,44,51,.05)}
    .compare-table{width:100%;min-width:720px;border-collapse:collapse;text-align:left}
    .compare-table th,.compare-table td{padding:18px 20px;border-bottom:1px solid var(--line);font-size:14px}
    .compare-table th{background:#f0e8e1;color:#62595c;font-size:12px;letter-spacing:.05em}
    .compare-table td:first-child{font-weight:800;color:var(--text)}
    .compare-table tr:last-child td{border-bottom:0}
    .check{color:var(--berry);font-weight:900}.soft{color:var(--muted)}
    .recommend-section{background:var(--ink);color:#fffaf5}
    .recommend-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:62px;align-items:start}
    .recommend-section .section-kicker{color:#e0ac98}.recommend-section .section-intro{color:#c9bec1}
    .result-note{margin-top:30px;padding:17px 18px;border-left:2px solid var(--clay);background:rgba(255,255,255,.06);color:#d6cacf;font-size:14px;line-height:1.8}
    .mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
    .mode-card{position:relative;min-height:258px;padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#282327;transition:transform .18s ease,border-color .18s ease}
    .mode-card:hover{transform:translateY(-4px);border-color:#cb9bb9}
    .mode-card.recommended{background:#7a3f68;border-color:#bc8cac}
    .mode-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.14);font-size:11px;color:#f5e8ef}
    .mode-card h3{margin:18px 0 8px;font-family:STSong,"Songti SC",serif;font-size:24px}
    .mode-card p{color:#d5c7cc;font-size:13px;line-height:1.75}.mode-card ul{margin:18px 0 0;padding:0;list-style:none;color:#e6dadd;font-size:12px;line-height:2}
    .mode-card li:before{content:"✓";margin-right:7px;color:#efb59d}
    .story-section{background:#f8f4ee}
    .story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:58px}
    .news-list{border-top:1px solid var(--line)}
    .news-item{display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);transition:padding .18s ease}
    .news-item:hover{padding-left:8px}.news-date{color:var(--berry);font-size:12px;font-weight:800;line-height:1.5}
    .news-item h3{margin:0 0 4px;font-size:17px;line-height:1.5}.news-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
    .round-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--berry);transition:.18s ease}
    .news-item:hover .round-arrow{background:var(--berry);border-color:var(--berry);color:#fff}
    .note-stack{position:relative;padding-top:34px}
    .reader-note{padding:24px;border-radius:16px;box-shadow:var(--shadow)}
    .reader-note.main{position:relative;z-index:2;background:#efe2e8;color:var(--text)}
    .reader-note.small{position:relative;z-index:1;width:76%;margin:-15px 0 0 auto;background:#383034;color:#f8eff0}
    .quote-mark{color:var(--berry);font-family:Georgia,serif;font-size:46px;line-height:.7}
    .reader-note p{margin:9px 0 18px;font-family:STSong,"Songti SC",serif;font-size:19px;line-height:1.65}
    .reader-note small{display:block;font-size:12px;color:var(--muted)}.reader-note.small small{color:#cabec2}
    .cta-section{position:relative;padding:104px 0;background:#623555;color:#fffaf5;text-align:center;overflow:hidden}
    .cta-section:before{content:"06";position:absolute;left:50%;top:-80px;transform:translateX(-50%);font-family:STSong,"Songti SC",serif;font-size:330px;line-height:1;color:rgba(255,255,255,.045)}
    .cta-section .container{position:relative}.cta-section h2{max-width:790px;margin:12px auto 15px;font-family:STSong,"Songti SC",serif;font-size:clamp(32px,4vw,49px);line-height:1.25}
    .cta-section p{max-width:640px;margin:0 auto;color:#eadbe4;font-size:15px;line-height:1.9}.cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin-top:28px}
    .compliance{margin-top:23px;color:#e0c8d6;font-size:12px}
    .faq-section{padding-bottom:100px}
    .faq-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:72px}
    .faq-side{position:sticky;top:108px;align-self:start}.faq-side p{color:var(--muted);font-size:14px;line-height:1.8}
    .faq-list{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;border:0;background:transparent;color:var(--text);font-size:17px;font-weight:800;text-align:left}
    .faq-icon{position:relative;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;flex:none}
    .faq-icon:before,.faq-icon:after{content:"";position:absolute;left:6px;top:11px;width:10px;height:1px;background:var(--berry);transition:transform .2s ease}
    .faq-icon:after{transform:rotate(90deg)}
    .faq-question[aria-expanded="true"] .faq-icon{background:var(--berry);border-color:var(--berry)}
    .faq-question[aria-expanded="true"] .faq-icon:before,.faq-question[aria-expanded="true"] .faq-icon:after{background:#fff}
    .faq-question[aria-expanded="true"] .faq-icon:after{transform:rotate(0)}
    .faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
    .faq-answer > div{overflow:hidden}.faq-answer p{margin:0;padding:0 40px 20px 0;color:var(--muted);font-size:14px;line-height:1.9}
    .faq-item.open .faq-answer{grid-template-rows:1fr}
    .site-footer{background:var(--ink);color:#f7edee;padding:57px 0 25px}
    .footer-top{display:grid;grid-template-columns:1.45fr .75fr .9fr;gap:45px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.15)}
    .footer-brand{font-family:STSong,"Songti SC",serif;font-size:22px;font-weight:700}.footer-brand p{max-width:420px;margin:11px 0 0;color:#bfb3b7;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:13px;line-height:1.85}
    .footer-title{margin:3px 0 12px;color:#e4aa94;font-size:12px;font-weight:800;letter-spacing:.12em}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{color:#d8cccf;font-size:13px;transition:color .18s ease}.footer-links a:hover{color:#fff}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:21px;color:#a99ca1;font-size:12px}.footer-bottom a:hover{color:#fff}
    @media(max-width:1024px){
      .desktop-nav{gap:18px}.hero-grid{grid-template-columns:1fr;gap:35px}.demo-stage{max-width:650px}.path-layout,.faq-grid,.recommend-grid,.story-grid{grid-template-columns:1fr;gap:35px}.section-index,.faq-side{position:static}.section-index{max-width:620px}.mode-grid{max-width:760px}.footer-top{grid-template-columns:1.2fr 1fr 1fr}.feature-index{grid-template-columns:1fr}
    }
    @media(max-width:768px){
      .container{width:min(100% - 40px,1180px)}.nav-wrap{height:67px}.desktop-nav,.nav-actions .btn{display:none}.mobile-toggle{display:grid;place-items:center}.mobile-panel{position:absolute;top:67px;left:0;right:0;padding:18px 20px 24px;border-bottom:1px solid var(--line);background:var(--paper);box-shadow:0 15px 22px rgba(43,35,38,.09)}.mobile-panel.open{display:block}.mobile-panel a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-weight:700}.mobile-panel .btn{width:100%;margin-top:18px}.brand{min-width:0;font-size:16px}.language-btn{padding:7px 9px}.hero{padding-top:54px}.hero-grid{padding-bottom:48px}h1{font-size:39px}.index-list{grid-template-columns:repeat(2,1fr)}.index-item:nth-child(3){border-left:1px solid rgba(255,255,255,.13)}.section{padding:70px 0}.path-item{grid-template-columns:60px 1fr;gap:14px}.path-number{font-size:38px}.compare-head{display:block}.compare-head .section-intro{margin-top:10px}.recommend-grid{gap:26px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:auto}.news-item{grid-template-columns:72px 1fr auto;gap:11px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:1/-1}.faq-grid{gap:22px}
    }
    @media(max-width:520px){
      .container{width:calc(100% - 32px)}.brand{max-width:194px;line-height:1.3}.play-mark{width:27px;height:27px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-points{gap:12px}.hero-points div{width:calc(50% - 8px)}.demo-stage{min-height:360px;padding:18px}.cover-panel{height:215px}.cover-title{font-size:25px}.index-item{padding:13px 10px;font-size:11px}.section-title{font-size:30px}.path-item{display:block}.path-number{margin-bottom:10px}.feature-list{padding:9px 15px}.feature-row{grid-template-columns:45px 1fr}.feature-row time{display:none}.thumb{width:45px;height:38px}.news-item{grid-template-columns:55px 1fr}.news-item .round-arrow{display:none}.news-item h3{font-size:15px}.reader-note.small{width:88%}.cta-section{padding:78px 0}.faq-question{font-size:15px}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}
    }

/* roulang page: category1 */
:root{
            --paper:#f5f1eb;
            --paper-deep:#ebe3da;
            --ink:#1d1a1d;
            --berry:#7a3f68;
            --berry-dark:#5e2e50;
            --berry-soft:#eee1e9;
            --clay:#d98563;
            --text:#292527;
            --muted:#746d6c;
            --line:#dcd4cd;
            --white:#fffdfa;
            --olive:#73735c;
            --radius:16px;
            --radius-lg:22px;
            --shadow:0 16px 38px rgba(47,37,42,.09);
            --shadow-soft:0 8px 24px rgba(47,37,42,.07);
        }

        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;
            background:var(--paper);
            color:var(--text);
            font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
            font-size:16px;
            line-height:1.8;
            text-rendering:optimizeLegibility;
        }
        body.menu-open{overflow:hidden}
        a{color:inherit;text-decoration:none}
        button,input{font:inherit}
        button{cursor:pointer}
        img{max-width:100%;display:block}
        svg{display:block}
        h1,h2,h3,p{margin-top:0}
        ::selection{background:#d9bdcf;color:var(--ink)}
        .container{width:min(1180px,calc(100% - 48px));margin:0 auto}
        .focus-ring:focus-visible,
        a:focus-visible,
        button:focus-visible,
        input:focus-visible{
            outline:3px solid var(--clay);
            outline-offset:3px;
        }

        .reading-progress{
            position:fixed;
            top:0;
            left:0;
            z-index:80;
            width:0;
            height:3px;
            background:var(--clay);
            transition:width .08s linear;
        }

        .site-header{
            position:sticky;
            top:0;
            z-index:50;
            background:rgba(245,241,235,.94);
            border-bottom:1px solid var(--line);
            backdrop-filter:blur(10px);
            transition:box-shadow .2s ease;
        }
        .site-header.scrolled{box-shadow:0 8px 24px rgba(47,37,42,.07)}
        .nav-wrap{
            height:76px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:22px;
        }
        .brand{
            display:flex;
            align-items:center;
            gap:10px;
            min-width:205px;
            font-family:STSong,"Songti SC",serif;
            font-size:18px;
            font-weight:700;
            letter-spacing:.02em;
        }
        .play-mark{
            display:grid;
            place-items:center;
            width:31px;
            height:31px;
            flex:0 0 auto;
            border-radius:50%;
            background:var(--berry);
            color:#fffaf5;
            box-shadow:0 6px 14px rgba(122,63,104,.2);
        }
        .play-mark svg{width:16px;height:16px;margin-left:2px}
        .desktop-nav{
            display:flex;
            align-items:center;
            justify-content:center;
            gap:28px;
            flex:1;
        }
        .nav-link{
            position:relative;
            padding:24px 0;
            color:#5d5658;
            font-size:14px;
            font-weight:600;
            transition:color .18s ease;
        }
        .nav-link:hover,.nav-link.active{color:var(--berry)}
        .nav-link.active:after{
            content:"";
            position:absolute;
            bottom:14px;
            left:50%;
            width:18px;
            height:3px;
            border-radius:4px;
            background:var(--berry);
            transform:translateX(-50%);
        }
        .nav-actions{display:flex;align-items:center;gap:10px}
        .language-wrap{position:relative}
        .language-btn{
            display:flex;
            align-items:center;
            gap:7px;
            padding:8px 10px;
            border:1px solid var(--line);
            border-radius:999px;
            color:#5b5355;
            background:#fffaf5;
            font-size:12px;
            font-weight:700;
            transition:.18s ease;
        }
        .language-btn:hover{border-color:var(--berry);color:var(--berry)}
        .language-menu{
            position:absolute;
            right:0;
            top:calc(100% + 8px);
            width:155px;
            padding:7px;
            border:1px solid var(--line);
            border-radius:12px;
            background:var(--white);
            box-shadow:var(--shadow);
            display:none;
        }
        .language-menu.open{display:block}
        .language-menu button{
            display:block;
            width:100%;
            border:0;
            background:transparent;
            padding:8px 9px;
            border-radius:8px;
            text-align:left;
            color:var(--text);
            font-size:13px;
        }
        .language-menu button:hover{background:#f0e7ed;color:var(--berry)}
        .btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:9px;
            border:1px solid transparent;
            border-radius:999px;
            padding:12px 18px;
            font-size:14px;
            font-weight:700;
            line-height:1.25;
            transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
        }
        .btn:hover{transform:translateY(-2px)}
        .btn:active{transform:translateY(0)}
        .btn-primary{
            background:var(--berry);
            color:#fffaf5;
            box-shadow:0 8px 20px rgba(122,63,104,.2);
        }
        .btn-primary:hover{background:var(--berry-dark)}
        .btn-light{background:#fffaf5;color:var(--ink)}
        .btn-light:hover{background:#eadfe5}
        .btn-outline-dark{border-color:#b9acab;background:transparent;color:var(--text)}
        .btn-outline-dark:hover{border-color:var(--berry);color:var(--berry);background:#fffaf5}
        .btn-outline{background:transparent;border-color:rgba(255,250,245,.45);color:#fffaf5}
        .btn-outline:hover{border-color:#fffaf5;background:rgba(255,255,255,.08)}
        .btn-sm{padding:9px 14px;font-size:13px}
        .mobile-toggle{
            display:none;
            place-items:center;
            width:40px;
            height:40px;
            border:1px solid var(--line);
            border-radius:10px;
            background:#fffaf5;
            color:var(--ink);
        }
        .mobile-panel{display:none}

        .category-hero{
            position:relative;
            overflow:hidden;
            padding:68px 0 52px;
            border-bottom:1px solid var(--line);
            background:var(--paper-deep);
        }
        .category-hero:before{
            content:"";
            position:absolute;
            inset:0;
            opacity:.34;
            pointer-events:none;
            background-image:radial-gradient(rgba(71,58,65,.22) .65px,transparent .7px);
            background-size:8px 8px;
            mask-image:linear-gradient(90deg,transparent 15%,black 80%);
        }
        .category-hero-grid{
            position:relative;
            display:grid;
            grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);
            align-items:center;
            gap:72px;
        }
        .breadcrumb{
            display:flex;
            align-items:center;
            flex-wrap:wrap;
            gap:8px;
            margin-bottom:21px;
            color:var(--muted);
            font-size:13px;
        }
        .breadcrumb a:hover{color:var(--berry)}
        .breadcrumb span[aria-current]{color:var(--berry);font-weight:700}
        .hero-kicker{
            display:flex;
            align-items:center;
            gap:10px;
            margin-bottom:13px;
            color:var(--berry);
            font-size:12px;
            font-weight:800;
            letter-spacing:.15em;
        }
        .hero-kicker:before{content:"";width:28px;height:1px;background:var(--berry)}
        .category-hero h1{
            max-width:760px;
            margin-bottom:20px;
            font-family:STSong,"Songti SC",serif;
            font-size:clamp(36px,5vw,58px);
            line-height:1.16;
            letter-spacing:-.04em;
        }
        .category-lead{
            max-width:720px;
            margin-bottom:25px;
            color:#625b5c;
            font-size:16px;
            line-height:1.95;
        }
        .hero-meta{
            display:flex;
            flex-wrap:wrap;
            gap:10px 22px;
            color:var(--muted);
            font-size:13px;
        }
        .hero-meta span{display:inline-flex;align-items:center;gap:7px}
        .meta-dot{width:7px;height:7px;border-radius:50%;background:var(--clay)}
        .directory-cover{
            position:relative;
            min-height:330px;
            overflow:hidden;
            padding:29px;
            border-radius:var(--radius-lg);
            background:var(--ink);
            color:#fffaf5;
            box-shadow:0 25px 50px rgba(47,37,42,.18);
        }
        .directory-cover:before,
        .directory-cover:after{
            content:"";
            position:absolute;
            top:11px;
            bottom:11px;
            width:6px;
            opacity:.58;
            background:radial-gradient(circle,#f5f1eb 1.5px,transparent 1.8px) 0 0/6px 16px;
        }
        .directory-cover:before{left:10px}
        .directory-cover:after{right:10px}
        .cover-orbit{
            position:absolute;
            right:-55px;
            bottom:-65px;
            width:230px;
            height:230px;
            border:42px solid rgba(122,63,104,.56);
            border-radius:50%;
        }
        .cover-number{
            color:#d7a28b;
            font-size:12px;
            font-weight:800;
            letter-spacing:.2em;
        }
        .cover-heading{
            position:relative;
            z-index:2;
            max-width:220px;
            margin-top:55px;
            font-family:STSong,"Songti SC",serif;
            font-size:31px;
            line-height:1.3;
        }
        .cover-line{
            position:absolute;
            left:29px;
            right:29px;
            bottom:33px;
            height:3px;
            border-radius:5px;
            background:rgba(255,255,255,.16);
        }
        .cover-line:after{
            content:"";
            display:block;
            width:62%;
            height:100%;
            border-radius:inherit;
            background:var(--clay);
        }

        .tag-rail{
            padding:18px 0;
            border-bottom:1px solid var(--line);
            background:#eee6de;
        }
        .tag-scroll{
            display:flex;
            gap:10px;
            overflow-x:auto;
            padding:2px 1px 5px;
            scrollbar-width:thin;
        }
        .topic-tag{
            white-space:nowrap;
            border:1px solid #cfc3c0;
            border-radius:999px;
            padding:7px 13px;
            background:#f9f5f0;
            color:#5d5555;
            font-size:13px;
            transition:.18s ease;
        }
        .topic-tag:hover,.topic-tag.selected{
            border-color:var(--berry);
            background:var(--berry);
            color:#fff;
        }

        .section{padding:88px 0}
        .section-soft{background:#eee7df;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
        .section-dark{background:var(--ink);color:#fffaf5}
        .section-kicker{
            margin-bottom:10px;
            color:var(--berry);
            font-size:12px;
            font-weight:800;
            letter-spacing:.14em;
        }
        .section-dark .section-kicker{color:#e1a98f}
        .section-title{
            margin-bottom:14px;
            font-family:STSong,"Songti SC",serif;
            font-size:clamp(29px,3.2vw,40px);
            line-height:1.25;
            letter-spacing:-.03em;
        }
        .section-intro{
            max-width:680px;
            margin-bottom:0;
            color:var(--muted);
            font-size:15px;
            line-height:1.9;
        }

        .catalog-layout{
            display:grid;
            grid-template-columns:270px minmax(0,1fr);
            gap:42px;
            align-items:start;
        }
        .filter-sidebar{
            position:sticky;
            top:101px;
            border:1px solid var(--line);
            border-radius:var(--radius);
            background:#faf6f1;
            box-shadow:var(--shadow-soft);
            overflow:hidden;
        }
        .filter-heading{
            display:flex;
            align-items:center;
            justify-content:space-between;
            padding:18px 19px;
            border-bottom:1px solid var(--line);
        }
        .filter-heading strong{font-family:STSong,"Songti SC",serif;font-size:20px}
        .reset-button{
            border:0;
            padding:3px;
            background:transparent;
            color:var(--berry);
            font-size:12px;
            font-weight:700;
        }
        .filter-group{border-bottom:1px solid var(--line)}
        .filter-group:last-child{border-bottom:0}
        .filter-toggle{
            display:flex;
            align-items:center;
            justify-content:space-between;
            width:100%;
            padding:15px 19px;
            border:0;
            background:transparent;
            color:var(--text);
            font-size:14px;
            font-weight:700;
            text-align:left;
        }
        .filter-toggle:hover{color:var(--berry)}
        .filter-toggle svg{transition:transform .2s ease}
        .filter-toggle[aria-expanded="false"] svg{transform:rotate(-90deg)}
        .filter-options{
            display:flex;
            flex-wrap:wrap;
            gap:8px;
            padding:0 19px 18px;
        }
        .filter-options.collapsed{display:none}
        .filter-chip{
            border:1px solid #cec3be;
            border-radius:999px;
            padding:6px 10px;
            background:var(--white);
            color:#61595a;
            font-size:12px;
            transition:.18s ease;
        }
        .filter-chip:hover,.filter-chip.active{
            border-color:var(--berry);
            background:var(--berry-soft);
            color:var(--berry-dark);
        }
        .filter-chip.active{box-shadow:inset 0 0 0 1px var(--berry)}
        .mobile-filter-button{display:none;margin-bottom:18px}

        .content-toolbar{
            display:flex;
            align-items:end;
            justify-content:space-between;
            gap:20px;
            margin-bottom:22px;
            padding-bottom:16px;
            border-bottom:1px solid var(--line);
        }
        .content-toolbar h2{
            margin-bottom:4px;
            font-family:STSong,"Songti SC",serif;
            font-size:31px;
            line-height:1.3;
        }
        .content-toolbar p{margin-bottom:0;color:var(--muted);font-size:13px}
        .sort-select{
            border:1px solid var(--line);
            border-radius:999px;
            padding:8px 13px;
            background:#fffaf5;
            color:var(--text);
            font-size:13px;
            font-weight:700;
        }

        .featured-card{
            display:grid;
            grid-template-columns:minmax(270px,.95fr) minmax(0,1.05fr);
            overflow:hidden;
            margin-bottom:17px;
            border:1px solid var(--line);
            border-radius:var(--radius-lg);
            background:var(--white);
            box-shadow:var(--shadow-soft);
            transition:.2s ease;
        }
        .featured-card:hover{border-color:var(--berry);box-shadow:var(--shadow)}
        .abstract-cover{
            position:relative;
            min-height:285px;
            overflow:hidden;
            background:#4c3a47;
        }
        .abstract-cover:before{
            content:"";
            position:absolute;
            width:250px;
            height:250px;
            top:-80px;
            right:-45px;
            border-radius:50%;
            background:#9c657f;
            opacity:.74;
        }
        .abstract-cover:after{
            content:"";
            position:absolute;
            width:210px;
            height:110px;
            left:-30px;
            bottom:22px;
            transform:rotate(-8deg);
            background:#d98563;
            opacity:.72;
        }
        .cover-grid{
            position:absolute;
            inset:0;
            opacity:.16;
            background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);
            background-size:28px 28px;
        }
        .play-icon{
            position:absolute;
            z-index:3;
            left:27px;
            bottom:26px;
            display:grid;
            place-items:center;
            width:44px;
            height:44px;
            border:1px solid rgba(255,255,255,.7);
            border-radius:50%;
            color:#fff;
            background:rgba(29,26,29,.2);
        }
        .featured-copy{display:flex;flex-direction:column;justify-content:center;padding:31px}
        .badge{
            display:inline-flex;
            align-items:center;
            width:max-content;
            gap:7px;
            margin-bottom:12px;
            border-radius:999px;
            padding:5px 9px;
            background:var(--berry-soft);
            color:var(--berry-dark);
            font-size:11px;
            font-weight:800;
        }
        .badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--clay)}
        .featured-copy h3{
            margin-bottom:10px;
            font-family:STSong,"Songti SC",serif;
            font-size:26px;
            line-height:1.35;
        }
        .featured-copy p{margin-bottom:17px;color:var(--muted);font-size:14px;line-height:1.85}
        .card-meta{
            display:flex;
            flex-wrap:wrap;
            gap:9px 18px;
            color:#82797a;
            font-size:12px;
        }
        .card-link{
            display:inline-flex;
            align-items:center;
            gap:7px;
            width:max-content;
            margin-top:20px;
            color:var(--berry);
            font-size:13px;
            font-weight:800;
        }
        .card-link span{transition:transform .18s ease}
        .card-link:hover span{transform:translateX(4px)}

        .content-list{display:grid;gap:12px}
        .content-item{
            display:grid;
            grid-template-columns:190px minmax(0,1fr) 112px;
            gap:20px;
            align-items:center;
            padding:13px;
            border:1px solid var(--line);
            border-radius:14px;
            background:#fbf8f4;
            transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
        }
        .content-item:hover{
            border-color:var(--berry);
            box-shadow:var(--shadow-soft);
            transform:translateY(-2px);
        }
        .content-thumb{
            position:relative;
            aspect-ratio:16/10;
            overflow:hidden;
            border-radius:10px;
            background:#76616c;
        }
        .content-thumb:before{
            content:"";
            position:absolute;
            inset:0;
            transition:transform .35s ease;
            background:
                radial-gradient(circle at 72% 30%,rgba(217,133,99,.8) 0 16%,transparent 17%),
                linear-gradient(145deg,#3e343a 0 45%,#8f637b 46% 70%,#d2b8a7 71%);
        }
        .content-item:hover .content-thumb:before{transform:scale(1.06)}
        .thumb-two:before{
            background:
                linear-gradient(90deg,transparent 0 14%,rgba(255,255,255,.18) 15% 16%,transparent 17% 32%,rgba(255,255,255,.18) 33% 34%,transparent 35%),
                linear-gradient(155deg,#6d6b58,#b98568);
        }
        .thumb-three:before{
            background:
                radial-gradient(circle at 35% 38%,#d8a07f 0 17%,transparent 18%),
                radial-gradient(circle at 72% 65%,#69505f 0 25%,transparent 26%),
                #b7aaa4;
        }
        .thumb-four:before{
            background:
                linear-gradient(25deg,transparent 0 38%,#78445f 39% 58%,transparent 59%),
                repeating-linear-gradient(90deg,#40383b 0 17px,#6d625f 18px 20px);
        }
        .thumb-five:before{
            background:
                radial-gradient(ellipse at 20% 80%,#d98563 0 20%,transparent 21%),
                linear-gradient(120deg,#5b5c4b,#978b7f 58%,#44343e);
        }
        .mini-play{
            position:absolute;
            left:12px;
            bottom:11px;
            display:grid;
            place-items:center;
            width:29px;
            height:29px;
            border:1px solid rgba(255,255,255,.75);
            border-radius:50%;
            background:rgba(29,26,29,.42);
            color:#fff;
        }
        .item-copy{min-width:0}
        .item-label{
            margin-bottom:4px;
            color:var(--berry);
            font-size:11px;
            font-weight:800;
        }
        .item-copy h3{
            margin-bottom:5px;
            font-family:STSong,"Songti SC",serif;
            font-size:20px;
            line-height:1.4;
            transition:color .18s ease;
        }
        .content-item:hover h3{color:var(--berry)}
        .item-copy p{
            display:-webkit-box;
            overflow:hidden;
            margin-bottom:0;
            color:var(--muted);
            font-size:13px;
            line-height:1.65;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:2;
        }
        .item-tail{
            padding-left:18px;
            border-left:1px solid var(--line);
            color:#7d7475;
            font-size:12px;
        }
        .item-tail span{display:block;margin:4px 0}

        .editor-banner{
            position:relative;
            overflow:hidden;
            display:grid;
            grid-template-columns:120px minmax(0,1fr) auto;
            align-items:center;
            gap:22px;
            margin:22px 0;
            padding:24px;
            border:1px solid #cbbcc5;
            border-radius:var(--radius);
            background:#e7d9e2;
        }
        .editor-number{
            font-family:STSong,"Songti SC",serif;
            color:var(--berry);
            font-size:49px;
            line-height:1;
        }
        .editor-banner h3{margin-bottom:4px;font-family:STSong,"Songti SC",serif;font-size:21px}
        .editor-banner p{margin-bottom:0;color:#675e62;font-size:13px}
        .load-row{display:flex;justify-content:center;margin-top:28px}
        .empty-state{
            display:none;
            padding:52px 24px;
            border:1px dashed #bdaeb3;
            border-radius:var(--radius);
            background:#faf6f1;
            text-align:center;
        }
        .empty-icon{
            display:grid;
            place-items:center;
            width:54px;
            height:54px;
            margin:0 auto 16px;
            border-radius:50%;
            background:var(--berry-soft);
            color:var(--berry);
        }
        .empty-state h3{margin-bottom:5px;font-family:STSong,"Songti SC",serif;font-size:22px}
        .empty-state p{margin-bottom:17px;color:var(--muted);font-size:14px}

        .steps-grid{
            display:grid;
            grid-template-columns:300px minmax(0,1fr);
            gap:65px;
            align-items:start;
        }
        .sticky-title{position:sticky;top:110px}
        .path-list{border-top:1px solid var(--line)}
        .path-item{
            display:grid;
            grid-template-columns:62px minmax(0,1fr);
            gap:24px;
            padding:29px 0;
            border-bottom:1px solid var(--line);
        }
        .path-number{
            color:var(--berry);
            font-size:31px;
            font-weight:300;
            line-height:1.2;
        }
        .path-item h3{margin-bottom:7px;font-family:STSong,"Songti SC",serif;font-size:23px}
        .path-item p{margin-bottom:0;color:var(--muted);font-size:14px}

        .notice-grid{
            display:grid;
            grid-template-columns:1.05fr .95fr;
            gap:28px;
        }
        .notice-card{
            padding:31px;
            border:1px solid rgba(255,255,255,.15);
            border-radius:var(--radius);
            background:#282328;
        }
        .notice-card h3{margin-bottom:10px;font-family:STSong,"Songti SC",serif;font-size:24px}
        .notice-card p{margin-bottom:0;color:#c9bec1;font-size:14px}
        .notice-list{display:grid;gap:11px;margin-top:20px}
        .notice-item{
            display:flex;
            align-items:flex-start;
            gap:11px;
            padding-top:11px;
            border-top:1px solid rgba(255,255,255,.12);
            color:#d7cdd0;
            font-size:13px;
        }
        .notice-item b{color:#fffaf5}
        .notice-dot{width:8px;height:8px;flex:0 0 auto;margin-top:8px;border-radius:50%;background:var(--clay)}

        .faq-layout{
            display:grid;
            grid-template-columns:300px minmax(0,1fr);
            gap:65px;
        }
        .faq-index{
            padding:24px;
            border-left:3px solid var(--berry);
            background:#eee5dd;
            border-radius:0 var(--radius) var(--radius) 0;
        }
        .faq-index strong{display:block;margin-bottom:10px;font-family:STSong,"Songti SC",serif;font-size:21px}
        .faq-index a{display:block;padding:5px 0;color:var(--muted);font-size:13px}
        .faq-index a:hover{color:var(--berry)}
        .faq-list{border-top:1px solid var(--line)}
        .faq-item{border-bottom:1px solid var(--line)}
        .faq-question{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:20px;
            width:100%;
            padding:21px 0;
            border:0;
            background:transparent;
            color:var(--text);
            text-align:left;
            font-size:16px;
            font-weight:700;
        }
        .faq-question:hover{color:var(--berry)}
        .faq-symbol{
            position:relative;
            width:22px;
            height:22px;
            flex:0 0 auto;
            border:1px solid #bcaeb2;
            border-radius:50%;
        }
        .faq-symbol:before,.faq-symbol:after{
            content:"";
            position:absolute;
            top:50%;
            left:50%;
            width:10px;
            height:1px;
            background:currentColor;
            transform:translate(-50%,-50%);
        }
        .faq-symbol:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s ease}
        .faq-question[aria-expanded="true"] .faq-symbol:after{transform:translate(-50%,-50%) rotate(0)}
        .faq-answer{
            display:grid;
            grid-template-rows:0fr;
            transition:grid-template-rows .25s ease;
        }
        .faq-answer.open{grid-template-rows:1fr}
        .faq-answer > div{overflow:hidden}
        .faq-answer p{max-width:720px;margin:0;padding:0 38px 20px 0;color:var(--muted);font-size:14px}

        .cta-section{padding:86px 0;background:var(--berry-dark);color:#fffaf5}
        .cta-panel{
            position:relative;
            overflow:hidden;
            display:grid;
            grid-template-columns:minmax(0,1fr) auto;
            align-items:center;
            gap:50px;
            padding:52px;
            border:1px solid rgba(255,255,255,.2);
            border-radius:var(--radius-lg);
            background:#653555;
        }
        .cta-panel:after{
            content:"02";
            position:absolute;
            right:25%;
            bottom:-70px;
            color:rgba(255,255,255,.06);
            font-family:STSong,"Songti SC",serif;
            font-size:210px;
            line-height:1;
        }
        .cta-copy{position:relative;z-index:2}
        .cta-copy h2{
            max-width:690px;
            margin-bottom:12px;
            font-family:STSong,"Songti SC",serif;
            font-size:clamp(31px,4vw,47px);
            line-height:1.25;
        }
        .cta-copy p{max-width:670px;margin-bottom:0;color:#e2d3dc;font-size:14px}
        .cta-actions{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;min-width:180px}

        .site-footer{
            padding:67px 0 27px;
            background:var(--ink);
            color:#d4c9cc;
        }
        .footer-top{
            display:grid;
            grid-template-columns:1.6fr .7fr .8fr;
            gap:60px;
            padding-bottom:43px;
        }
        .footer-brand{
            display:inline-flex;
            margin-bottom:14px;
            color:#fffaf5;
            font-family:STSong,"Songti SC",serif;
            font-size:21px;
            font-weight:700;
        }
        .footer-top p{max-width:470px;margin-bottom:0;color:#aaa0a3;font-size:13px;line-height:1.9}
        .footer-title{margin-bottom:13px;color:#fffaf5;font-size:13px;font-weight:800}
        .footer-links{display:grid;gap:8px}
        .footer-links a{width:max-content;color:#aaa0a3;font-size:13px;transition:color .18s ease}
        .footer-links a:hover{color:#fffaf5}
        .footer-bottom{
            display:flex;
            justify-content:space-between;
            gap:22px;
            padding-top:22px;
            border-top:1px solid rgba(255,255,255,.12);
            color:#8e8588;
            font-size:12px;
        }

        @media (max-width:1024px){
            .desktop-nav{display:none}
            .mobile-toggle{display:grid}
            .nav-actions .btn-sm{display:none}
            .mobile-panel{
                position:fixed;
                top:77px;
                right:0;
                z-index:55;
                width:min(360px,100%);
                height:calc(100vh - 77px);
                padding:26px;
                border-left:1px solid var(--line);
                background:var(--paper);
                box-shadow:-18px 20px 38px rgba(47,37,42,.12);
            }
            .mobile-panel.open{display:flex;flex-direction:column;gap:7px}
            .mobile-panel > a:not(.btn){padding:13px 4px;border-bottom:1px solid var(--line);font-weight:700}
            .mobile-panel .btn{margin-top:16px}
            .category-hero-grid{grid-template-columns:minmax(0,1fr) 290px;gap:38px}
            .catalog-layout{grid-template-columns:1fr}
            .filter-sidebar{
                display:none;
                position:static;
                margin-bottom:23px;
            }
            .filter-sidebar.open{display:block}
            .mobile-filter-button{display:inline-flex}
            .steps-grid,.faq-layout{grid-template-columns:1fr;gap:30px}
            .sticky-title{position:static}
            .faq-index{display:none}
        }

        @media (max-width:768px){
            .container{width:min(100% - 40px,1180px)}
            .nav-wrap{height:69px}
            .brand{min-width:0;max-width:260px;font-size:15px;line-height:1.25}
            .language-btn{max-width:43px;overflow:hidden;white-space:nowrap;color:transparent}
            .language-btn svg{color:var(--text);flex:0 0 auto}
            .language-menu{top:45px}
            .mobile-panel{top:70px;height:calc(100vh - 70px)}
            .category-hero{padding:48px 0 42px}
            .category-hero-grid{grid-template-columns:1fr}
            .category-hero h1{font-size:clamp(34px,10vw,45px)}
            .directory-cover{min-height:240px}
            .cover-heading{margin-top:31px}
            .section{padding:68px 0}
            .featured-card{grid-template-columns:1fr}
            .abstract-cover{min-height:220px}
            .content-item{grid-template-columns:145px minmax(0,1fr)}
            .item-tail{
                grid-column:2;
                display:flex;
                gap:17px;
                padding:8px 0 0;
                border-left:0;
                border-top:1px solid var(--line);
            }
            .editor-banner{grid-template-columns:70px minmax(0,1fr)}
            .editor-banner .btn{grid-column:1/-1;width:max-content}
            .notice-grid{grid-template-columns:1fr}
            .cta-panel{grid-template-columns:1fr;padding:38px 30px}
            .cta-actions{align-items:flex-start}
            .footer-top{grid-template-columns:1fr 1fr;gap:36px}
            .footer-top > div:first-child{grid-column:1/-1}
        }

        @media (max-width:520px){
            .container{width:calc(100% - 38px)}
            .brand{max-width:190px}
            .play-mark{width:28px;height:28px}
            .nav-actions{gap:7px}
            .language-btn{display:none}
            .category-hero{padding-top:39px}
            .breadcrumb{margin-bottom:16px}
            .category-lead{font-size:15px}
            .hero-meta{display:grid;gap:6px}
            .directory-cover{min-height:218px;padding:24px}
            .cover-heading{font-size:27px}
            .content-toolbar{align-items:flex-start;flex-direction:column}
            .content-toolbar h2{font-size:28px}
            .featured-copy{padding:24px}
            .featured-copy h3{font-size:23px}
            .content-item{
                grid-template-columns:112px minmax(0,1fr);
                gap:14px;
                padding:10px;
            }
            .item-copy h3{font-size:17px}
            .item-copy p{display:none}
            .item-tail{font-size:11px}
            .editor-banner{grid-template-columns:1fr;gap:10px;padding:21px}
            .editor-banner .btn{grid-column:auto}
            .path-item{grid-template-columns:42px minmax(0,1fr);gap:13px}
            .path-number{font-size:25px}
            .notice-card{padding:24px}
            .faq-question{font-size:15px}
            .cta-section{padding:61px 0}
            .cta-panel{padding:31px 22px}
            .cta-copy h2{font-size:31px}
            .cta-actions{width:100%}
            .cta-actions .btn{width:100%}
            .footer-top{grid-template-columns:1fr}
            .footer-top > div:first-child{grid-column:auto}
            .footer-bottom{flex-direction:column}
        }

        @media (prefers-reduced-motion:reduce){
            html{scroll-behavior:auto}
            *,*:before,*:after{transition:none!important;animation:none!important}
        }