:root{
    --bg-warm:#fff7ed;
    --bg-cream:#fef9f3;
    --bg-lime:#f4fbe7;
    --bg-sky:#eef6ff;
    --bg-lilac:#f6f1ff;
    --ink:#1f1b16;
    --ink-soft:#5b5248;
    --line:#e8dccb;
    --sun:#ffb703;
    --sun-deep:#f48c06;
    --berry:#d6336c;
    --deep:#2b2118;
    --radius:18px;
    --shadow:0 10px 30px rgba(43,33,24,.08);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
    color:var(--ink);
    background:var(--bg-cream);
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  .wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 18px;}
  .section{padding:56px 0;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:13px;letter-spacing:.08em;
    padding:5px 14px;border-radius:999px;
    background:rgba(255,183,3,.16);color:var(--sun-deep);
    font-weight:600;
  }
  .sec-title{
    font-size:clamp(22px,3.4vw,34px);
    line-height:1.35;margin:14px 0 10px;letter-spacing:-.01em;
  }
  .sec-desc{color:var(--ink-soft);max-width:660px;font-size:15px;}

  /* ---------- 顶部导航 ---------- */
  .site-head{
    position:sticky;top:0;z-index:60;
    background:rgba(254,249,243,.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .head-inner{
    display:flex;align-items:center;justify-content:space-between;
    gap:14px;padding:10px 0;
  }
  .brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .brand img{height:34px;width:34px;object-fit:cover;border-radius:9px;}
  .brand strong{font-size:17px;letter-spacing:.01em;}
  .nav-toggle{
    display:none;background:#fff;border:1px solid var(--line);
    border-radius:10px;padding:7px 12px;font-size:14px;color:var(--ink);
    cursor:pointer;
  }
  .main-nav ul{display:flex;flex-wrap:wrap;gap:4px;list-style:none;}
  .main-nav a{
    display:block;padding:7px 11px;border-radius:9px;
    font-size:13.5px;color:var(--ink-soft);transition:.2s;
  }
  .main-nav a:hover{background:rgba(255,183,3,.2);color:var(--deep);}

  /* ---------- Hero ---------- */
  .hero{
    position:relative;overflow:hidden;
    background:
      radial-gradient(900px 420px at 8% 0%,rgba(255,183,3,.30),transparent 62%),
      radial-gradient(760px 400px at 96% 12%,rgba(214,51,108,.18),transparent 60%),
      linear-gradient(160deg,#fffaf2,#f7efe2 60%,#fdf6ea);
  }
  .hero-grid{
    display:grid;grid-template-columns:1.05fr .95fr;
    gap:38px;align-items:center;padding:46px 0 30px;
  }
  .hero h1{
    font-size:clamp(26px,4.4vw,44px);
    line-height:1.28;letter-spacing:-.02em;margin:16px 0 14px;
  }
  .hero h1 em{
    font-style:normal;
    background:linear-gradient(96deg,#f48c06,#d6336c);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero p.lead{color:var(--ink-soft);font-size:15.5px;max-width:520px;}
  .hero-points{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px;}
  .hero-points span{
    font-size:13px;padding:6px 13px;border-radius:999px;
    background:#fff;border:1px solid var(--line);color:var(--ink-soft);
  }
  .dl-row{display:flex;flex-wrap:wrap;gap:10px;}
  .dl-btn{
    display:inline-flex;flex-direction:column;align-items:flex-start;
    padding:9px 18px;border-radius:14px;font-size:14px;font-weight:600;
    background:var(--deep);color:#fff;line-height:1.3;transition:transform .18s,box-shadow .18s;
    box-shadow:0 6px 18px rgba(43,33,24,.18);
  }
  .dl-btn small{font-size:11px;font-weight:400;opacity:.72;}
  .dl-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(43,33,24,.24);}
  .dl-btn.alt{background:#fff;color:var(--deep);border:1px solid var(--line);box-shadow:none;}
  .dl-btn.sun{background:linear-gradient(100deg,#ffb703,#f48c06);color:#2b2118;}
  .dl-btn.berry{background:linear-gradient(100deg,#e64980,#b02a5b);color:#fff;}

  /* 首屏轮播 */
  .hero-carousel{position:relative;}
  .slide-track{position:relative;height:440px;}
  .slide{
    position:absolute;inset:0;opacity:0;
    transition:opacity .6s ease,transform .6s ease;
    transform:scale(1.02);
    border-radius:22px;overflow:hidden;
    box-shadow:0 22px 50px rgba(43,33,24,.22);
  }
  .slide.active{opacity:1;transform:scale(1);}
  .slide img{width:100%;height:100%;object-fit:cover;}
  .slide-cap{
    position:absolute;left:0;right:0;bottom:0;
    padding:40px 18px 16px;
    background:linear-gradient(to top,rgba(20,15,10,.86),transparent);
    color:#fff;
  }
  .slide-cap strong{display:block;font-size:19px;}
  .slide-cap span{font-size:12.5px;opacity:.86;}
  .carousel-dots{
    display:flex;gap:7px;justify-content:center;margin-top:14px;
  }
  .carousel-dots button{
    width:9px;height:9px;border-radius:50%;border:0;padding:0;
    background:#d9cbb8;cursor:pointer;transition:.2s;
  }
  .carousel-dots button.on{background:var(--sun-deep);width:22px;border-radius:6px;}

  /* 跑马灯 */
  .marquee{
    overflow:hidden;background:var(--deep);
    padding:11px 0;border-top:1px solid rgba(255,255,255,.08);
  }
  .marquee-inner{
    display:flex;gap:0;white-space:nowrap;width:max-content;
    animation:scrollx 34s linear infinite;
  }
  .marquee-inner span{
    font-size:14px;font-weight:600;padding:0 22px;
    background:linear-gradient(96deg,#ffd166,#ff7da8,#9be15d,#7cc2ff);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  @keyframes scrollx{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  .marquee:hover .marquee-inner{animation-play-state:paused;}

  /* ---------- 今日上新 ---------- */
  .newday{background:var(--bg-lime);}
  .newday-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;}
  .timeline{
    display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:28px;
    position:relative;
  }
  .timeline::before{
    content:"";position:absolute;left:0;right:0;top:22px;height:2px;
    background:repeating-linear-gradient(90deg,#cbe3a6 0 10px,transparent 10px 18px);
  }
  .tl-item{position:relative;padding-top:44px;}
  .tl-item::before{
    content:"";position:absolute;top:15px;left:50%;transform:translateX(-50%);
    width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid #7cb342;
    z-index:2;
  }
  .tl-time{
    position:absolute;top:-4px;left:50%;transform:translateX(-50%);
    font-size:12.5px;font-weight:700;color:#4c7a1a;white-space:nowrap;
    background:var(--bg-lime);padding:0 6px;
  }
  .tl-card{
    background:#fff;border-radius:14px;padding:10px;border:1px solid #dfeec6;
    text-align:center;box-shadow:0 4px 14px rgba(76,122,26,.07);
  }
  .tl-card img{width:100%;height:118px;object-fit:cover;border-radius:9px;margin-bottom:8px;}
  .tl-card b{display:block;font-size:13.5px;line-height:1.35;}
  .tl-card span{font-size:11.5px;color:#6b7a55;}

  .up-list{
    display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;
  }
  .up-item{
    background:#fff;border-radius:16px;padding:14px;border:1px solid #e2efcd;
    display:flex;gap:12px;align-items:flex-start;
  }
  .up-item img{width:64px;height:88px;object-fit:cover;border-radius:9px;flex-shrink:0;}
  .up-item h3{font-size:15px;margin-bottom:4px;}
  .up-item p{font-size:12.5px;color:#6b7a55;line-height:1.6;}
  .tagline{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;}
  .tagline i{
    font-style:normal;font-size:11px;padding:2px 8px;border-radius:999px;
    background:#eef7dd;color:#4c7a1a;
  }

  /* ---------- 盲盒 ---------- */
  .blind{background:var(--bg-lilac);}
  .blind-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;margin-top:26px;}
  .blind-visual{
    display:grid;grid-template-columns:1fr 1fr;gap:12px;
  }
  .blind-visual figure{
    border-radius:16px;overflow:hidden;position:relative;
    box-shadow:var(--shadow);background:#e6dcf5;
  }
  .blind-visual figure:nth-child(1){grid-row:span 2;}
  .blind-visual img{width:100%;height:100%;object-fit:cover;}
  .blind-visual figcaption{
    position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;
    background:linear-gradient(to top,rgba(40,26,66,.85),transparent);
    color:#fff;font-size:12.5px;font-weight:600;
  }
  .blind-list{list-style:none;display:grid;gap:10px;}
  .blind-list li{
    background:#fff;border-radius:13px;padding:12px 15px;
    border-left:4px solid #a78bfa;font-size:14px;
    display:flex;justify-content:space-between;gap:12px;align-items:center;
  }
  .blind-list li b{font-weight:600;}
  .blind-list li span{font-size:12px;color:#7b6b96;white-space:nowrap;}
  .blind-note{
    margin-top:16px;background:rgba(167,139,250,.14);border-radius:12px;
    padding:12px 15px;font-size:13px;color:#5b4a7a;
  }

  /* ---------- 榜单 ---------- */
  .rank{background:#fff6e8;}
  .rank-cols{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;margin-top:26px;}
  .rank-panel{background:#fff;border-radius:18px;padding:20px;border:1px solid #f0e0c8;box-shadow:var(--shadow);}
  .rank-panel h3{font-size:17px;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
  .rank-panel h3::before{content:"";width:6px;height:18px;border-radius:3px;background:var(--sun-deep);}
  .rank-rows{list-style:none;display:grid;gap:9px;}
  .rank-rows li{
    display:flex;align-items:center;gap:12px;
    padding:9px 10px;border-radius:11px;background:#fdf9f2;
  }
  .rank-rows img{width:42px;height:56px;object-fit:cover;border-radius:7px;flex-shrink:0;}
  .num{
    width:22px;height:22px;border-radius:7px;display:grid;place-items:center;
    font-size:12px;font-weight:700;background:#f0e0c8;color:#8c6b34;flex-shrink:0;
  }
  .rank-rows li:nth-child(1) .num{background:var(--sun);color:#3b2a00;}
  .rank-rows li:nth-child(2) .num{background:#ffd7a1;color:#6b4600;}
  .rank-rows li:nth-child(3) .num{background:#f5e3c8;color:#6b4600;}
  .rank-rows b{font-size:13.5px;display:block;}
  .rank-rows em{font-style:normal;font-size:11.5px;color:#94825f;}

  /* ---------- 弹幕 ---------- */
  .danmu{background:#1d1a2b;color:#f4f0ff;}
  .danmu .sec-desc{color:#bbafd6;}
  .danmu .eyebrow{background:rgba(255,183,3,.18);color:#ffd166;}
  .danmu-rows{
    display:grid;gap:12px;margin-top:26px;
  }
  .danmu-line{
    display:flex;gap:10px;flex-wrap:wrap;
    background:rgba(255,255,255,.05);border-radius:13px;padding:12px 14px;
    border:1px solid rgba(255,255,255,.08);
  }
  .bubble{
    font-size:13px;padding:6px 13px;border-radius:999px;
    background:rgba(255,255,255,.09);color:#efe9ff;
  }
  .bubble.hot{
    background:linear-gradient(100deg,#ffb703,#ff6b9a);color:#2b1400;font-weight:600;
  }
  .danmu-foot{
    margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  }
  .danmu-card{
    background:rgba(255,255,255,.06);border-radius:14px;padding:14px;
    border:1px solid rgba(255,255,255,.08);font-size:13px;color:#d6cdea;
  }
  .danmu-card b{color:#ffd166;display:block;margin-bottom:5px;font-size:14px;}

  /* ---------- 金句墙 ---------- */
  .quotes{background:var(--bg-warm);}
  .quote-wall{
    columns:3;column-gap:16px;margin-top:26px;
  }
  .quote-card{
    break-inside:avoid;background:#fff;border-radius:16px;
    padding:18px;margin-bottom:16px;border:1px solid var(--line);
    box-shadow:0 6px 18px rgba(43,33,24,.05);
  }
  .quote-card p{font-size:14.5px;line-height:1.75;}
  .quote-card footer{
    margin-top:10px;font-size:12px;color:#a08f79;
    display:flex;align-items:center;gap:8px;
  }
  .quote-card footer img{width:22px;height:22px;border-radius:50%;object-fit:cover;}
  .quote-card:nth-child(3n+2){background:#fff4e2;}
  .quote-card:nth-child(4n){background:#fdf0f4;}

  /* ---------- 你来定结局 ---------- */
  .ending{background:var(--bg-sky);}
  .ending-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;margin-top:26px;align-items:start;}
  .ending-left{
    background:#fff;border-radius:18px;padding:18px;border:1px solid #d8e6f7;
    box-shadow:var(--shadow);
  }
  .ending-left img{border-radius:12px;width:100%;height:auto;}
  .ending-left h3{font-size:16px;margin:14px 0 6px;}
  .ending-left p{font-size:13px;color:var(--ink-soft);}
  .vote-list{display:grid;gap:12px;}
  .vote-item{
    background:#fff;border-radius:14px;padding:14px 16px;border:1px solid #d8e6f7;
  }
  .vote-item b{font-size:14.5px;}
  .vote-item p{font-size:12.5px;color:var(--ink-soft);margin:4px 0 10px;}
  .bar{height:8px;border-radius:6px;background:#e7f0fb;overflow:hidden;}
  .bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#7cc2ff,#3b82f6);}

  /* ---------- 简介区 ---------- */
  .intro{background:var(--bg-cream);}
  .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:26px;}
  .intro-card{
    background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line);
    box-shadow:var(--shadow);
  }
  .intro-card img{width:100%;height:230px;object-fit:cover;}
  .intro-body{padding:18px;}
  .intro-body h3{font-size:18px;margin-bottom:6px;}
  .intro-body .meta{font-size:12px;color:#a08f79;margin-bottom:10px;}
  .intro-body p{font-size:13.5px;color:var(--ink-soft);}
  .intro-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}
  .intro-tags i{font-style:normal;font-size:11.5px;padding:3px 10px;border-radius:999px;background:#fff4e2;color:#a4711b;}

  /* ---------- FAQ ---------- */
  .faq{background:#fff;}
  .faq-list{margin-top:24px;display:grid;gap:10px;}
  .faq-list details{
    background:var(--bg-cream);border-radius:14px;border:1px solid var(--line);
    padding:14px 18px;
  }
  .faq-list details[open]{background:#fffaf0;border-color:#f0d9ae;}
  .faq-list summary{
    cursor:pointer;font-weight:600;font-size:14.5px;list-style:none;
    display:flex;justify-content:space-between;gap:12px;align-items:center;
  }
  .faq-list summary::-webkit-details-marker{display:none;}
  .faq-list summary::after{content:"+";color:var(--sun-deep);font-size:18px;font-weight:700;}
  .faq-list details[open] summary::after{content:"–";}
  .faq-list p{font-size:13.5px;color:var(--ink-soft);margin-top:9px;}

  /* ---------- 下载区 ---------- */
  .download{
    background:linear-gradient(160deg,#2b2118,#41301f 55%,#5a3d21);
    color:#fff6e8;
  }
  .download .eyebrow{background:rgba(255,183,3,.2);color:#ffd166;}
  .download .sec-desc{color:#d9c8b0;}
  .dl-panel{
    display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px;align-items:start;
  }
  .steps{list-style:none;display:grid;gap:12px;}
  .steps li{
    display:flex;gap:12px;align-items:flex-start;
    background:rgba(255,255,255,.06);border-radius:13px;padding:13px 15px;
    border:1px solid rgba(255,255,255,.1);font-size:13.5px;color:#f1e5d3;
  }
  .steps li b{color:#ffd166;flex-shrink:0;}
  .dl-box{
    background:rgba(255,255,255,.07);border-radius:18px;padding:20px;
    border:1px solid rgba(255,255,255,.12);
  }
  .dl-box h3{font-size:17px;margin-bottom:6px;}
  .dl-box p{font-size:13px;color:#d9c8b0;margin-bottom:16px;}
  .dl-box .dl-row{gap:10px;}
  .dl-box .dl-btn.alt{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.22);}

  /* ---------- 页脚 ---------- */
  .site-foot{
    background:#1a1510;color:#9c8f7e;font-size:12.5px;padding:34px 0 90px;
  }
  .foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;}
  .site-foot h4{color:#d8cbb8;font-size:13.5px;margin-bottom:9px;}
  .site-foot ul{list-style:none;display:grid;gap:6px;}
  .site-foot a:hover{color:#ffd166;}
  .foot-copy{
    margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09);
    display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between;
  }
  .foot-copy time{color:#7c7162;}

  /* ---------- 浮动下载 ---------- */
  .float-dl{
    position:fixed;left:50%;bottom:16px;transform:translateX(-50%);
    z-index:80;display:flex;align-items:center;gap:10px;
    background:rgba(43,33,24,.94);color:#fff;
    padding:8px 10px 8px 12px;border-radius:999px;
    box-shadow:0 12px 28px rgba(0,0,0,.28);
    backdrop-filter:blur(8px);
  }
  .float-dl img{width:28px;height:28px;border-radius:8px;object-fit:cover;}
  .float-dl b{font-size:13px;font-weight:600;}
  .float-dl a{
    background:linear-gradient(100deg,#ffb703,#f48c06);
    color:#2b2118;font-size:13px;font-weight:700;
    padding:7px 15px;border-radius:999px;white-space:nowrap;
  }

  /* ---------- 复制提示弹窗 ---------- */
  .copy-modal{
    position:fixed;inset:0;z-index:120;display:none;
    align-items:center;justify-content:center;padding:20px;
    background:rgba(20,15,10,.6);
  }
  .copy-modal.on{display:flex;}
  .copy-card{
    background:#fff;border-radius:18px;padding:24px;max-width:360px;width:100%;
    text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.3);
  }
  .copy-card p{font-size:14px;color:var(--ink);margin-bottom:14px;}
  .copy-card input{
    width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);
    font-size:12.5px;color:var(--ink-soft);background:var(--bg-cream);margin-bottom:14px;
  }
  .copy-card button{
    border:0;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;
    background:linear-gradient(100deg,#ffb703,#f48c06);color:#2b2118;cursor:pointer;
  }
  .copy-card .close-tip{
    display:block;margin-top:12px;font-size:12px;color:#a08f79;
    background:none;padding:0;font-weight:400;cursor:pointer;
  }

  /* ---------- 响应式 ---------- */
  @media (max-width:1024px){
    .hero-grid{grid-template-columns:1fr;gap:26px;}
    .slide-track{height:380px;}
    .up-list{grid-template-columns:repeat(2,1fr);}
    .timeline{grid-template-columns:repeat(3,1fr);row-gap:26px;}
    .timeline::before{display:none;}
    .blind-grid{grid-template-columns:1fr;}
    .rank-cols{grid-template-columns:1fr;}
    .quote-wall{columns:2;}
    .ending-wrap{grid-template-columns:1fr;}
    .intro-grid{grid-template-columns:1fr;}
    .dl-panel{grid-template-columns:1fr;}
    .foot-top{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:768px){
    .section{padding:40px 0;}
    .nav-toggle{display:block;}
    .main-nav{
      display:none;position:absolute;left:0;right:0;top:100%;
      background:#fffaf2;border-bottom:1px solid var(--line);
      padding:10px 14px 16px;box-shadow:0 14px 24px rgba(43,33,24,.08);
    }
    .main-nav.open{display:block;}
    .main-nav ul{flex-direction:column;gap:2px;}
    .main-nav a{padding:10px 12px;font-size:14px;}
    .head-inner{position:relative;flex-wrap:nowrap;}
    .hero-grid{padding:28px 0 20px;}
    .hero h1{font-size:25px;line-height:1.34;}
    .hero p.lead{font-size:14px;}
    .slide-track{height:300px;}
    .slide-cap strong{font-size:16px;}
    .dl-btn{padding:8px 15px;font-size:13px;flex:1 1 auto;justify-content:center;align-items:center;text-align:center;}
    .up-list{grid-template-columns:1fr;}
    .timeline{grid-template-columns:repeat(2,1fr);gap:12px;}
    .tl-card img{height:104px;}
    .blind-visual{grid-template-columns:1fr 1fr;}
    .blind-visual figure:nth-child(1){grid-row:auto;}
    .blind-list li{font-size:13px;flex-direction:column;align-items:flex-start;gap:3px;}
    .quote-wall{columns:1;}
    .danmu-foot{grid-template-columns:1fr;}
    .intro-card img{height:190px;}
    .foot-top{grid-template-columns:1fr;gap:18px;}
    .site-foot{padding-bottom:96px;}
    .float-dl{padding:7px 8px 7px 10px;gap:8px;bottom:10px;}
    .float-dl b{font-size:12px;}
    .float-dl a{font-size:12px;padding:6px 12px;}
    .rank-panel{padding:15px;}
    .rank-rows b{font-size:13px;}
  }
  @media (max-width:380px){
    .hero h1{font-size:22px;}
    .float-dl b{display:none;}
  }