:root{
    --ink:#1c1726;
    --ink-soft:#4a4258;
    --cream:#fdf7ee;
    --peach:#ffd9b8;
    --mango:#ffb03a;
    --mango-deep:#e8830a;
    --rose:#ff7a9c;
    --violet:#6d4bcf;
    --violet-soft:#efe9ff;
    --teal:#1fa89b;
    --line:rgba(28,23,38,.12);
    --radius:18px;
    --shadow:0 10px 30px rgba(28,23,38,.08);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,sans-serif;
    color:var(--ink);
    background:var(--cream);
    line-height:1.75;
    overflow-x:hidden;
    padding-bottom:78px;
  }
  img{display:block;max-width:100%;}
  a{color:inherit;text-decoration:none;}
  h1,h2,h3{line-height:1.35;letter-spacing:.5px;}
  .wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 20px;}
  .eyebrow{
    display:inline-block;font-size:13px;letter-spacing:2px;
    padding:4px 14px;border-radius:999px;margin-bottom:14px;
    background:rgba(255,176,58,.16);color:var(--mango-deep);font-weight:700;
  }
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:12px 24px;border-radius:999px;font-weight:700;font-size:15px;
    background:linear-gradient(135deg,var(--mango),var(--mango-deep));
    color:#2a1a00;box-shadow:0 8px 20px rgba(232,131,10,.3);
    transition:transform .2s ease, box-shadow .2s ease;
    border:1px solid rgba(255,255,255,.4);
    cursor:pointer;
  }
  .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(232,131,10,.38);}
  .btn.ghost{
    background:transparent;color:var(--ink);border:1.5px solid rgba(28,23,38,.25);
    box-shadow:none;
  }
  .btn.ghost:hover{border-color:var(--mango-deep);color:var(--mango-deep);}

  /* ============ 头部 ============ */
  .site-header{
    position:sticky;top:0;z-index:60;
    background:rgba(253,247,238,.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .header-inner{
    display:flex;align-items:center;justify-content:space-between;
    gap:16px;padding:12px 0;flex-wrap:wrap;
  }
  .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;}
  .brand img{height:34px;width:auto;border-radius:9px;box-shadow:0 3px 10px rgba(28,23,38,.15);}
  .nav-links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--ink-soft);}
  .nav-links a{padding:4px 0;border-bottom:2px solid transparent;transition:.2s;}
  .nav-links a:hover{border-color:var(--mango);color:var(--mango-deep);}
  .header-cta{display:flex;gap:10px;}
  .header-cta .btn{padding:9px 18px;font-size:13.5px;}

  /* ============ 首屏 ============ */
  .hero{
    position:relative;
    background:
      radial-gradient(circle at 12% 18%, rgba(255,122,156,.35), transparent 42%),
      radial-gradient(circle at 88% 8%, rgba(109,75,207,.32), transparent 46%),
      radial-gradient(circle at 70% 85%, rgba(255,176,58,.38), transparent 50%),
      linear-gradient(160deg,#2a1c3d 0%,#3b2350 45%,#22182f 100%);
    color:#fff;
    padding:54px 0 44px;
    overflow:hidden;
  }
  .hero::after{
    content:"";position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.09) 1px, transparent 1px);
    background-size:26px 26px;pointer-events:none;
  }
  .hero-grid{
    position:relative;z-index:2;
    display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;
  }
  .hero-tag{
    display:inline-block;font-size:12.5px;letter-spacing:3px;
    border:1px solid rgba(255,255,255,.4);padding:4px 14px;border-radius:999px;
    color:#ffe2b8;margin-bottom:18px;
  }
  .hero h1{
    font-size:40px;font-weight:900;margin-bottom:16px;
    background:linear-gradient(100deg,#ffd591,#ffb03a 45%,#ff9fb6 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-lead{font-size:16px;color:#e7dff4;max-width:520px;margin-bottom:14px;}
  .hero-points{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;}
  .hero-points span{
    font-size:13px;padding:6px 14px;border-radius:999px;
    background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);
    color:#f4ecff;
  }
  .device-btns{display:flex;gap:10px;flex-wrap:wrap;max-width:560px;}
  .device-btns .btn{font-size:14px;padding:11px 20px;}
  .device-btns .btn.alt{
    background:rgba(255,255,255,.1);color:#fff;
    border:1px solid rgba(255,255,255,.28);box-shadow:none;
  }
  .device-btns .btn.alt:hover{background:rgba(255,255,255,.2);}
  .hero-hint{font-size:12.5px;color:#c9bfe0;margin-top:14px;}

  .poster-stack{position:relative;height:400px;}
  .poster-stack img{
    position:absolute;width:158px;border-radius:16px;
    box-shadow:0 18px 40px rgba(0,0,0,.5);
    border:2px solid rgba(255,255,255,.22);
  }
  .p1{left:4%;top:6%;transform:rotate(-7deg);z-index:3;}
  .p2{left:30%;top:22%;transform:rotate(4deg);z-index:5;}
  .p3{right:2%;top:0;transform:rotate(9deg);z-index:2;}
  .p4{right:12%;bottom:0;transform:rotate(-4deg);z-index:4;width:140px;}
  .poster-stack::before{
    content:"";position:absolute;inset:18% 12%;border-radius:50%;
    background:radial-gradient(circle,rgba(255,176,58,.45),transparent 68%);
    filter:blur(14px);
  }

  /* 跑马灯 */
  .marquee{
    margin-top:40px;overflow:hidden;position:relative;z-index:2;
    border-top:1px solid rgba(255,255,255,.16);
    border-bottom:1px solid rgba(255,255,255,.16);
    padding:12px 0;
  }
  .marquee-track{
    display:flex;gap:38px;white-space:nowrap;width:max-content;
    animation:scrollx 28s linear infinite;
    font-size:14px;color:#ffe9c9;letter-spacing:1px;
  }
  .marquee-track span{opacity:.9;}
  .marquee-track em{color:var(--mango);font-style:normal;}
  @keyframes scrollx{from{transform:translateX(0);}to{transform:translateX(-50%);}}

  /* ============ 通用区块 ============ */
  section{padding:60px 0;}
  .sec-head{max-width:700px;margin-bottom:34px;}
  .sec-head h2{font-size:28px;font-weight:900;margin-bottom:10px;}
  .sec-head p{color:var(--ink-soft);font-size:15.5px;}

  /* 热剧社 */
  .sec-hot{background:linear-gradient(180deg,#fff6e9,#fdf7ee);}
  .hot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .hot-card{
    background:#fff;border-radius:var(--radius);overflow:hidden;
    box-shadow:var(--shadow);border:1px solid var(--line);
    transition:transform .25s ease,box-shadow .25s ease;
    display:flex;flex-direction:column;
  }
  .hot-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(28,23,38,.14);}
  .hot-card img{width:100%;aspect-ratio:3/4;object-fit:cover;}
  .hot-card .hc-body{padding:16px 18px 18px;}
  .hot-card h3{font-size:18px;margin-bottom:6px;}
  .hot-card .meta{font-size:12.5px;color:#8a7f99;margin-bottom:8px;}
  .hot-card p{font-size:14px;color:var(--ink-soft);margin-bottom:12px;}
  .tags{display:flex;gap:6px;flex-wrap:wrap;}
  .tags b{
    font-size:11.5px;font-weight:600;color:var(--mango-deep);
    background:rgba(255,176,58,.16);padding:2px 9px;border-radius:999px;
  }

  /* 新漫速递 + 时间轴 */
  .sec-new{background:linear-gradient(180deg,#efe9ff,#f7f2ff);}
  .new-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:40px;align-items:start;}
  .new-visual{
    position:relative;border-radius:24px;overflow:hidden;
    box-shadow:0 20px 44px rgba(109,75,207,.24);
  }
  .new-visual img{width:100%;aspect-ratio:3/4;object-fit:cover;}
  .new-visual .cap{
    position:absolute;left:0;right:0;bottom:0;padding:46px 18px 16px;
    background:linear-gradient(transparent,rgba(20,10,35,.86));
    color:#fff;font-size:13.5px;
  }
  .timeline{list-style:none;position:relative;padding-left:26px;}
  .timeline::before{
    content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;
    background:linear-gradient(var(--violet),var(--mango));
    border-radius:2px;
  }
  .timeline li{position:relative;padding:0 0 20px 6px;}
  .timeline li::before{
    content:"";position:absolute;left:-26px;top:7px;width:14px;height:14px;
    border-radius:50%;background:#fff;border:3px solid var(--violet);
    box-shadow:0 0 0 4px rgba(109,75,207,.12);
  }
  .timeline time{
    font-weight:800;color:var(--violet);font-size:14px;margin-right:8px;
    font-variant-numeric:tabular-nums;
  }
  .timeline strong{font-size:14.5px;}
  .timeline p{font-size:13.5px;color:var(--ink-soft);margin-top:2px;}

  /* 盲盒 */
  .sec-box{background:linear-gradient(180deg,#fff3f5,#fdf7ee);}
  .box-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
  .box-item{
    display:grid;grid-template-columns:74px 1fr;gap:16px;align-items:center;
    background:#fff;border-radius:16px;padding:14px;
    border:1px dashed rgba(255,122,156,.55);
    box-shadow:0 6px 18px rgba(255,122,156,.1);
    transition:.2s;
  }
  .box-item:hover{border-style:solid;transform:translateX(4px);}
  .box-item img{
    width:74px;height:98px;object-fit:cover;border-radius:10px;
  }
  .box-item h3{font-size:16px;margin-bottom:4px;}
  .box-item p{font-size:13.5px;color:var(--ink-soft);}
  .box-item span{font-size:11.5px;color:var(--rose);font-weight:700;}

  /* 完结库 */
  .sec-done{background:linear-gradient(180deg,#e9f7f5,#f4fbfa);}
  .done-wall{
    display:grid;grid-template-columns:repeat(5,1fr);gap:16px;
  }
  .done-wall figure{
    background:#fff;border-radius:14px;overflow:hidden;
    border:1px solid rgba(31,168,155,.2);box-shadow:0 6px 16px rgba(31,168,155,.1);
  }
  .done-wall img{width:100%;aspect-ratio:3/4;object-fit:cover;}
  .done-wall figcaption{
    padding:10px 12px 12px;font-size:13px;line-height:1.5;
  }
  .done-wall figcaption b{display:block;font-size:14px;color:#14766d;}
  .done-wall figcaption small{color:#7b8a88;font-size:11.5px;}

  /* 吐槽墙 */
  .sec-talk{background:linear-gradient(180deg,#fffaf0,#fff4e2);}
  .talk-list{display:grid;gap:14px;}
  .talk-item{
    display:grid;grid-template-columns:52px 1fr;gap:14px;
    background:#fff;border-radius:16px;padding:16px 18px;
    border-left:4px solid var(--mango);
    box-shadow:0 6px 16px rgba(255,176,58,.12);
  }
  .talk-item img{width:52px;height:52px;border-radius:50%;object-fit:cover;}
  .talk-item .who{font-size:13px;font-weight:800;color:var(--mango-deep);}
  .talk-item p{font-size:14px;color:var(--ink-soft);}
  .talk-item .who em{font-style:normal;font-weight:400;color:#9a8fa8;margin-left:8px;font-size:12px;}

  /* 二创社 */
  .sec-create{background:linear-gradient(180deg,#2a1c3d,#3a2553);color:#fff;}
  .sec-create .sec-head h2{color:#fff;}
  .sec-create .sec-head p{color:#cfc2e6;}
  .create-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;}
  .create-list{list-style:none;display:grid;gap:14px;}
  .create-list li{
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
    border-radius:14px;padding:14px 18px;
  }
  .create-list b{color:#ffd591;display:block;font-size:15px;margin-bottom:3px;}
  .create-list span{font-size:13.5px;color:#ddd2ee;}
  .create-visual{border-radius:24px;overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.4);}
  .create-visual img{width:100%;aspect-ratio:3/4;object-fit:cover;}

  /* 隐私 & FAQ */
  .sec-safe{background:linear-gradient(180deg,#eef7ff,#f6fbff);}
  .safe-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
  .safe-cards{display:grid;gap:14px;}
  .safe-card{
    background:#fff;border-radius:14px;padding:15px 18px;
    border:1px solid rgba(60,120,200,.16);box-shadow:0 6px 16px rgba(60,120,200,.08);
  }
  .safe-card b{display:block;font-size:15px;color:#2c5f99;margin-bottom:3px;}
  .safe-card span{font-size:13.5px;color:var(--ink-soft);}
  .faq{display:grid;gap:12px;}
  .faq details{
    background:#fff;border-radius:14px;padding:14px 18px;
    border:1px solid var(--line);box-shadow:0 6px 16px rgba(28,23,38,.05);
  }
  .faq summary{
    font-size:15px;font-weight:700;cursor:pointer;list-style:none;
    display:flex;justify-content:space-between;align-items:center;gap:12px;
  }
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary::after{content:"+";color:var(--mango-deep);font-weight:900;font-size:18px;}
  .faq details[open] summary::after{content:"−";}
  .faq p{font-size:14px;color:var(--ink-soft);margin-top:8px;}

  /* 下载区 */
  .sec-download{
    background:
      radial-gradient(circle at 20% 10%, rgba(255,176,58,.28), transparent 45%),
      radial-gradient(circle at 84% 88%, rgba(255,122,156,.26), transparent 48%),
      linear-gradient(150deg,#24182f,#38224a);
    color:#fff;
  }
  .step-row{
    display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:38px;
  }
  .step{
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
    border-radius:16px;padding:18px;
  }
  .step b{
    display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;
    border-radius:50%;background:var(--mango);color:#2a1a00;font-size:14px;margin-bottom:10px;
  }
  .step h3{font-size:15px;margin-bottom:4px;}
  .step p{font-size:13px;color:#cfc2e6;}
  .download-box{
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);
    border-radius:22px;padding:28px;text-align:center;
  }
  .download-box h3{font-size:22px;margin-bottom:8px;}
  .download-box p{font-size:14px;color:#d2c6e8;margin-bottom:20px;}

  .dl-tip{
    display:none;margin-top:20px;background:rgba(255,255,255,.96);color:var(--ink);
    border-radius:14px;padding:16px;text-align:left;font-size:14px;
  }
  .dl-tip.show{display:block;}
  .dl-tip b{display:block;margin-bottom:8px;color:#c2410c;}
  .dl-tip code{
    display:block;word-break:break-all;background:#f5f2ee;border-radius:8px;
    padding:10px;font-size:12.5px;margin-top:8px;color:#4a4258;
  }

  /* 页脚 */
  .site-footer{
    background:#1a1324;color:#9c93b0;font-size:12.5px;padding:34px 0 26px;
  }
  .footer-top{
    display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;
    padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1);
  }
  .footer-top h4{color:#e6dff2;font-size:13.5px;margin-bottom:8px;}
  .footer-top p{line-height:1.8;}
  .footer-top a:hover{color:var(--mango);}
  .footer-links{display:grid;gap:6px;}
  .footer-bottom{padding-top:18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;}
  .footer-bottom a{color:#b9aed0;}
  .footer-bottom a:hover{color:var(--mango);}

  /* 浮动下载 */
  .float-dl{
    position:fixed;left:50%;bottom:14px;transform:translateX(-50%);
    z-index:80;display:flex;align-items:center;gap:10px;
    padding:8px 8px 8px 12px;border-radius:999px;
    background:rgba(26,19,36,.94);border:1px solid rgba(255,176,58,.5);
    box-shadow:0 12px 30px rgba(0,0,0,.35);
    backdrop-filter:blur(8px);
  }
  .float-dl img{width:30px;height:30px;border-radius:8px;object-fit:cover;}
  .float-dl span{color:#ffe2b8;font-size:13px;font-weight:700;white-space:nowrap;}
  .float-dl .btn{padding:8px 16px;font-size:13px;}

  /* ============ 响应式 ============ */
  @media (max-width:1024px){
    .hero h1{font-size:32px;}
    .hero-grid{grid-template-columns:1fr;gap:34px;}
    .poster-stack{height:330px;max-width:520px;margin:0 auto;}
    .poster-stack img{width:130px;}
    .p4{width:118px;}
    .hot-grid{grid-template-columns:repeat(2,1fr);}
    .done-wall{grid-template-columns:repeat(4,1fr);}
    .new-layout,.create-layout,.safe-layout{grid-template-columns:1fr;gap:28px;}
    .step-row{grid-template-columns:repeat(2,1fr);}
    .footer-top{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:768px){
    body{padding-bottom:84px;}
    section{padding:44px 0;}
    .header-inner{justify-content:space-between;}
    .nav-links{display:none;}
    .header-cta .btn{padding:8px 14px;font-size:12.5px;}
    .hero{padding:38px 0 30px;}
    .hero h1{font-size:26px;}
    .hero-lead{font-size:14.5px;}
    .poster-stack{height:300px;max-width:100%;}
    .poster-stack img{width:112px;}
    .p4{width:104px;}
    .device-btns{display:grid;grid-template-columns:1fr 1fr;}
    .device-btns .btn{width:100%;padding:10px 8px;font-size:13px;}
    .marquee-track{font-size:12.5px;gap:24px;}
    .sec-head h2{font-size:22px;}
    .hot-grid{grid-template-columns:1fr 1fr;gap:14px;}
    .hot-card .hc-body{padding:12px 13px 14px;}
    .hot-card h3{font-size:15px;}
    .hot-card p{font-size:13px;margin-bottom:10px;}
    .box-grid{grid-template-columns:1fr;}
    .done-wall{grid-template-columns:repeat(2,1fr);gap:12px;}
    .step-row{grid-template-columns:1fr;}
    .download-box{padding:20px 16px;}
    .footer-top{grid-template-columns:1fr;}
    .float-dl{left:12px;right:12px;transform:none;justify-content:space-between;}
    .float-dl span{font-size:12px;}
    .timeline li{padding-bottom:16px;}
  }