/* roulang page: index */
:root{
      --ink:#241b2f;
      --ink-soft:#3d3348;
      --coral:#d76a4a;
      --coral-deep:#b95139;
      --paper:#f5f0e8;
      --paper-light:#fbf9f4;
      --sage:#dce7dd;
      --lilac:#e9e2ed;
      --apricot:#f1dfcf;
      --muted:#716b68;
      --line:#d9d0c5;
      --white:#fffdf9;
      --shadow:0 16px 38px rgba(49,35,43,.08);
      --shadow-soft:0 8px 22px rgba(49,35,43,.06);
      --radius-lg:18px;
      --radius-md:11px;
      --radius-sm:7px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--paper);
      font-family:Inter,"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;
      font-size:16px;
      line-height:1.75;
      -webkit-font-smoothing:antialiased;
    }
    a{color:inherit;text-decoration:none;transition:.25s ease}
    img{max-width:100%;display:block}
    button,input,select{font:inherit}
    .container{max-width:1200px;padding-left:24px;padding-right:24px}
    .site-header{background:rgba(251,249,244,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000}
    .brand-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em;font-size:20px}
    .brand-mark{width:34px;height:34px;background:var(--ink);color:var(--paper-light);display:grid;place-items:center;border-radius:9px;font-size:15px;position:relative}
    .brand-mark:after{content:"";position:absolute;width:8px;height:8px;background:var(--coral);border-radius:50%;right:-3px;top:-3px}
    .brand:hover{color:var(--coral-deep)}
    .header-actions{display:flex;align-items:center;gap:12px}
    .search-mini{display:flex;align-items:center;border:1px solid var(--line);background:var(--white);border-radius:30px;padding:3px 5px 3px 14px}
    .search-mini input{border:0;outline:0;background:transparent;width:150px;color:var(--ink);font-size:14px}
    .search-mini button{border:0;background:var(--coral);color:#fff;border-radius:22px;padding:7px 13px;font-size:13px;cursor:pointer}
    .search-mini button:hover{background:var(--coral-deep)}
    .channel-row{border-top:1px solid #ebe4da}
    .channel-nav{display:flex;align-items:center;gap:7px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
    .channel-nav::-webkit-scrollbar{display:none}
    .channel-link{display:inline-flex;align-items:center;min-height:50px;padding:0 17px;color:var(--muted);font-size:14px;position:relative}
    .channel-link:after{content:"";position:absolute;left:17px;right:17px;bottom:0;height:3px;background:transparent}
    .channel-link:hover,.channel-link.active{color:var(--ink);font-weight:700}
    .channel-link.active:after{background:var(--coral)}
    .btn-main,.btn-outline,.btn-coral{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 21px;border-radius:var(--radius-sm);font-weight:700;font-size:14px;border:1px solid transparent}
    .btn-main{background:var(--ink);color:#fff}
    .btn-main:hover{background:#392c49;color:#fff;transform:translateY(-2px)}
    .btn-outline{border-color:var(--ink);color:var(--ink);background:transparent}
    .btn-outline:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
    .btn-coral{background:var(--coral);color:#fff}
    .btn-coral:hover{background:var(--coral-deep);color:#fff;transform:translateY(-2px)}
    a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(215,106,74,.4);outline-offset:3px}
    .hero{padding:74px 0 78px;background:var(--paper-light);border-bottom:1px solid var(--line);overflow:hidden}
    .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}
    .eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--coral-deep);text-transform:uppercase}
    .hero h1{font-size:clamp(40px,5vw,64px);line-height:1.15;letter-spacing:-.055em;margin:16px 0 22px;max-width:650px}
    .hero-copy{font-size:18px;color:var(--muted);max-width:620px;margin-bottom:29px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:33px}
    .hero-notes{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:13px}
    .hero-notes strong{display:block;color:var(--ink);font-size:18px;line-height:1.2}
    .editor-board{position:relative;min-height:430px;background:var(--ink);border-radius:var(--radius-lg);padding:27px;color:#fff;box-shadow:var(--shadow);transform:rotate(1.2deg)}
    .board-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.24);padding-bottom:15px;font-size:12px;color:#d5cedb}
    .board-title{font-size:30px;line-height:1.25;font-weight:800;max-width:350px;margin:28px 0 24px}
    .paper-card{background:var(--paper-light);color:var(--ink);padding:20px;border-radius:9px;position:absolute;right:24px;bottom:25px;width:68%;box-shadow:0 12px 26px rgba(0,0,0,.18);transform:rotate(-4deg)}
    .paper-card .cover-line{height:8px;background:var(--coral);width:42%;margin-bottom:14px}
    .paper-card h3{font-size:20px;line-height:1.35;margin:0 0 10px}
    .paper-card p{font-size:13px;color:var(--muted);line-height:1.65;margin:0 0 13px}
    .paper-meta{display:flex;justify-content:space-between;color:var(--coral-deep);font-size:12px;font-weight:700}
    .stamp{position:absolute;left:28px;bottom:45px;color:var(--coral);border:1px solid var(--coral);padding:7px 10px;border-radius:50%;font-size:12px;transform:rotate(-11deg)}
    .section{padding:100px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:42px}
    .section-head h2{font-size:clamp(29px,3.5vw,43px);line-height:1.2;letter-spacing:-.04em;margin:10px 0 0}
    .section-desc{max-width:540px;color:var(--muted);margin:0}
    .feature-layout{display:grid;grid-template-columns:5fr 7fr;gap:20px}
    .feature-lead{background:var(--sage);padding:34px;border-radius:var(--radius-lg);min-height:330px;display:flex;flex-direction:column;justify-content:space-between}
    .feature-lead h3{font-size:30px;line-height:1.3;margin:14px 0}
    .feature-lead p{color:var(--ink-soft);max-width:390px}
    .module-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .module{background:var(--white);border:1px solid var(--line);padding:25px;border-radius:var(--radius-md);min-height:155px;transition:.25s}
    .module:hover,.story-card:hover,.price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:#c4a99b}
    .module:nth-child(2){background:var(--lilac)}
    .module:nth-child(3){background:var(--apricot)}
    .module:nth-child(4){background:#ece8dd}
    .module-number{color:var(--coral-deep);font-weight:800;font-size:13px}
    .module h3{font-size:20px;margin:8px 0 4px}
    .module p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}
    .tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:30px;background:#efe5dc;color:var(--coral-deep);font-size:12px;font-weight:700}
    .scene-wrap{display:grid;grid-template-columns:250px 1fr;gap:28px}
    .scene-tabs{display:flex;flex-direction:column;gap:9px}
    .scene-tab{text-align:left;border:1px solid var(--line);background:transparent;border-radius:var(--radius-sm);padding:15px 17px;color:var(--muted);cursor:pointer}
    .scene-tab.active,.scene-tab:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
    .scene-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:33px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
    .scene-panel h3{font-size:28px;line-height:1.3;margin:12px 0}
    .scene-panel p{color:var(--muted);margin-bottom:20px}
    .scene-preview{min-height:220px;background:var(--ink);border-radius:12px;padding:20px;color:#fff}
    .preview-label{display:flex;justify-content:space-between;color:#c8bfce;font-size:12px;border-bottom:1px solid #625669;padding-bottom:12px}
    .preview-list{padding:17px 0 0;margin:0;list-style:none}
    .preview-list li{padding:12px 0;border-bottom:1px solid #51485a;font-size:14px;display:flex;gap:10px}
    .preview-list li span{color:var(--coral)}
    .stories{display:grid;grid-template-columns:1.35fr .85fr;gap:20px}
    .story-card{border:1px solid var(--line);background:var(--white);border-radius:var(--radius-md);overflow:hidden;transition:.25s}
    .story-card.large{display:grid;grid-template-columns:.9fr 1.1fr}
    .cover{min-height:210px;background:var(--ink);padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
    .cover:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.24);border-radius:50%;right:-62px;top:30px}
    .cover.coral{background:var(--coral)}
    .cover.sage{background:#596d5f}
    .cover small{position:relative;color:#f0d6c9}
    .cover strong{position:relative;font-size:26px;line-height:1.3;max-width:240px}
    .story-body{padding:26px}
    .story-body h3{font-size:23px;line-height:1.35;margin:12px 0}
    .story-body p{font-size:14px;color:var(--muted);margin-bottom:19px}
    .story-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}
    .story-side .story-card{display:grid;grid-template-columns:130px 1fr}
    .story-side .cover{min-height:100%}
    .story-side .cover strong{font-size:18px}
    .story-side .story-body{padding:18px}
    .story-side .story-body h3{font-size:17px;margin:7px 0}
    .story-side .story-body p{font-size:13px;margin:0 0 10px}
    .metrics{background:var(--ink);color:#fff;padding:64px 0}
    .metrics-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px;align-items:center}
    .metrics h2{font-size:30px;line-height:1.3;margin:10px 0}
    .metrics p{color:#c9c0cc;font-size:14px}
    .metric{border-left:1px solid #5b5062;padding-left:24px}
    .metric strong{font-size:25px;display:block;color:#fff}
    .metric span{color:#c9c0cc;font-size:13px}
    .pricing{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:stretch}
    .price-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;transition:.25s}
    .price-card.recommended{background:var(--ink);color:#fff;border-color:var(--ink);position:relative}
    .recommend{position:absolute;right:22px;top:22px;background:var(--coral);color:#fff;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700}
    .price-card h3{font-size:25px;margin:10px 0}
    .price{font-size:30px;font-weight:800;margin:15px 0 22px}
    .price small{font-size:14px;color:var(--muted);font-weight:400}
    .recommended .price small,.recommended .price-card p{color:#c9c0cc}
    .benefits{list-style:none;margin:0 0 25px;padding:0;color:var(--muted);font-size:14px}
    .recommended .benefits{color:#ded6e1}
    .benefits li{padding:8px 0;border-bottom:1px solid var(--line)}
    .recommended .benefits li{border-color:#51485a}
    .faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
    .faq-intro p{color:var(--muted);max-width:360px}
    .accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line)}
    .accordion-button{background:transparent!important;color:var(--ink)!important;box-shadow:none!important;padding:20px 0;font-weight:700}
    .accordion-button:after{background-size:14px}
    .accordion-body{padding:0 30px 20px 0;color:var(--muted);font-size:14px}
    .final-cta{padding:70px 0;background:var(--apricot)}
    .cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
    .cta-inner h2{font-size:34px;line-height:1.3;margin:0 0 10px}
    .cta-inner p{color:var(--muted);margin:0}
    footer{background:var(--ink);color:#fff;padding:52px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;padding-bottom:42px;border-bottom:1px solid #51485a}
    footer .brand{color:#fff}
    footer p{color:#c9c0cc;font-size:14px;max-width:330px}
    .footer-title{font-size:13px;color:#d9a18e;font-weight:700;margin-bottom:14px}
    .footer-links{display:flex;flex-direction:column;gap:8px;color:#c9c0cc;font-size:14px}
    .footer-links a:hover{color:#fff}
    .copyright{display:flex;justify-content:space-between;gap:20px;color:#a99eae;font-size:12px;padding-top:22px}
    @media(max-width:991px){
      .hero-grid,.feature-layout,.pricing,.faq-layout{grid-template-columns:1fr;gap:35px}
      .hero{padding-top:55px}
      .editor-board{max-width:650px}
      .metrics-grid{grid-template-columns:1.2fr 1fr 1fr}
      .metrics-grid .metric:last-child{grid-column:2}
    }
    @media(max-width:767px){
      .container{padding-left:18px;padding-right:18px}
      .brand-row{min-height:68px}
      .brand{font-size:16px}
      .brand-mark{width:30px;height:30px;font-size:13px}
      .header-actions .btn-outline{display:none}
      .search-mini{display:none}
      .channel-link{padding:0 14px;min-height:46px}
      .channel-link:after{left:14px;right:14px}
      .hero{padding:48px 0 55px}
      .hero h1{font-size:40px}
      .hero-copy{font-size:16px}
      .hero-notes{gap:17px}
      .editor-board{min-height:355px;padding:20px;transform:none}
      .board-title{font-size:24px;margin-top:24px}
      .paper-card{width:78%;right:15px;bottom:18px;padding:16px}
      .paper-card h3{font-size:17px}
      .stamp{left:16px;bottom:28px}
      .section{padding:68px 0}
      .section-head{display:block;margin-bottom:28px}
      .section-desc{margin-top:15px}
      .module-grid{grid-template-columns:1fr}
      .feature-lead{min-height:280px;padding:26px}
      .scene-wrap{grid-template-columns:1fr;gap:18px}
      .scene-tabs{flex-direction:row;overflow-x:auto;padding-bottom:4px}
      .scene-tab{min-width:max-content;padding:12px 14px}
      .scene-panel{grid-template-columns:1fr;padding:23px}
      .stories{grid-template-columns:1fr}
      .story-card.large{display:block}
      .story-side{grid-template-rows:auto}
      .story-side .story-card{grid-template-columns:110px 1fr}
      .metrics{padding:48px 0}
      .metrics-grid{grid-template-columns:1fr 1fr;gap:22px}
      .metrics-grid .metric:last-child{grid-column:auto}
      .metric{padding-left:15px}
      .metrics-grid>div:first-child{grid-column:1/-1}
      .cta-inner{display:block}
      .cta-inner .btn-coral{margin-top:22px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
      .footer-grid>div:first-child{grid-column:1/-1}
      .copyright{display:block}
      .copyright span{display:block;margin-top:8px}
    }
    @media(max-width:480px){
      .hero h1{font-size:35px}
      .hero-actions{flex-direction:column}
      .hero-actions a{width:100%}
      .story-side .story-card{grid-template-columns:1fr}
      .story-side .cover{min-height:145px}
      .footer-grid{grid-template-columns:1fr}
      .footer-grid>div:first-child{grid-column:auto}
    }

/* roulang page: category1 */
:root{
      --ink:#241b2f;
      --ink-soft:#3d3348;
      --coral:#d76a4a;
      --coral-deep:#b95139;
      --paper:#f5f0e8;
      --paper-light:#fbf9f4;
      --sage:#dce7dd;
      --lilac:#e9e2ed;
      --apricot:#f1dfcf;
      --muted:#716b68;
      --line:#d9d0c5;
      --white:#fffdf9;
      --shadow:0 16px 38px rgba(49,35,43,.08);
      --shadow-soft:0 8px 22px rgba(49,35,43,.06);
      --radius-lg:18px;
      --radius-md:11px;
      --radius-sm:7px
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none;transition:.25s ease}
    img{max-width:100%;display:block}
    button,input,select{font:inherit}
    .container{max-width:1200px;padding-left:24px;padding-right:24px}
    .site-header{background:rgba(251,249,244,.98);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000}
    .brand-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em;font-size:20px}
    .brand-mark{width:34px;height:34px;background:var(--ink);color:var(--paper-light);display:grid;place-items:center;border-radius:9px;font-size:15px;position:relative}
    .brand-mark:after{content:"";position:absolute;width:8px;height:8px;background:var(--coral);border-radius:50%;right:-3px;top:-3px}
    .brand:hover{color:var(--coral-deep)}
    .header-actions{display:flex;align-items:center;gap:12px}
    .search-mini{display:flex;align-items:center;border:1px solid var(--line);background:var(--white);border-radius:30px;padding:3px 5px 3px 14px}
    .search-mini input{border:0;outline:0;background:transparent;width:150px;color:var(--ink);font-size:14px}
    .search-mini button{border:0;background:var(--coral);color:#fff;border-radius:22px;padding:7px 13px;font-size:13px;cursor:pointer}
    .search-mini button:hover{background:var(--coral-deep)}
    .channel-row{border-top:1px solid #ebe4da}
    .channel-nav{display:flex;align-items:center;gap:7px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
    .channel-nav::-webkit-scrollbar{display:none}
    .channel-link{display:inline-flex;align-items:center;min-height:49px;padding:0 17px;color:var(--muted);font-size:14px;font-weight:700;border-bottom:2px solid transparent}
    .channel-link:hover,.channel-link.active{color:var(--ink);border-bottom-color:var(--coral)}
    .btn-main,.btn-outline,.btn-coral{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 21px;border-radius:var(--radius-sm);font-weight:700;font-size:14px;border:1px solid transparent}
    .btn-main{background:var(--ink);color:#fff}
    .btn-main:hover{background:#392c49;color:#fff;transform:translateY(-2px)}
    .btn-outline{border-color:var(--ink);color:var(--ink);background:transparent}
    .btn-outline:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
    .btn-coral{background:var(--coral);color:#fff}
    .btn-coral:hover{background:var(--coral-deep);color:#fff;transform:translateY(-2px)}
    a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(215,106,74,.4);outline-offset:3px}
    .page-intro{padding:76px 0 58px;background:var(--paper-light);border-bottom:1px solid var(--line)}
    .intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}
    .eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--coral-deep)}
    h1{font-size:clamp(40px,5vw,62px);line-height:1.15;letter-spacing:-.055em;margin:17px 0 21px}
    .intro-copy{max-width:680px;color:var(--muted);font-size:18px;margin:0}
    .intro-note{border-left:3px solid var(--coral);padding:8px 0 8px 22px;color:var(--ink-soft)}
    .intro-note strong{display:block;font-size:28px;line-height:1.2;margin-bottom:5px}
    .tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:30px;background:#efe5dc;color:var(--coral-deep);font-size:12px;font-weight:700}
    .content-section{padding:74px 0}
    .filter-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);margin-bottom:30px}
    .filter-tags{display:flex;flex-wrap:wrap;gap:8px}
    .filter-tag{border:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 13px;border-radius:30px;font-size:13px;cursor:pointer}
    .filter-tag:hover,.filter-tag.active{background:var(--ink);border-color:var(--ink);color:#fff}
    .sort-select{border:1px solid var(--line);background:var(--paper-light);color:var(--ink);padding:9px 32px 9px 12px;border-radius:var(--radius-sm);font-size:13px}
    .recommend{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:54px;box-shadow:var(--shadow)}
    .recommend-cover{min-height:355px;background:linear-gradient(135deg,#4c3b55 0%,#d76a4a 100%);position:relative;padding:28px}
    .cover-stamp{width:104px;height:104px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;text-align:center;font-size:13px;line-height:1.4;transform:rotate(-12deg)}
    .cover-number{position:absolute;right:28px;bottom:17px;font-size:86px;line-height:1;font-weight:800;color:rgba(255,255,255,.2)}
    .recommend-body{padding:42px 44px}
    .recommend-body h2{font-size:32px;line-height:1.3;margin:17px 0 14px}
    .recommend-body p{color:#d9d1d8;max-width:510px;margin-bottom:25px}
    .meta-line{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px}
    .recommend .meta-line{color:#c8bdc6;border-top:1px solid #51485a;padding-top:17px}
    .topic-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}
    .topic-heading h2{font-size:34px;line-height:1.25;margin:8px 0 0}
    .topic-heading p{color:var(--muted);margin:0}
    .topic-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
    .topic-column{display:flex;flex-direction:column;gap:18px}
    .topic-card{display:grid;grid-template-columns:180px 1fr;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;transition:.25s}
    .topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:#c4a99b}
    .topic-card.featured{display:block}
    .topic-card.featured .topic-cover{height:210px}
    .topic-card.featured .topic-body{padding:25px 28px}
    .topic-cover{min-height:150px;background:var(--sage);position:relative;padding:17px}
    .topic-card:nth-child(2) .topic-cover{background:var(--lilac)}
    .topic-card:nth-child(3) .topic-cover{background:var(--apricot)}
    .topic-cover:after{content:"";position:absolute;width:58%;height:9px;left:17px;bottom:22px;background:var(--coral);opacity:.85}
    .topic-cover strong{font-size:34px;line-height:1;color:var(--ink);opacity:.85}
    .topic-body{padding:18px 20px}
    .topic-body h3{font-size:20px;line-height:1.4;margin:10px 0 7px}
    .topic-body p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 12px}
    .read-link{font-size:13px;color:var(--coral-deep);font-weight:800}
    .read-link:hover{color:var(--ink)}
    .side-list{background:var(--sage);border-radius:var(--radius-lg);padding:28px 30px}
    .side-list h3{font-size:24px;margin:0 0 18px}
    .list-item{display:flex;gap:14px;padding:16px 0;border-top:1px solid rgba(36,27,47,.16)}
    .list-num{color:var(--coral-deep);font-weight:800;font-size:14px}
    .list-item h4{font-size:16px;line-height:1.45;margin:0 0 3px}
    .list-item p{font-size:13px;color:var(--ink-soft);margin:0}
    .pagination-wrap{display:flex;justify-content:center;margin-top:40px}
    .pagination .page-link{border-color:var(--line);background:var(--white);color:var(--ink);margin:0 3px;border-radius:6px}
    .pagination .page-link:hover,.pagination .active .page-link{background:var(--ink);border-color:var(--ink);color:#fff}
    .related{padding:70px 0;background:var(--lilac);border-top:1px solid var(--line)}
    .related-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
    .related-panel{background:var(--white);padding:30px;border-radius:var(--radius-lg);border:1px solid var(--line)}
    .related-panel h2{font-size:30px;line-height:1.3;margin:10px 0 14px}
    .related-panel p{color:var(--muted);margin-bottom:22px}
    .channel-pills{display:flex;flex-wrap:wrap;gap:9px}
    .channel-pill{padding:9px 15px;border:1px solid var(--line);border-radius:30px;font-size:13px;background:var(--paper-light)}
    .channel-pill:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
    .faq-section{padding:80px 0}
    .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}
    .faq-grid h2{font-size:35px;line-height:1.25;margin:10px 0 15px}
    .faq-grid p{color:var(--muted)}
    .accordion-item{background:var(--white);border:1px solid var(--line)!important;margin-bottom:10px;border-radius:var(--radius-sm)!important;overflow:hidden}
    .accordion-button{background:var(--white);color:var(--ink);font-weight:700;box-shadow:none!important;padding:18px 20px}
    .accordion-button:not(.collapsed){background:var(--sage);color:var(--ink)}
    .accordion-button:after{filter:sepia(1) saturate(.5)}
    .accordion-body{color:var(--muted);font-size:14px;padding:0 20px 20px;background:var(--sage)}
    .final-cta{padding:70px 0;background:var(--coral);color:#fff}
    .cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px}
    .cta-box h2{font-size:35px;line-height:1.25;margin:8px 0 10px}
    .cta-box p{margin:0;color:#fce9e2}
    .cta-box .btn-main{background:#fff;color:var(--ink)}
    .cta-box .btn-main:hover{background:var(--paper);color:var(--ink)}
    footer{background:var(--ink);color:#fff;padding:54px 0 22px}
    footer .brand{color:#fff}
    footer p{color:#c7bdc8;max-width:350px;font-size:14px}
    .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px;padding-bottom:40px}
    .footer-title{font-weight:800;margin-bottom:13px;color:#fff}
    .footer-links{display:flex;flex-direction:column;gap:8px;color:#c7bdc8;font-size:14px}
    .footer-links a:hover{color:#fff}
    .copyright{border-top:1px solid #51485a;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#a99eaa;font-size:12px}
    @media(max-width:991px){
      .header-actions .search-mini{display:none}
      .intro-grid,.recommend,.topic-grid,.related-grid,.faq-grid{grid-template-columns:1fr}
      .recommend-cover{min-height:260px}
      .recommend-body{padding:32px}
      .side-list{order:-1}
    }
    @media(max-width:767px){
      .container{padding-left:18px;padding-right:18px}
      .brand-row{min-height:70px}
      .brand{font-size:16px;gap:8px}
      .brand-mark{width:31px;height:31px}
      .header-actions .btn-outline{display:none}
      .header-actions .btn-main{min-height:42px;padding:0 13px;font-size:13px}
      .channel-link{padding:0 13px;min-height:46px;font-size:13px}
      .page-intro{padding:51px 0 43px}
      h1{font-size:39px}
      .intro-copy{font-size:16px}
      .intro-note{margin-top:28px}
      .content-section,.faq-section{padding:55px 0}
      .filter-bar{align-items:stretch;flex-direction:column}
      .filter-tags{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}
      .filter-tag{white-space:nowrap}
      .recommend-cover{min-height:210px}
      .recommend-body{padding:27px 23px}
      .recommend-body h2{font-size:27px}
      .topic-heading{display:block}
      .topic-heading h2{font-size:28px}
      .topic-heading p{margin-top:7px}
      .topic-card{grid-template-columns:125px 1fr}
      .topic-card.featured .topic-cover{height:165px}
      .topic-body{padding:15px}
      .topic-body h3{font-size:17px}
      .topic-body p{font-size:13px}
      .side-list{padding:23px 20px}
      .faq-grid h2{font-size:29px}
      .cta-box{display:block}
      .cta-box .btn-main{margin-top:24px;width:100%}
      .footer-grid{grid-template-columns:1fr;gap:25px;padding-bottom:28px}
      .copyright{display:block;line-height:2}
    }
    @media(max-width:520px){
      .topic-card.featured .topic-cover{height:145px}
      .topic-card{grid-template-columns:105px 1fr}
      .topic-cover{padding:12px}
      .topic-cover strong{font-size:26px}
      .topic-cover:after{left:12px;bottom:16px}
      .topic-body h3{font-size:16px}
      .topic-body p{display:none}
    }