/* roulang page: index */
:root{
      --ink:#211b1a;
      --warm:#2a2321;
      --wine:#8d3c38;
      --coral:#c9674d;
      --amber:#e4a451;
      --cream:#f7f1e8;
      --paper:#fffaf3;
      --muted:#847a73;
      --line:#e5d8ca;
      --shadow:0 18px 45px rgba(54,35,27,.10);
      --radius:16px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.7}
    a{color:inherit;text-decoration:none}
    button,input,select{font:inherit}
    button,a,input,select{outline:none}
    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(228,164,81,.65);outline-offset:3px}
    .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .texture{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px}
    .topbar{background:var(--warm);color:#f9eee4;border-bottom:1px solid rgba(255,255,255,.12)}
    .brand-mark{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em}
    .brand-symbol{width:31px;height:31px;border-radius:9px;background:var(--coral);display:grid;place-items:center;color:#fff;font-size:15px;box-shadow:5px 5px 0 rgba(228,164,81,.65)}
    .nav-link{position:relative;color:#d9cbc1;font-size:14px;transition:color .2s ease}
    .nav-link:hover,.nav-link.active{color:#fff}
    .nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:2px;background:var(--amber)}
    .location{border:1px solid rgba(255,255,255,.2);color:#f5d9b8;background:rgba(255,255,255,.06);border-radius:8px;padding:7px 11px;font-size:13px}
    .channel-bar{background:#332a27;color:#d7c6b9;border-bottom:1px solid #4a3b35}
    .channel-item{white-space:nowrap;padding:10px 15px;font-size:13px;border-right:1px solid rgba(255,255,255,.08);transition:background .2s,color .2s}
    .channel-item:hover,.channel-item.selected{background:var(--wine);color:#fff}
    .hero{background:var(--warm);color:#fff3e9;overflow:hidden;position:relative}
    .hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(228,164,81,.18);border-radius:50%;right:-130px;top:-240px}
    .hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(201,103,77,.22);border-radius:50%;right:110px;bottom:-170px}
    .eyebrow{color:#f1b56c;letter-spacing:.16em;font-size:12px;font-weight:700}
    .hero-title{font-size:clamp(38px,6vw,76px);line-height:1.08;letter-spacing:-.07em;font-weight:900}
    .hero-copy{color:#d9c9bf;font-size:17px;line-height:1.9;max-width:650px}
    .primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--coral);color:#fff;border-radius:9px;padding:13px 21px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}
    .primary-btn:hover{background:#b75242;transform:translateY(-2px);box-shadow:0 9px 20px rgba(141,60,56,.25)}
    .secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #806d63;color:#f5e1d1;border-radius:9px;padding:12px 19px;font-weight:600;transition:.2s}
    .secondary-btn:hover{border-color:var(--amber);color:#ffd9a8;background:rgba(255,255,255,.05)}
    .burst{position:absolute;right:9%;top:42px;width:108px;height:108px;background:var(--amber);color:#3c2920;clip-path:polygon(50% 0%,61% 13%,78% 5%,82% 23%,100% 28%,88% 45%,100% 61%,81% 67%,79% 87%,61% 80%,48% 100%,37% 83%,17% 91%,18% 70%,0 60%,12% 45%,2% 27%,21% 23%,24% 4%,42% 13%);display:grid;place-items:center;text-align:center;font-size:13px;font-weight:900;line-height:1.25;transform:rotate(8deg)}
    .search-panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:8px;box-shadow:var(--shadow)}
    .search-panel input{min-width:0;border:0;background:transparent;padding:10px 12px;color:var(--ink);flex:1}
    .search-panel button{background:var(--wine);color:#fff;border-radius:8px;padding:10px 18px;font-weight:700;transition:.2s}
    .search-panel button:hover{background:#70302d}
    .hero-index{border-top:1px solid rgba(255,255,255,.14);color:#cdbbb0}
    .hero-index strong{color:#fff;font-size:22px;display:block}
    .section{padding:92px 0}
    .section-kicker{font-size:12px;letter-spacing:.16em;color:var(--wine);font-weight:800;text-transform:uppercase}
    .section-title{font-size:clamp(28px,4vw,46px);line-height:1.2;letter-spacing:-.05em;font-weight:900}
    .section-desc{color:var(--muted);max-width:650px;font-size:16px}
    .panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(54,35,27,.05)}
    .calendar-card{background:var(--warm);color:#fff3e9;border-radius:var(--radius);min-height:300px;position:relative;overflow:hidden}
    .calendar-card:after{content:"01";position:absolute;right:20px;bottom:-28px;font-size:190px;line-height:1;font-weight:900;color:rgba(255,255,255,.055)}
    .topic-tile{border:1px solid var(--line);border-radius:13px;background:var(--paper);padding:21px;transition:.22s}
    .topic-tile:hover{border-color:var(--coral);transform:translateY(-3px);box-shadow:var(--shadow)}
    .topic-tile.large{background:#e9d2c0;min-height:210px}
    .topic-tile.dark{background:#47332f;color:#fff0e4;border-color:#60463d}
    .topic-number{font-size:12px;color:var(--coral);font-weight:800;letter-spacing:.1em}
    .tag{display:inline-flex;align-items:center;border-radius:999px;background:#f1e2d2;color:var(--wine);padding:4px 9px;font-size:12px;font-weight:700}
    .tag.dark{background:rgba(255,255,255,.11);color:#f4c58e}
    .metric{border-top:2px solid var(--coral);padding-top:15px}
    .metric strong{font-size:32px;letter-spacing:-.06em}
    .metric span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
    .news-item{border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:20px;transition:.2s}
    .news-item:hover{padding-left:8px;color:var(--wine)}
    .news-item small{color:var(--muted);white-space:nowrap}
    .feedback{border-left:4px solid var(--amber);background:#f2e5d7;border-radius:0 14px 14px 0;padding:24px 28px}
    .guide-step{display:flex;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}
    .step-no{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:800}
    details{border-bottom:1px solid var(--line);padding:18px 0}
    summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:20px}
    summary:after{content:"＋";color:var(--coral);font-size:20px}
    details[open] summary:after{content:"－"}
    details p{color:var(--muted);margin:12px 30px 0 0}
    .cta{background:var(--wine);color:#fff2e7;border-radius:20px;overflow:hidden;position:relative}
    .cta:after{content:"永久免费";position:absolute;right:4%;bottom:-28px;font-size:110px;font-weight:900;color:rgba(255,255,255,.07)}
    footer{background:var(--warm);color:#cdbbb0}
    footer a{transition:color .2s}
    footer a:hover{color:#fff}
    @media(max-width:768px){
      .container{width:min(100% - 28px,620px)}
      .nav-link.active:after{bottom:-9px}
      .section{padding:65px 0}
      .hero-title{font-size:43px}
      .hero-copy{font-size:15px}
      .burst{right:2%;top:20px;transform:scale(.72) rotate(8deg)}
      .search-panel{display:flex;flex-wrap:wrap}
      .search-panel input{width:calc(100% - 110px)}
      .search-panel button{width:100%;margin-top:5px}
      .news-item{display:block}
      .news-item small{display:block;margin-top:5px}
    }
    @media(max-width:520px){
      .hero-index{gap:22px}
      .hero-index strong{font-size:19px}
      .topic-tile.large{min-height:175px}
    }

/* roulang page: category1 */
:root{
      --ink:#211b1a;
      --warm:#2a2321;
      --wine:#8d3c38;
      --coral:#c9674d;
      --amber:#e4a451;
      --cream:#f7f1e8;
      --paper:#fffaf3;
      --muted:#847a73;
      --line:#e5d8ca;
      --shadow:0 18px 45px rgba(54,35,27,.10);
      --radius:16px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.7}
    a{color:inherit;text-decoration:none}
    button,input,select{font:inherit}
    button,a,input,select{outline:none}
    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(228,164,81,.65);outline-offset:3px}
    .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .topbar{background:var(--warm);color:#f9eee4;border-bottom:1px solid rgba(255,255,255,.12)}
    .brand-mark{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em}
    .brand-symbol{width:31px;height:31px;border-radius:9px;background:var(--coral);display:grid;place-items:center;color:#fff;font-size:15px;box-shadow:5px 5px 0 rgba(228,164,81,.65)}
    .nav-link{position:relative;color:#d9cbc1;font-size:14px;transition:color .2s ease}
    .nav-link:hover,.nav-link.active{color:#fff}
    .nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:2px;background:var(--amber)}
    .channel-bar{background:#211b1a;color:#d9cbc1;border-bottom:1px solid rgba(255,255,255,.08)}
    .channel-item{white-space:nowrap;padding:10px 15px;font-size:13px;border-right:1px solid rgba(255,255,255,.08);transition:background .2s,color .2s}
    .channel-item:hover,.channel-item.selected{background:var(--wine);color:#fff}
    .hero{background:var(--warm);color:#fff3e9;overflow:hidden;position:relative}
    .hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(228,164,81,.18);border-radius:50%;right:-130px;top:-240px}
    .hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(201,103,77,.22);border-radius:50%;right:110px;bottom:-170px}
    .eyebrow{color:#f1b56c;letter-spacing:.16em;font-size:12px;font-weight:700}
    .hero-title{font-size:clamp(38px,6vw,68px);line-height:1.08;letter-spacing:-.07em;font-weight:900}
    .hero-copy{color:#d9c9bf;font-size:17px;line-height:1.9;max-width:650px}
    .primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--coral);color:#fff;border-radius:9px;padding:13px 21px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}
    .primary-btn:hover{background:#b75242;transform:translateY(-2px);box-shadow:0 9px 20px rgba(141,60,56,.25)}
    .secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #806d63;color:#f5e1d1;border-radius:9px;padding:12px 19px;font-weight:600;transition:.2s}
    .secondary-btn:hover{border-color:var(--amber);color:#ffd9a8;background:rgba(255,255,255,.05)}
    .search-panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:8px;box-shadow:var(--shadow)}
    .search-panel input{min-width:0;border:0;background:transparent;padding:10px 12px;color:var(--ink);flex:1}
    .search-panel button{background:var(--wine);color:#fff;border-radius:8px;padding:10px 18px;font-weight:700;transition:.2s}
    .search-panel button:hover{background:#70302d}
    .section{padding:88px 0}
    .section-kicker{font-size:12px;letter-spacing:.16em;color:var(--wine);font-weight:800}
    .section-title{font-size:clamp(28px,4vw,46px);line-height:1.2;letter-spacing:-.05em;font-weight:900}
    .section-desc{color:var(--muted);max-width:650px;font-size:16px}
    .panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 28px rgba(54,35,27,.05)}
    .filter-chip{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--line);background:#fffaf3;color:#675951;border-radius:999px;padding:8px 15px;font-size:13px;transition:.2s}
    .filter-chip:hover,.filter-chip.active{border-color:var(--wine);background:var(--wine);color:#fff}
    .feature-card{background:var(--warm);color:#fff3e9;border-radius:var(--radius);min-height:360px;position:relative;overflow:hidden}
    .feature-card:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.16);pointer-events:none}
    .feature-card:after{content:"精选";position:absolute;right:-10px;bottom:-38px;font-size:150px;line-height:1;font-weight:900;color:rgba(255,255,255,.055)}
    .content-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;transition:transform .22s,border-color .22s,box-shadow .22s}
    .content-card:hover{transform:translateY(-4px);border-color:#c89578;box-shadow:var(--shadow)}
    .cover{height:112px;background:linear-gradient(135deg,#432c29,#a64f43 58%,#e0a252);position:relative;overflow:hidden}
    .cover:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.3);border-radius:50%;right:-34px;top:-56px}
    .tag{display:inline-flex;align-items:center;border-radius:999px;background:#f1e2d2;color:var(--wine);padding:4px 9px;font-size:12px;font-weight:700}
    .tag.dark{background:rgba(255,255,255,.11);color:#f4c58e}
    .update-row{border-bottom:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;gap:18px;transition:.2s}
    .update-row:hover{padding-left:8px;color:var(--wine)}
    .update-row small{color:var(--muted);white-space:nowrap}
    .number-box{width:42px;height:42px;display:grid;place-items:center;background:#f1e2d2;color:var(--wine);font-weight:900;border-radius:10px;flex:none}
    .faq-item{border-top:1px solid var(--line)}
    .faq-item summary{cursor:pointer;list-style:none;font-weight:800;padding:20px 0;display:flex;justify-content:space-between;gap:15px}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"＋";color:var(--wine);font-size:20px;line-height:1}
    .faq-item[open] summary:after{content:"－"}
    .faq-answer{color:var(--muted);padding:0 36px 20px 0}
    .cta{background:var(--wine);color:#fff2e7;border-radius:20px;overflow:hidden;position:relative}
    .cta:after{content:"永久免费";position:absolute;right:4%;bottom:-28px;font-size:110px;font-weight:900;color:rgba(255,255,255,.07)}
    .texture{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px}
    footer{background:var(--warm);color:#cdbbb0}
    footer a{transition:color .2s}
    footer a:hover{color:#fff}
    .mobile-menu{display:none}
    @media(max-width:768px){
      .container{width:min(100% - 28px,620px)}
      .nav-link.active:after{bottom:-9px}
      .section{padding:65px 0}
      .hero-title{font-size:43px}
      .hero-copy{font-size:15px}
      .search-panel{display:flex;flex-wrap:wrap}
      .search-panel input{width:calc(100% - 110px)}
      .search-panel button{width:100%;margin-top:5px}
      .update-row{display:block}
      .update-row small{display:block;margin-top:5px}
      .mobile-menu.open{display:block}
    }
    @media(max-width:520px){
      .hero-index{gap:22px}
      .hero-index strong{font-size:19px}
    }