/* roulang page: index */
:root{
      --color-bg:#0b0b12;
      --color-bg-soft:#12131d;
      --color-panel:#181925;
      --color-panel-2:#202130;
      --color-card:#ffffff;
      --color-text:#f7f3ec;
      --color-text-dark:#1e1f29;
      --color-muted:#a6a7b5;
      --color-muted-dark:#646775;
      --color-primary:#ff4d35;
      --color-primary-dark:#d93622;
      --color-secondary:#ffd166;
      --color-accent:#77e6c6;
      --color-line:rgba(255,255,255,.12);
      --color-line-dark:rgba(30,31,41,.12);
      --radius-xs:10px;
      --radius-sm:16px;
      --radius-md:24px;
      --radius-lg:34px;
      --shadow-sm:0 10px 26px rgba(0,0,0,.12);
      --shadow-md:0 18px 55px rgba(0,0,0,.22);
      --shadow-glow:0 22px 80px rgba(255,77,53,.24);
      --container:1180px;
      --font-title:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
      --font-body:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
      --ease:cubic-bezier(.2,.8,.2,1);
    }

    *{box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{
      margin:0;
      font-family:var(--font-body);
      color:var(--color-text);
      background:
        radial-gradient(circle at 18% 8%, rgba(255,77,53,.28), transparent 34%),
        radial-gradient(circle at 84% 16%, rgba(119,230,198,.18), transparent 28%),
        linear-gradient(180deg,#08080e 0%,#10111a 38%,#f4f1eb 38%,#f4f1eb 100%);
      line-height:1.75;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    a{color:inherit;text-decoration:none;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);}
    img{max-width:100%;height:auto;display:block;}
    button,input,select,textarea{font:inherit;}
    button{cursor:pointer;}
    ::selection{background:var(--color-primary);color:#fff;}

    .site-wrap{overflow:hidden;}
    .container{
      width:min(100% - 40px,var(--container));
      margin-inline:auto;
    }
    .section{
      padding:86px 0;
      position:relative;
    }
    .section.compact{padding:64px 0;}
    .section-dark{background:var(--color-bg);}
    .section-light{color:var(--color-text-dark);}
    .section-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin-bottom:14px;
      padding:7px 12px;
      border:1px solid var(--color-line-dark);
      border-radius:999px;
      color:var(--color-primary-dark);
      background:rgba(255,255,255,.76);
      font-size:13px;
      font-weight:700;
      letter-spacing:.04em;
    }
    .section-dark .section-kicker{
      border-color:var(--color-line);
      color:var(--color-secondary);
      background:rgba(255,255,255,.06);
    }
    .section-title{
      margin:0;
      font-family:var(--font-title);
      font-size:clamp(28px,4vw,48px);
      line-height:1.16;
      letter-spacing:-.04em;
      font-weight:900;
    }
    .section-desc{
      margin:16px 0 0;
      max-width:780px;
      color:var(--color-muted-dark);
      font-size:17px;
      line-height:1.9;
    }
    .section-dark .section-desc{color:var(--color-muted);}

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      min-height:48px;
      padding:13px 20px;
      border-radius:999px;
      border:1px solid transparent;
      font-weight:800;
      line-height:1;
      letter-spacing:.01em;
      box-shadow:none;
      user-select:none;
      white-space:nowrap;
    }
    .btn-primary{
      color:#fff;
      background:linear-gradient(135deg,var(--color-primary),#ff7a45);
      box-shadow:0 16px 34px rgba(255,77,53,.28);
    }
    .btn-primary:hover,.btn-primary:focus{
      color:#fff;
      transform:translateY(-2px);
      box-shadow:0 22px 44px rgba(255,77,53,.34);
    }
    .btn-secondary{
      color:var(--color-text-dark);
      background:var(--color-secondary);
      box-shadow:0 14px 30px rgba(255,209,102,.22);
    }
    .btn-secondary:hover,.btn-secondary:focus{
      color:var(--color-text-dark);
      transform:translateY(-2px);
      box-shadow:0 20px 40px rgba(255,209,102,.3);
    }
    .btn-ghost{
      color:var(--color-text);
      border-color:var(--color-line);
      background:rgba(255,255,255,.07);
      backdrop-filter:blur(16px);
    }
    .btn-ghost:hover,.btn-ghost:focus{
      color:#fff;
      border-color:rgba(255,255,255,.28);
      background:rgba(255,255,255,.12);
      transform:translateY(-2px);
    }
    .btn-outline-dark{
      color:var(--color-text-dark);
      border-color:var(--color-line-dark);
      background:#fff;
    }
    .btn-outline-dark:hover,.btn-outline-dark:focus{
      color:var(--color-primary-dark);
      border-color:rgba(255,77,53,.38);
      transform:translateY(-2px);
      box-shadow:var(--shadow-sm);
    }
    .btn:focus-visible,
    a:focus-visible,
    input:focus-visible,
    textarea:focus-visible,
    select:focus-visible{
      outline:3px solid rgba(119,230,198,.7);
      outline-offset:3px;
    }

    .badge{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:6px 10px;
      border-radius:999px;
      font-size:12px;
      font-weight:800;
      line-height:1;
      color:#fff;
      background:rgba(255,77,53,.9);
    }
    .badge.secondary{
      color:#3a2b00;
      background:var(--color-secondary);
    }
    .badge.mint{
      color:#05382d;
      background:var(--color-accent);
    }

    /* 杂志刊头导航 */
    .site-header{
      position:sticky;
      top:0;
      z-index:50;
      background:rgba(9,9,15,.82);
      border-bottom:1px solid rgba(255,255,255,.1);
      backdrop-filter:blur(20px);
    }
    .masthead{
      width:min(100% - 34px,var(--container));
      margin-inline:auto;
      padding:18px 0 12px;
      display:grid;
      grid-template-columns:auto 1fr auto;
      align-items:end;
      gap:22px;
    }
    .brand-mark{
      display:flex;
      align-items:flex-end;
      gap:14px;
      min-width:0;
    }
    .brand-name{
      font-family:var(--font-title);
      font-size:clamp(25px,3.4vw,46px);
      font-weight:950;
      letter-spacing:-.06em;
      line-height:.95;
      color:#fff;
      white-space:nowrap;
    }
    .brand-dot{
      width:12px;
      height:12px;
      margin-bottom:5px;
      border-radius:50%;
      background:var(--color-primary);
      box-shadow:0 0 0 8px rgba(255,77,53,.16);
      flex:0 0 auto;
    }
    .channel-line{
      height:38px;
      border-left:1px solid rgba(255,255,255,.2);
      position:relative;
    }
    .channel-line:after{
      content:"今日片单 · 预约咨询 · 正版入口";
      position:absolute;
      left:18px;
      bottom:2px;
      width:220px;
      color:var(--color-muted);
      font-size:12px;
      letter-spacing:.14em;
      white-space:nowrap;
    }
    .nav-area{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:14px;
    }
    .main-nav{
      display:flex;
      align-items:center;
      gap:8px;
      padding:5px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:999px;
      background:rgba(255,255,255,.06);
    }
    .main-nav a{
      display:inline-flex;
      align-items:center;
      min-height:38px;
      padding:0 16px;
      border-radius:999px;
      color:#e9e5de;
      font-weight:800;
      font-size:14px;
    }
    .main-nav a:hover{
      color:#fff;
      background:rgba(255,255,255,.1);
    }
    .main-nav a.active{
      color:#1e1f29;
      background:var(--color-secondary);
    }
    .nav-search{
      width:220px;
      display:flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.06);
      color:var(--color-muted);
    }
    .nav-search input{
      width:100%;
      min-width:0;
      border:0;
      box-shadow:none;
      margin:0;
      padding:0;
      height:24px;
      color:#fff;
      background:transparent;
      font-size:13px;
    }
    .nav-search input::placeholder{color:#9c9daa;}
    .nav-search input:focus{box-shadow:none;background:transparent;}

    /* Hero */
    .hero{
      padding:54px 0 76px;
      color:#fff;
      position:relative;
    }
    .hero-shell{
      border:1px solid rgba(255,255,255,.14);
      border-radius:var(--radius-lg);
      overflow:hidden;
      background:
        linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.03)),
        radial-gradient(circle at 80% 30%,rgba(255,209,102,.16),transparent 38%);
      box-shadow:var(--shadow-glow);
    }
    .hero-top{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:0;
      min-height:548px;
    }
    .hero-copy{
      padding:56px clamp(28px,5vw,66px);
      display:flex;
      flex-direction:column;
      justify-content:center;
      position:relative;
    }
    .pain-line{
      display:inline-flex;
      width:max-content;
      max-width:100%;
      align-items:center;
      gap:9px;
      margin-bottom:18px;
      padding:9px 13px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.08);
      color:#fff0df;
      font-size:14px;
      font-weight:800;
    }
    .hero h1{
      margin:0;
      max-width:850px;
      font-family:var(--font-title);
      font-size:clamp(38px,6vw,76px);
      line-height:1.02;
      letter-spacing:-.07em;
      font-weight:950;
    }
    .hero-intro{
      margin:24px 0 0;
      max-width:760px;
      color:#d9d8df;
      font-size:18px;
      line-height:1.95;
    }
    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:14px;
      margin-top:30px;
    }
    .hero-metrics{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
      margin-top:34px;
      max-width:760px;
    }
    .metric{
      padding:16px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:18px;
      background:rgba(255,255,255,.06);
    }
    .metric strong{
      display:block;
      font-size:25px;
      line-height:1.1;
      color:var(--color-secondary);
      font-weight:950;
    }
    .metric span{
      display:block;
      margin-top:7px;
      color:#bfc0ca;
      font-size:13px;
    }
    .slot-stage{
      padding:26px;
      background:
        linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03)),
        rgba(0,0,0,.16);
      border-left:1px solid rgba(255,255,255,.12);
      display:flex;
      align-items:center;
    }
    .slot-card{
      width:100%;
      border-radius:30px;
      background:#f7f0e5;
      color:var(--color-text-dark);
      box-shadow:0 26px 70px rgba(0,0,0,.34);
      overflow:hidden;
      transform:rotate(1.2deg);
    }
    .slot-cover{
      min-height:168px;
      padding:24px;
      background:
        linear-gradient(135deg,rgba(255,77,53,.95),rgba(255,122,69,.72)),
        radial-gradient(circle at 70% 18%,rgba(255,255,255,.5),transparent 24%);
      color:#fff;
      position:relative;
    }
    .slot-cover:after{
      content:"";
      position:absolute;
      right:22px;
      bottom:-36px;
      width:112px;
      height:112px;
      border-radius:50%;
      background:rgba(255,255,255,.18);
      border:1px solid rgba(255,255,255,.2);
    }
    .slot-cover small{
      display:block;
      font-weight:800;
      letter-spacing:.16em;
      opacity:.86;
    }
    .slot-cover strong{
      display:block;
      margin-top:12px;
      max-width:280px;
      font-size:32px;
      line-height:1.12;
      letter-spacing:-.04em;
    }
    .time-list{
      padding:22px;
      display:grid;
      gap:12px;
    }
    .time-item{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      padding:14px 15px;
      border-radius:18px;
      background:#fff;
      border:1px solid rgba(30,31,41,.08);
    }
    .time-item:hover{
      transform:translateX(-3px);
      box-shadow:var(--shadow-sm);
    }
    .time-main b{display:block;font-size:16px;}
    .time-main span{display:block;color:var(--color-muted-dark);font-size:13px;}
    .time-status{
      flex:0 0 auto;
      padding:7px 10px;
      border-radius:999px;
      color:#05382d;
      background:rgba(119,230,198,.42);
      font-size:12px;
      font-weight:900;
    }
    .hero-bottom{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      border-top:1px solid rgba(255,255,255,.12);
      background:rgba(0,0,0,.14);
    }
    .hero-feature{
      padding:22px 28px;
      border-right:1px solid rgba(255,255,255,.1);
    }
    .hero-feature:last-child{border-right:0;}
    .hero-feature b{
      display:block;
      font-size:16px;
      color:#fff;
    }
    .hero-feature span{
      display:block;
      margin-top:6px;
      color:#bfc0ca;
      font-size:14px;
      line-height:1.7;
    }

    /* 竖屏种草 */
    .vertical-strip{
      background:#f4f1eb;
    }
    .reel-row{
      display:grid;
      grid-template-columns:1.1fr 1.7fr;
      gap:32px;
      align-items:start;
      margin-top:34px;
    }
    .sticky-note{
      position:sticky;
      top:116px;
      padding:28px;
      border-radius:var(--radius-md);
      background:#151621;
      color:#fff;
      box-shadow:var(--shadow-md);
    }
    .sticky-note h3{
      margin:0 0 12px;
      font-size:28px;
      line-height:1.2;
      letter-spacing:-.04em;
      font-weight:950;
    }
    .sticky-note p{margin:0;color:#c9cad4;}
    .step-mini{
      display:grid;
      gap:12px;
      margin-top:24px;
    }
    .step-mini li{
      list-style:none;
      display:flex;
      gap:12px;
      align-items:flex-start;
      padding:13px;
      border-radius:16px;
      background:rgba(255,255,255,.07);
      color:#e9e5de;
    }
    .step-mini span{
      display:grid;
      place-items:center;
      width:28px;
      height:28px;
      border-radius:50%;
      color:#161722;
      background:var(--color-secondary);
      font-weight:950;
      flex:0 0 auto;
    }
    .reel-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:18px;
    }
    .reel-card{
      min-height:420px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      padding:18px;
      border-radius:28px;
      overflow:hidden;
      color:#fff;
      background:#1b1c28;
      position:relative;
      box-shadow:0 16px 38px rgba(23,24,35,.18);
    }
    .reel-card:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.72)),
        radial-gradient(circle at 30% 20%,var(--poster-color,rgba(255,77,53,.62)),transparent 40%);
      z-index:0;
    }
    .reel-card > *{position:relative;z-index:1;}
    .reel-card:hover{
      transform:translateY(-8px) rotate(-.4deg);
      box-shadow:0 26px 58px rgba(23,24,35,.28);
    }
    .reel-top{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:10px;
    }
    .reel-title{
      margin-top:auto;
    }
    .reel-title h3{
      margin:0 0 10px;
      font-size:23px;
      line-height:1.18;
      font-weight:950;
      letter-spacing:-.03em;
    }
    .reel-title p{
      margin:0;
      color:#eceaf0;
      font-size:14px;
      line-height:1.75;
    }
    .media-chip{
      display:inline-flex;
      align-items:center;
      gap:7px;
      padding:8px 10px;
      border-radius:999px;
      background:rgba(255,255,255,.16);
      color:#fff;
      font-size:12px;
      font-weight:900;
    }

    /* 爆款清单 */
    .hot-section{
      color:var(--color-text-dark);
      background:#fff;
    }
    .hot-layout{
      margin-top:34px;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:24px;
      align-items:stretch;
    }
    .feature-pick{
      min-height:420px;
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      padding:32px;
      border-radius:var(--radius-lg);
      color:#fff;
      background:
        linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.78)),
        radial-gradient(circle at 70% 25%,rgba(255,209,102,.48),transparent 28%),
        linear-gradient(135deg,#28202b,#11121a);
      box-shadow:var(--shadow-md);
      overflow:hidden;
      position:relative;
    }
    .feature-pick:after{
      content:"80s";
      position:absolute;
      right:-18px;
      top:18px;
      color:rgba(255,255,255,.07);
      font-size:140px;
      font-weight:950;
      letter-spacing:-.1em;
      transform:rotate(8deg);
    }
    .feature-pick > *{position:relative;z-index:1;}
    .feature-pick h3{
      margin:16px 0 10px;
      max-width:520px;
      font-size:38px;
      line-height:1.08;
      letter-spacing:-.05em;
      font-weight:950;
    }
    .feature-pick p{
      margin:0 0 20px;
      max-width:560px;
      color:#dedee6;
      font-size:16px;
    }
    .rank-list{
      display:grid;
      gap:12px;
    }
    .rank-item{
      display:grid;
      grid-template-columns:auto 1fr auto;
      align-items:center;
      gap:14px;
      padding:16px;
      border-radius:22px;
      border:1px solid var(--color-line-dark);
      background:#faf8f3;
    }
    .rank-item:hover{
      transform:translateY(-4px);
      background:#fff;
      box-shadow:var(--shadow-sm);
    }
    .rank-no{
      display:grid;
      place-items:center;
      width:42px;
      height:42px;
      border-radius:14px;
      color:#fff;
      background:#151621;
      font-weight:950;
    }
    .rank-copy b{
      display:block;
      font-size:16px;
      line-height:1.4;
    }
    .rank-copy span{
      display:block;
      margin-top:4px;
      color:var(--color-muted-dark);
      font-size:13px;
    }
    .rank-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:86px;
      padding:9px 11px;
      border-radius:999px;
      color:var(--color-primary-dark);
      background:rgba(255,77,53,.09);
      font-size:13px;
      font-weight:900;
    }
    .rank-link:hover{background:rgba(255,77,53,.15);color:var(--color-primary-dark);}

    /* 评价墙 */
    .review-wall{
      background:#f4f1eb;
      color:var(--color-text-dark);
    }
    .review-masonry{
      margin-top:34px;
      columns:3 280px;
      column-gap:18px;
    }
    .review-card{
      break-inside:avoid;
      margin:0 0 18px;
      padding:22px;
      border-radius:24px;
      border:1px solid rgba(30,31,41,.1);
      background:#fff;
      box-shadow:0 10px 28px rgba(30,31,41,.07);
    }
    .review-card.large{padding:28px;background:#151621;color:#fff;}
    .review-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(30,31,41,.12);}
    .review-card p{
      margin:0;
      font-size:15px;
      line-height:1.9;
      color:inherit;
    }
    .reviewer{
      display:flex;
      align-items:center;
      gap:12px;
      margin-top:18px;
    }
    .avatar{
      width:38px;
      height:38px;
      border-radius:50%;
      display:grid;
      place-items:center;
      color:#fff;
      background:linear-gradient(135deg,var(--color-primary),#7b61ff);
      font-weight:950;
    }
    .reviewer b{display:block;font-size:14px;}
    .reviewer span{display:block;color:var(--color-muted-dark);font-size:12px;}
    .review-card.large .reviewer span{color:#bfc0ca;}

    /* 观点解读 */
    .insight-section{
      background:#10111a;
      color:#fff;
    }
    .insight-grid{
      margin-top:34px;
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:24px;
    }
    .quote-card{
      padding:34px;
      border-radius:var(--radius-lg);
      background:
        linear-gradient(135deg,rgba(255,209,102,.16),rgba(255,255,255,.05)),
        #191a25;
      border:1px solid rgba(255,255,255,.12);
    }
    .quote-mark{
      font-size:62px;
      line-height:.8;
      color:var(--color-secondary);
      font-weight:950;
    }
    .quote-card blockquote{
      margin:12px 0 0;
      color:#eeeef3;
      font-size:25px;
      line-height:1.45;
      font-weight:900;
      letter-spacing:-.03em;
    }
    .insight-list{
      display:grid;
      gap:14px;
    }
    .insight-item{
      padding:20px;
      border-radius:24px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.06);
    }
    .insight-item:hover{
      transform:translateX(5px);
      background:rgba(255,255,255,.09);
    }
    .insight-item b{
      display:block;
      margin-bottom:7px;
      color:#fff;
      font-size:17px;
    }
    .insight-item span{
      color:#c8c9d3;
      font-size:14px;
      line-height:1.8;
    }

    /* 资讯 loop */
    .news-section{
      background:#fff;
      color:var(--color-text-dark);
    }
    .news-layout{
      margin-top:34px;
      display:grid;
      grid-template-columns:1.35fr .65fr;
      gap:26px;
    }
    .news-list{
      border-radius:var(--radius-lg);
      overflow:hidden;
      border:1px solid var(--color-line-dark);
      background:#fff;
    }
    .news-item{
      display:grid;
      grid-template-columns:120px 1fr auto;
      gap:18px;
      align-items:center;
      padding:20px 22px;
      border-bottom:1px solid var(--color-line-dark);
    }
    .news-item:last-child{border-bottom:0;}
    .news-item:hover{background:#faf8f3;}
    .news-date{
      color:var(--color-primary-dark);
      font-weight:950;
      letter-spacing:.02em;
    }
    .news-copy a{
      display:block;
      color:var(--color-text-dark);
      font-size:18px;
      font-weight:950;
      line-height:1.35;
    }
    .news-copy a:hover{color:var(--color-primary-dark);}
    .news-copy p{
      margin:6px 0 0;
      color:var(--color-muted-dark);
      font-size:14px;
      line-height:1.7;
    }
    .news-arrow{
      width:38px;
      height:38px;
      border-radius:50%;
      display:grid;
      place-items:center;
      background:#f4f1eb;
      color:var(--color-primary-dark);
      font-weight:950;
    }
    .recommend-panel{
      padding:24px;
      border-radius:var(--radius-lg);
      color:#fff;
      background:
        linear-gradient(180deg,rgba(255,77,53,.22),rgba(255,255,255,.04)),
        #151621;
      box-shadow:var(--shadow-md);
    }
    .recommend-panel h3{
      margin:12px 0 12px;
      font-size:26px;
      line-height:1.2;
      letter-spacing:-.04em;
      font-weight:950;
    }
    .recommend-panel p{color:#c9cad4;margin:0 0 20px;}
    .topic-tags{
      display:flex;
      flex-wrap:wrap;
      gap:9px;
      margin-top:18px;
    }
    .topic-tags span{
      padding:8px 10px;
      border-radius:999px;
      background:rgba(255,255,255,.09);
      color:#e9e5de;
      font-size:12px;
      font-weight:800;
    }

    /* 内容日历 */
    .calendar-section{
      background:#f4f1eb;
      color:var(--color-text-dark);
    }
    .calendar-board{
      margin-top:34px;
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:16px;
    }
    .calendar-card{
      padding:20px;
      border-radius:24px;
      border:1px solid rgba(30,31,41,.1);
      background:#fff;
      min-height:190px;
    }
    .calendar-card:hover{
      transform:translateY(-5px);
      box-shadow:var(--shadow-sm);
    }
    .date-pill{
      display:inline-flex;
      align-items:center;
      padding:7px 10px;
      border-radius:999px;
      color:#fff;
      background:#151621;
      font-size:13px;
      font-weight:950;
    }
    .calendar-card h3{
      margin:18px 0 8px;
      font-size:19px;
      line-height:1.28;
      font-weight:950;
    }
    .calendar-card p{
      margin:0;
      color:var(--color-muted-dark);
      font-size:14px;
      line-height:1.8;
    }

    /* 加购引导 */
    .addon-section{
      color:#fff;
      background:
        radial-gradient(circle at 16% 22%,rgba(255,77,53,.28),transparent 30%),
        radial-gradient(circle at 80% 24%,rgba(119,230,198,.14),transparent 30%),
        #0b0b12;
    }
    .addon-layout{
      margin-top:34px;
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:24px;
      align-items:start;
    }
    .pricing-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:16px;
    }
    .price-card{
      padding:24px;
      border-radius:28px;
      border:1px solid rgba(255,255,255,.13);
      background:rgba(255,255,255,.07);
    }
    .price-card.featured{
      background:linear-gradient(180deg,rgba(255,77,53,.18),rgba(255,255,255,.08));
      box-shadow:var(--shadow-glow);
    }
    .price-card h3{
      margin:12px 0 8px;
      font-size:23px;
      font-weight:950;
      letter-spacing:-.03em;
    }
    .price{
      display:flex;
      align-items:flex-end;
      gap:6px;
      margin:14px 0;
      color:var(--color-secondary);
    }
    .price strong{
      font-size:36px;
      line-height:1;
      font-weight:950;
    }
    .price span{color:#bfc0ca;font-size:13px;}
    .benefit-list{
      display:grid;
      gap:10px;
      margin:18px 0 22px;
      padding:0;
    }
    .benefit-list li{
      list-style:none;
      color:#dcdce5;
      font-size:14px;
      line-height:1.6;
      padding-left:24px;
      position:relative;
    }
    .benefit-list li:before{
      content:"✓";
      position:absolute;
      left:0;
      top:0;
      color:var(--color-accent);
      font-weight:950;
    }
    .lead-card{
      padding:28px;
      border-radius:var(--radius-lg);
      background:#f7f0e5;
      color:var(--color-text-dark);
      box-shadow:var(--shadow-md);
    }
    .lead-card h3{
      margin:0 0 10px;
      font-size:28px;
      line-height:1.2;
      letter-spacing:-.04em;
      font-weight:950;
    }
    .lead-card p{
      margin:0 0 20px;
      color:var(--color-muted-dark);
    }
    .lead-form{
      display:grid;
      gap:13px;
    }
    .form-field label{
      display:block;
      margin-bottom:7px;
      color:#343642;
      font-size:13px;
      font-weight:900;
    }
    .form-field input,
    .form-field select,
    .form-field textarea{
      width:100%;
      margin:0;
      border:1px solid rgba(30,31,41,.14);
      border-radius:16px;
      background:#fff;
      box-shadow:none;
      padding:13px 14px;
      color:var(--color-text-dark);
    }
    .form-field input:focus,
    .form-field select:focus,
    .form-field textarea:focus{
      border-color:rgba(255,77,53,.5);
      box-shadow:0 0 0 4px rgba(255,77,53,.12);
      background:#fff;
    }
    .privacy-note{
      color:var(--color-muted-dark);
      font-size:12px;
      line-height:1.7;
    }
    .form-result{
      display:none;
      padding:12px 14px;
      border-radius:14px;
      color:#05382d;
      background:rgba(119,230,198,.34);
      font-weight:800;
      font-size:13px;
    }
    .form-result.show{display:block;}

    .faq-box{
      margin-top:18px;
      border-top:1px solid rgba(30,31,41,.12);
      padding-top:18px;
    }
    .faq-item{
      padding:15px 0;
      border-bottom:1px solid rgba(30,31,41,.1);
    }
    .faq-item:last-child{border-bottom:0;}
    .faq-item b{
      display:block;
      margin-bottom:6px;
      font-size:15px;
      color:#1e1f29;
    }
    .faq-item p{
      margin:0;
      color:var(--color-muted-dark);
      font-size:13px;
      line-height:1.75;
    }

    /* 底部浮动条 */
    .floating-cta{
      position:fixed;
      left:50%;
      bottom:18px;
      z-index:45;
      transform:translateX(-50%);
      width:min(calc(100% - 28px),760px);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      padding:12px 14px 12px 18px;
      border:1px solid rgba(255,255,255,.18);
      border-radius:999px;
      color:#fff;
      background:rgba(16,17,26,.86);
      backdrop-filter:blur(20px);
      box-shadow:0 18px 48px rgba(0,0,0,.28);
    }
    .floating-cta span{
      font-size:14px;
      color:#e5e2dc;
      font-weight:800;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    /* 页脚 */
    .site-footer{
      padding:54px 0 34px;
      color:#d8d8e1;
      background:#09090f;
      border-top:1px solid rgba(255,255,255,.1);
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.2fr .8fr .8fr;
      gap:26px;
      align-items:start;
    }
    .footer-brand{
      font-size:28px;
      line-height:1.1;
      font-weight:950;
      letter-spacing:-.04em;
      color:#fff;
    }
    .footer-desc{
      margin:14px 0 0;
      max-width:520px;
      color:#a6a7b5;
      font-size:14px;
      line-height:1.85;
    }
    .footer-title{
      margin:0 0 12px;
      color:#fff;
      font-size:15px;
      font-weight:950;
    }
    .footer-links{
      display:grid;
      gap:8px;
    }
    .footer-links a,
    .footer-links span{
      color:#a6a7b5;
      font-size:14px;
    }
    .footer-links a:hover{color:var(--color-secondary);}
    .footer-bottom{
      display:flex;
      justify-content:space-between;
      gap:18px;
      flex-wrap:wrap;
      margin-top:36px;
      padding-top:22px;
      border-top:1px solid rgba(255,255,255,.1);
      color:#8f909f;
      font-size:13px;
    }

    @media (max-width:1024px){
      .masthead{
        grid-template-columns:1fr;
        align-items:start;
        gap:14px;
      }
      .channel-line{display:none;}
      .nav-area{justify-content:space-between;}
      .nav-search{width:min(100%,280px);}
      .hero-top,
      .reel-row,
      .hot-layout,
      .insight-grid,
      .news-layout,
      .addon-layout{
        grid-template-columns:1fr;
      }
      .slot-stage{border-left:0;border-top:1px solid rgba(255,255,255,.12);}
      .slot-card{transform:none;}
      .sticky-note{position:relative;top:auto;}
      .calendar-board{grid-template-columns:repeat(2,minmax(0,1fr));}
      .footer-grid{grid-template-columns:1fr 1fr;}
    }

    @media (max-width:768px){
      body{
        background:
          radial-gradient(circle at 20% 8%,rgba(255,77,53,.24),transparent 34%),
          linear-gradient(180deg,#08080e 0%,#10111a 32%,#f4f1eb 32%,#f4f1eb 100%);
      }
      .container{width:min(100% - 28px,var(--container));}
      .section{padding:62px 0;}
      .masthead{width:min(100% - 24px,var(--container));padding:14px 0;}
      .brand-name{white-space:normal;font-size:30px;line-height:1;}
      .brand-mark{align-items:center;}
      .brand-dot{margin-bottom:0;}
      .nav-area{
        align-items:stretch;
        flex-direction:column;
      }
      .main-nav{
        width:100%;
        overflow-x:auto;
        justify-content:flex-start;
        border-radius:18px;
      }
      .nav-search{width:100%;border-radius:18px;}
      .hero{padding:32px 0 54px;}
      .hero-shell{border-radius:26px;}
      .hero-copy{padding:34px 22px;}
      .hero-intro{font-size:16px;}
      .hero-actions{flex-direction:column;}
      .btn{width:100%;}
      .hero-metrics{grid-template-columns:1fr;}
      .slot-stage{padding:18px;}
      .slot-cover strong{font-size:26px;}
      .hero-bottom{grid-template-columns:1fr;}
      .hero-feature{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);}
      .hero-feature:last-child{border-bottom:0;}
      .reel-grid{grid-template-columns:1fr;}
      .reel-card{min-height:340px;}
      .feature-pick{min-height:360px;padding:24px;}
      .feature-pick h3{font-size:30px;}
      .rank-item{grid-template-columns:auto 1fr;}
      .rank-link{grid-column:2;}
      .news-item{grid-template-columns:1fr;gap:8px;}
      .news-arrow{display:none;}
      .pricing-grid{grid-template-columns:1fr;}
      .floating-cta{
        border-radius:22px;
        align-items:stretch;
        flex-direction:column;
      }
      .floating-cta span{white-space:normal;}
      .floating-cta .btn{min-height:42px;}
      .footer-grid{grid-template-columns:1fr;}
    }

    @media (max-width:520px){
      .section-title{font-size:31px;}
      .section-desc{font-size:15px;}
      .pain-line{width:100%;font-size:13px;}
      .hero h1{font-size:39px;}
      .hero-copy{padding:30px 18px;}
      .slot-stage{padding:14px;}
      .time-item{align-items:flex-start;flex-direction:column;}
      .calendar-board{grid-template-columns:1fr;}
      .review-masonry{columns:1;}
      .quote-card blockquote{font-size:21px;}
      .lead-card{padding:22px;}
      .footer-bottom{padding-bottom:82px;}
    }