:root{
    --ink:#1c1730;
    --ink-soft:#4b4360;
    --line:rgba(28,23,48,.12);
    --brand:#ff3d6e;
    --brand-2:#7b5cff;
    --sun:#ffb547;
    --mint:#19c6a8;
    --paper:#fffaf6;
    --radius:20px;
    --shadow:0 18px 44px rgba(38,24,70,.14);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
  body{
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
    background:var(--paper);color:var(--ink);line-height:1.7;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  h1,h2,h3{line-height:1.28;font-weight:800;}
  .wrap{width:min(1180px,92vw);margin:0 auto;}

  /* ============ 顶部导航 ============ */
  .site-header{
    position:sticky;top:0;z-index:60;
    backdrop-filter:blur(12px);
    background:rgba(255,250,246,.86);
    border-bottom:1px solid var(--line);
  }
  .header-inner{display:flex;align-items:center;gap:14px;padding:12px 0;}
  .brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .brand img{height:34px;width:auto;border-radius:9px;}
  .brand-name{font-weight:800;font-size:19px;letter-spacing:.5px;white-space:nowrap;}
  .nav-toggle{
    margin-left:auto;display:none;background:#fff;border:1px solid var(--line);
    border-radius:12px;padding:8px 14px;font-size:14px;font-weight:700;color:var(--ink);
  }
  .main-nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14.5px;color:var(--ink-soft);}
  .main-nav a{padding:4px 2px;border-bottom:2px solid transparent;transition:.2s;}
  .main-nav a:hover{color:var(--brand);border-bottom-color:var(--brand);}

  /* ============ 首屏 ============ */
  .hero{
    position:relative;overflow:hidden;
    background:
      radial-gradient(900px 420px at 12% -10%,#ffe3ec 0%,transparent 62%),
      radial-gradient(760px 420px at 92% 4%,#e4ddff 0%,transparent 60%),
      linear-gradient(180deg,#fff6f9 0%,#fdf8f3 100%);
    padding:44px 0 0;
  }
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;}
  .hero-eyebrow{
    display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;
    color:#a3214a;background:#ffe1ea;border-radius:999px;padding:6px 14px;margin-bottom:16px;
  }
  .hero h1{font-size:clamp(28px,4vw,47px);letter-spacing:-.5px;}
  .hero h1 em{
    font-style:normal;
    background:linear-gradient(92deg,var(--brand) 8%,#ff7a45 46%,var(--brand-2) 96%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-lead{margin-top:16px;font-size:16.5px;color:var(--ink-soft);max-width:34em;}
  .hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
  .hero-points span{
    font-size:13.5px;font-weight:700;padding:7px 14px;border-radius:999px;
    background:#fff;border:1px solid var(--line);color:#3a3150;
  }
  .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:13px 24px;border-radius:14px;font-weight:800;font-size:15px;
    border:1px solid transparent;transition:.22s;cursor:pointer;min-height:48px;
  }
  .btn-main{background:linear-gradient(135deg,var(--brand),#ff7a45);color:#fff;box-shadow:0 12px 26px rgba(255,61,110,.32);}
  .btn-main:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(255,61,110,.4);}
  .btn-ghost{background:#fff;border-color:var(--line);color:var(--ink);}
  .btn-ghost:hover{border-color:var(--brand);color:var(--brand);}
  .hero-stats{display:flex;gap:26px;margin-top:26px;flex-wrap:wrap;}
  .hero-stats div{font-size:13.5px;color:var(--ink-soft);}
  .hero-stats strong{display:block;font-size:20px;color:var(--ink);}

  /* 首屏轮播 */
  .hero-carousel{position:relative;height:430px;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);}
  .carousel-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.6,.05,.2,1);}
  .carousel-slide{min-width:100%;height:100%;position:relative;}
  .carousel-slide img{width:100%;height:100%;object-fit:cover;}
  .slide-caption{
    position:absolute;left:0;right:0;bottom:0;padding:56px 22px 20px;color:#fff;
    background:linear-gradient(0deg,rgba(18,10,32,.88),rgba(18,10,32,0));
  }
  .slide-caption b{display:block;font-size:19px;font-weight:800;}
  .slide-caption span{font-size:13px;opacity:.86;}
  .carousel-dots{position:absolute;right:16px;bottom:18px;display:flex;gap:7px;z-index:3;}
  .carousel-dots button{
    width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0;
  }
  .carousel-dots button.on{background:#fff;width:22px;border-radius:999px;}

  /* 跑马灯 */
  .marquee{
    margin-top:38px;background:linear-gradient(90deg,#1c1730,#3a2456 50%,#1c1730);
    padding:13px 0;overflow:hidden;position:relative;
  }
  .marquee-track{display:flex;width:max-content;animation:marquee 34s linear infinite;}
  .marquee-track span{
    font-size:15px;font-weight:800;letter-spacing:1px;white-space:nowrap;padding:0 22px;
    background:linear-gradient(92deg,#ffd76e,#ff6f9c 45%,#8f7bff 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* ============ 通用区块 ============ */
  section{padding:66px 0;}
  .sec-head{max-width:46em;margin-bottom:34px;}
  .sec-tag{
    display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:1.5px;
    text-transform:uppercase;padding:5px 12px;border-radius:8px;margin-bottom:12px;
  }
  .sec-head h2{font-size:clamp(23px,3vw,33px);}
  .sec-head p{margin-top:12px;color:var(--ink-soft);font-size:15.5px;}

  /* 今日上新 —— 横向时间轴 + 卡片 */
  .sec-new{background:linear-gradient(180deg,#fffdf8,#fff4e8);}
  .schedule{
    display:grid;grid-template-columns:repeat(6,1fr);gap:0;
    background:#fff;border:1px solid #f0e3d2;border-radius:var(--radius);
    overflow:hidden;margin-bottom:34px;
  }
  .schedule-item{padding:18px 14px;text-align:center;border-right:1px solid #f4ead9;position:relative;}
  .schedule-item:last-child{border-right:0;}
  .schedule-item time{display:block;font-size:16px;font-weight:800;color:#c8591f;}
  .schedule-item small{display:block;font-size:12.5px;color:#8a7a63;margin-top:4px;}
  .schedule-item::after{
    content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
    width:34px;height:3px;border-radius:3px;background:#ffcf87;
  }
  .new-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .new-card{
    background:#fff;border-radius:18px;overflow:hidden;border:1px solid #f2e6d6;
    box-shadow:0 8px 22px rgba(150,100,40,.08);transition:.25s;display:flex;flex-direction:column;
  }
  .new-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(150,100,40,.16);}
  .new-card .thumb{aspect-ratio:3/4;overflow:hidden;background:#f6ecdd;}
  .new-card .thumb img{width:100%;height:100%;object-fit:cover;transition:.4s;}
  .new-card:hover .thumb img{transform:scale(1.04);}
  .new-card .body{padding:14px 15px 16px;flex:1;display:flex;flex-direction:column;gap:7px;}
  .new-card h3{font-size:16.5px;}
  .new-card .meta{font-size:12.5px;color:#93795a;}
  .new-card .desc{font-size:13.5px;color:var(--ink-soft);flex:1;}
  .tag-row{display:flex;flex-wrap:wrap;gap:6px;}
  .tag{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:#fff1e0;color:#b8631c;}

  /* 互动短剧 —— 左右结构 */
  .sec-interact{background:linear-gradient(180deg,#f2fffb,#e8f7ff);}
  .split{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;align-items:start;}
  .poster-rail{display:grid;gap:18px;}
  .poster-rail .shot{border-radius:20px;overflow:hidden;box-shadow:var(--shadow);}
  .poster-rail .shot img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;}
  .poster-rail .shot.wide img{aspect-ratio:4/3;}
  .interact-list{list-style:none;display:grid;gap:11px;}
  .interact-list li{
    background:#fff;border-radius:14px;padding:13px 16px;font-size:14.5px;
    border-left:4px solid var(--mint);color:#214a45;
    display:flex;gap:10px;align-items:baseline;
  }
  .interact-list li b{color:#0d7360;font-size:13px;white-space:nowrap;}

  /* 竖屏微短剧 —— 横向滚动截图墙 */
  .sec-vertical{background:#1c1730;color:#f4f1ff;}
  .sec-vertical .sec-head p{color:#b7adcf;}
  .sec-vertical .sec-tag{background:rgba(255,255,255,.12);color:#ffd0de;}
  .scroll-wall{display:flex;gap:18px;overflow-x:auto;padding:6px 2px 22px;scroll-snap-type:x mandatory;}
  .scroll-wall::-webkit-scrollbar{height:8px;}
  .scroll-wall::-webkit-scrollbar-thumb{background:#4a3f6b;border-radius:8px;}
  .wall-item{
    min-width:212px;scroll-snap-align:start;background:#2a2244;border-radius:18px;
    overflow:hidden;border:1px solid rgba(255,255,255,.09);
  }
  .wall-item img{width:100%;aspect-ratio:3/4;object-fit:cover;}
  .wall-item figcaption{padding:11px 13px 14px;font-size:13.5px;}
  .wall-item figcaption b{display:block;font-size:14.5px;margin-bottom:3px;}
  .wall-item figcaption span{color:#a99dc6;font-size:12.5px;}

  /* 同人二创社 —— 杂志式错落 */
  .sec-fan{background:linear-gradient(180deg,#fff7fb,#ffeef6);}
  .fan-collage{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .fan-piece{
    background:#fff;border-radius:18px;overflow:hidden;border:1px solid #ffd9e8;
    display:flex;flex-direction:column;transition:.25s;
  }
  .fan-piece:nth-child(2){margin-top:26px;}
  .fan-piece:nth-child(5){margin-top:26px;}
  .fan-piece:hover{transform:translateY(-4px);}
  .fan-piece img{width:100%;aspect-ratio:4/3;object-fit:cover;}
  .fan-piece div{padding:15px 16px 18px;}
  .fan-piece h3{font-size:16px;margin-bottom:6px;}
  .fan-piece p{font-size:13.5px;color:var(--ink-soft);}

  /* 创作者激励 —— 纵向时间轴 */
  .sec-creator{background:#f7f5ff;}
  .timeline{position:relative;padding-left:34px;}
  .timeline::before{
    content:"";position:absolute;left:10px;top:6px;bottom:6px;width:3px;border-radius:3px;
    background:linear-gradient(180deg,var(--brand-2),var(--mint));
  }
  .tl-item{position:relative;padding:0 0 24px 0;}
  .tl-item::before{
    content:"";position:absolute;left:-30px;top:8px;width:13px;height:13px;border-radius:50%;
    background:#fff;border:3px solid var(--brand-2);
  }
  .tl-item h3{font-size:16.5px;margin-bottom:5px;}
  .tl-item p{font-size:14px;color:var(--ink-soft);}
  .creator-extra{
    margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  }
  .creator-extra div{
    background:#fff;border-radius:14px;padding:15px 16px;font-size:13.8px;
    border:1px solid #e6e0ff;color:#453a70;
  }

  /* 用户神评墙 —— 便签式问答 */
  .sec-comments{background:linear-gradient(180deg,#fffdf2,#fff6dd);}
  .qa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
  .qa-card{
    background:#fff;border-radius:16px;padding:17px 18px;border:1px solid #f2e6c2;
    box-shadow:0 6px 18px rgba(160,130,60,.08);
  }
  .qa-top{display:flex;align-items:center;gap:10px;margin-bottom:9px;}
  .qa-top img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#ffe1ea;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.1);}
  .qa-top b{font-size:14px;}
  .qa-top small{font-size:12px;color:#a08f63;}
  .qa-card p{font-size:14px;color:var(--ink-soft);}
  .qa-card .q{font-weight:800;color:#a8720e;margin-bottom:4px;}

  /* 隐私与安全 —— 深色文字列表 */
  .sec-privacy{background:#eaf6ff;}
  .privacy-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .privacy-item{
    background:#fff;border-radius:14px;padding:16px 18px;display:flex;gap:12px;
    border-left:4px solid #4ea3ff;font-size:14.2px;color:#1c3f5c;
  }
  .privacy-item strong{color:#0d5fa8;white-space:nowrap;}

  /* 常见问题 */
  .sec-faq{background:linear-gradient(180deg,#fff9f3,#fdf2ea);}
  .faq-list{display:grid;gap:12px;}
  .faq-list details{
    background:#fff;border-radius:14px;border:1px solid #f0e0d2;padding:4px 18px;
  }
  .faq-list summary{
    cursor:pointer;padding:14px 0;font-weight:800;font-size:15px;list-style:none;
    display:flex;justify-content:space-between;gap:12px;
  }
  .faq-list summary::-webkit-details-marker{display:none;}
  .faq-list summary::after{content:"+";color:var(--brand);font-size:20px;line-height:1;}
  .faq-list details[open] summary::after{content:"−";}
  .faq-list details p{padding:0 0 15px;font-size:14px;color:var(--ink-soft);}

  /* 客户端下载 */
  .sec-download{background:linear-gradient(150deg,#2a1d4a,#1c1730 60%,#3b1f33);color:#fff;}
  .sec-download .sec-head p{color:#c5badd;}
  .sec-download .sec-tag{background:rgba(255,255,255,.14);color:#ffd0de;}
  .download-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:start;}
  .device-btns{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
  .device-btn{
    display:flex;flex-direction:column;gap:3px;background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:15px 18px;
    color:#fff;transition:.2s;
  }
  .device-btn:hover{background:rgba(255,255,255,.17);border-color:#ffb2c7;transform:translateY(-2px);}
  .device-btn b{font-size:15px;}
  .device-btn span{font-size:12.5px;color:#c4b8dd;}
  .steps{display:grid;gap:12px;}
  .step{
    display:flex;gap:13px;background:rgba(255,255,255,.07);border-radius:14px;padding:14px 16px;
    border:1px solid rgba(255,255,255,.12);
  }
  .step em{
    font-style:normal;font-weight:800;color:#1c1730;background:#ffd76e;
    width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:13px;
  }
  .step p{font-size:13.8px;color:#e2daf0;}

  /* 浮动下载 */
  .float-dl{
    position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:80;
    display:flex;align-items:center;gap:10px;
    background:linear-gradient(135deg,var(--brand),#ff7a45);color:#fff;
    padding:10px 22px 10px 12px;border-radius:999px;box-shadow:0 14px 30px rgba(255,61,110,.42);
    font-weight:800;font-size:14.5px;transition:.2s;
  }
  .float-dl img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#fff;padding:2px;}
  .float-dl:hover{transform:translateX(-50%) translateY(-3px);}

  /* 复制弹框 */
  .copy-modal{
    position:fixed;inset:0;z-index:100;background:rgba(20,14,34,.55);
    display:none;align-items:center;justify-content:center;padding:24px;
  }
  .copy-modal.show{display:flex;}
  .copy-box{background:#fff;border-radius:18px;padding:24px;max-width:360px;width:100%;text-align:center;}
  .copy-box p{font-size:14.5px;color:var(--ink);margin-bottom:14px;line-height:1.6;}
  .copy-box input{
    width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);
    font-size:13px;color:#584c70;background:#faf7ff;margin-bottom:14px;
  }
  .copy-box .btn-main{width:100%;}
  .copy-close{margin-top:10px;background:none;border:0;color:#8b7fa5;font-size:13px;cursor:pointer;}

  /* 页脚 */
  .site-footer{background:#15112a;color:#a89ec2;padding:42px 0 30px;font-size:13px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;}
  .site-footer h3{color:#f0ebff;font-size:15px;margin-bottom:10px;}
  .site-footer p{font-size:13px;line-height:1.75;}
  .footer-links{display:grid;gap:7px;font-size:13px;}
  .footer-links a:hover{color:#ffb2c7;}
  .footer-bottom{
    margin-top:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);
    display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12.5px;color:#877ca3;
  }
  .footer-bottom a{color:#a89ec2;}
  .footer-bottom a:hover{color:#ffb2c7;}

  /* ============ 响应式 ============ */
  @media (max-width:1024px){
    .hero-grid{grid-template-columns:1fr;gap:28px;}
    .hero-carousel{height:360px;}
    .new-grid{grid-template-columns:repeat(3,1fr);}
    .split{grid-template-columns:1fr;gap:26px;}
    .poster-rail{grid-template-columns:1fr 1fr;}
    .fan-collage{grid-template-columns:repeat(2,1fr);}
    .fan-piece:nth-child(2),.fan-piece:nth-child(5){margin-top:0;}
    .download-grid{grid-template-columns:1fr;}
    .creator-extra{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .schedule{grid-template-columns:repeat(3,1fr);}
    .schedule-item:nth-child(3){border-right:0;}
  }
  @media (max-width:768px){
    .nav-toggle{display:inline-block;}
    .main-nav{
      display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:2px;
      background:#fffaf6;border-bottom:1px solid var(--line);padding:10px 5vw 18px;font-size:15px;
    }
    .main-nav.open{display:flex;}
    section{padding:46px 0;}
    .hero{padding-top:30px;}
    .hero h1{font-size:27px;word-break:keep-all;}
    .hero-lead{font-size:15px;}
    .hero-actions{flex-direction:column;}
    .hero-actions .btn{width:100%;}
    .hero-carousel{height:300px;border-radius:18px;}
    .hero-stats{gap:18px;}
    .new-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
    .new-card .body{padding:12px;}
    .new-card h3{font-size:14.5px;}
    .schedule{grid-template-columns:repeat(2,1fr);}
    .schedule-item{border-right:0;border-bottom:1px solid #f4ead9;padding:14px 10px;}
    .schedule-item:nth-child(odd){border-right:1px solid #f4ead9;}
    .qa-grid,.privacy-wrap,.device-btns{grid-template-columns:1fr;}
    .fan-collage{grid-template-columns:1fr;}
    .poster-rail{grid-template-columns:1fr 1fr;gap:12px;}
    .float-dl{font-size:13.5px;padding:8px 18px 8px 10px;}
    .footer-grid{grid-template-columns:1fr;gap:20px;}
    .marquee-track span{font-size:13.5px;padding:0 16px;}
    .wall-item{min-width:172px;}
    .sec-head p{font-size:14.5px;}
  }