:root{
    --bg-outer:#eceaf3;
    --pink-pad:#f8cfe0;
    --pink-deep:#f2a9c6;
    --cream:#fdf6e9;
    --purple-pad:#e5dcf3;
    --ink:#4a3b4f;
    --ink-soft:#6f5f74;
    --mint:#c9e8dd;
    --lavender:#d8cff0;
    --butter:#f8e9b0;
    --blue-soft:#cfe0f5;
    --radius-lg:40px;
    --radius-md:26px;
    --radius-sm:18px;
    --shadow-soft:0 18px 36px rgba(120,90,130,.14);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,sans-serif;
    background:var(--bg-outer);
    color:var(--ink);
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  h1,h2,h3{line-height:1.35;margin:0 0 .5em;font-weight:800;}
  p{margin:0 0 1em;}

  /* 顶部导航 */
  .top-bar{
    position:sticky;top:0;z-index:50;
    background:rgba(253,246,233,.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(120,90,130,.12);
  }
  .top-inner{
    max-width:1180px;margin:0 auto;
    display:flex;align-items:center;gap:16px;
    padding:10px 20px;
  }
  .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;white-space:nowrap;}
  .brand img{height:32px;width:auto;border-radius:10px;}
  .nav-scroll{
    overflow-x:auto;display:flex;gap:8px;scrollbar-width:none;
    flex:1;
  }
  .nav-scroll::-webkit-scrollbar{display:none;}
  .nav-scroll a{
    white-space:nowrap;font-size:13px;padding:7px 14px;border-radius:20px;
    background:#fbeaf2;color:#7b5570;font-weight:600;
  }
  .nav-scroll a:hover{background:#f6d5e5;color:#5c3a53;}

  /* 首屏粉色大垫子 */
  .hero{
    max-width:1180px;margin:26px auto;
    padding:0 20px;
  }
  .hero-pad{
    background:radial-gradient(120% 120% at 20% 0%, #ffdcea 0%, var(--pink-pad) 55%, #f4bcd3 100%);
    border-radius:var(--radius-lg);
    padding:46px 34px;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:28px;
    align-items:center;
    box-shadow:0 24px 50px rgba(214,140,175,.28);
    position:relative;
    overflow:hidden;
  }
  .hero-copy{position:relative;z-index:3;}
  .hero-badge{
    display:inline-block;background:var(--cream);color:#8a4e73;
    font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;
    margin-bottom:16px;letter-spacing:.4px;
  }
  .hero-copy h1{
    font-size:clamp(26px,3.4vw,42px);
    color:#4b2c42;letter-spacing:.5px;
  }
  .hero-copy h1 em{
    font-style:normal;
    background:linear-gradient(90deg,#a24a7c,#e07aa8);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-copy .lead{
    font-size:15.5px;color:#5e3d53;max-width:34em;
  }
  .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:13px 26px;border-radius:30px;font-weight:700;font-size:15px;
    border:none;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease;
  }
  .btn:active{transform:scale(.97);}
  .btn-android{
    background:linear-gradient(135deg,#7ecbad,#4fa98a);
    color:#fff;box-shadow:0 10px 22px rgba(79,169,138,.35);
  }
  .btn-ios{
    background:var(--cream);color:#7b4a67;
    box-shadow:0 10px 22px rgba(200,150,175,.3);
  }
  .hero-note{font-size:12.5px;color:#7c5567;margin-top:14px;}

  /* 首屏右侧圆润物件 */
  .hero-objects{
    position:relative;height:340px;z-index:1;pointer-events:none;
  }
  .blob{
    position:absolute;border-radius:50%;
    box-shadow:inset -6px -10px 22px rgba(190,140,170,.25),0 14px 26px rgba(170,120,150,.2);
  }
  .blob.b1{width:150px;height:150px;background:linear-gradient(140deg,#ffe4ef,#f6b6d0);top:0;left:22%;}
  .blob.b2{width:96px;height:96px;background:linear-gradient(140deg,#e7ddfa,#cbbbe9);top:120px;right:6%;}
  .blob.b3{width:74px;height:74px;background:linear-gradient(140deg,#fdf3c8,#f3df9c);bottom:36px;left:6%;}
  .blob.b4{width:118px;height:118px;background:linear-gradient(140deg,#d9f0e7,#a9dcc8);bottom:0;right:26%;}
  .blob.b5{width:58px;height:58px;background:linear-gradient(140deg,#dceafb,#b6d1ef);top:20px;left:2%;}
  .hero-poster{
    position:absolute;width:150px;border-radius:20px;overflow:hidden;
    box-shadow:0 18px 34px rgba(140,90,120,.32);
    top:32px;left:34%;transform:rotate(-6deg);
    border:4px solid rgba(255,255,255,.75);
  }
  .hero-poster img{width:100%;height:210px;object-fit:cover;}

  /* 通用托盘 */
  .tray{
    max-width:1180px;margin:0 auto 30px;
    padding:0 20px;
  }
  .tray-inner{
    border-radius:var(--radius-lg);
    padding:40px 30px;
    box-shadow:var(--shadow-soft);
  }
  .tray-cream{background:var(--cream);}
  .tray-purple{background:var(--purple-pad);}
  .tray-title{
    font-size:clamp(21px,2.4vw,27px);
    color:#4b2c42;
  }
  .tray-sub{color:var(--ink-soft);font-size:14.5px;margin-bottom:26px;max-width:46em;}

  /* 一大配几小 */
  .feature-layout{
    display:grid;grid-template-columns:1.25fr 1fr;gap:22px;
  }
  .feature-main{
    border-radius:var(--radius-md);overflow:hidden;
    background:#fff;box-shadow:0 14px 26px rgba(150,120,140,.16);
    display:flex;flex-direction:column;
  }
  .feature-main img{width:100%;height:290px;object-fit:cover;}
  .feature-main .fm-body{padding:18px 20px 22px;}
  .feature-main h3{font-size:18px;margin-bottom:6px;color:#573a4f;}
  .feature-main p{font-size:14px;color:var(--ink-soft);margin:0;}
  .feature-small-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .mini-card{
    background:#fff;border-radius:var(--radius-sm);overflow:hidden;
    box-shadow:0 10px 20px rgba(150,120,140,.13);
  }
  .mini-card img{width:100%;height:120px;object-fit:cover;}
  .mini-card .mini-body{padding:10px 12px 14px;}
  .mini-card h3{font-size:14.5px;margin-bottom:2px;color:#573a4f;}
  .mini-card p{font-size:12.5px;color:var(--ink-soft);margin:0;line-height:1.6;}

  /* 编辑架 */
  .editor-shelf{
    display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:26px;
  }
  .shelf-main{
    border-radius:var(--radius-md);overflow:hidden;background:#fff;
    box-shadow:0 14px 28px rgba(150,120,140,.16);
    position:relative;
  }
  .shelf-main img{width:100%;height:330px;object-fit:cover;}
  .shelf-main .cap{
    position:absolute;left:0;right:0;bottom:0;
    padding:18px 20px;
    background:linear-gradient(to top,rgba(60,40,55,.82),rgba(60,40,55,0));
    color:#fff;
  }
  .shelf-main .cap h3{margin:0 0 4px;font-size:17px;}
  .shelf-main .cap p{margin:0;font-size:13px;opacity:.9;}
  .shelf-rows{display:flex;flex-direction:column;gap:12px;}
  .shelf-row{
    display:flex;gap:12px;align-items:center;
    background:#fff;border-radius:16px;padding:10px;
    box-shadow:0 8px 16px rgba(150,120,140,.12);
  }
  .shelf-row img{width:58px;height:76px;object-fit:cover;border-radius:10px;flex:none;}
  .shelf-row h3{font-size:14px;margin:0 0 2px;color:#573a4f;}
  .shelf-row p{font-size:12.5px;margin:0;color:var(--ink-soft);line-height:1.55;}

  /* 紫色托盘：对比架 + 折叠项 */
  .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:26px;}
  .compare-card{
    background:#fff;border-radius:var(--radius-md);padding:22px;
    box-shadow:0 12px 22px rgba(130,105,160,.16);
  }
  .compare-card h3{font-size:16px;margin-bottom:10px;color:#5a3f63;}
  .compare-card ul{margin:0;padding-left:18px;font-size:14px;color:var(--ink-soft);}
  .compare-card li{margin-bottom:6px;}
  .compare-card.accent{background:#f6eefb;}

  .fold-list{display:flex;flex-direction:column;gap:10px;}
  details.fold{
    background:#fff;border-radius:16px;padding:14px 18px;
    box-shadow:0 8px 16px rgba(130,105,160,.12);
  }
  details.fold summary{
    cursor:pointer;font-weight:700;font-size:14.5px;color:#5a3f63;
    list-style:none;
  }
  details.fold summary::-webkit-details-marker{display:none;}
  details.fold summary::after{content:"＋";float:right;color:#a98cc0;}
  details.fold[open] summary::after{content:"－";}
  details.fold p{font-size:13.5px;color:var(--ink-soft);margin:10px 0 0;}

  /* 三个板块：排行榜、AI漫剧、教程 */
  .section-block{
    max-width:1180px;margin:0 auto 30px;padding:0 20px;
  }
  .block-inner{
    background:#fff;border-radius:var(--radius-lg);padding:36px 30px;
    box-shadow:var(--shadow-soft);
  }
  .rank-list{display:flex;flex-direction:column;gap:12px;margin-top:8px;}
  .rank-item{
    display:flex;gap:14px;align-items:center;
    background:#fbf6ee;border-radius:16px;padding:10px 14px;
  }
  .rank-no{
    width:30px;height:30px;flex:none;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    font-weight:800;font-size:14px;color:#7b4a67;background:var(--pink-pad);
  }
  .rank-item:nth-child(1) .rank-no{background:#ffd0e2;}
  .rank-item:nth-child(2) .rank-no{background:var(--lavender);}
  .rank-item:nth-child(3) .rank-no{background:var(--mint);}
  .rank-item img{width:46px;height:60px;object-fit:cover;border-radius:8px;flex:none;}
  .rank-item h3{font-size:14.5px;margin:0 0 2px;color:#573a4f;}
  .rank-item p{font-size:12.5px;margin:0;color:var(--ink-soft);}

  .ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px;}
  .ai-card{
    border-radius:var(--radius-md);overflow:hidden;background:#f7f2fb;
    box-shadow:0 10px 20px rgba(140,110,160,.14);
  }
  .ai-card img{width:100%;height:170px;object-fit:cover;}
  .ai-card .ai-body{padding:14px 16px 18px;}
  .ai-card h3{font-size:15px;margin-bottom:4px;color:#51364c;}
  .ai-card p{font-size:13px;color:var(--ink-soft);margin:0;line-height:1.6;}

  .step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px;}
  .step-card{
    background:#f6f3ea;border-radius:var(--radius-md);padding:22px;
  }
  .step-card .num{
    width:34px;height:34px;border-radius:12px;background:var(--butter);
    display:flex;align-items:center;justify-content:center;
    font-weight:800;color:#7b5a2c;margin-bottom:12px;
  }
  .step-card h3{font-size:15px;margin-bottom:6px;color:#51364c;}
  .step-card p{font-size:13.5px;color:var(--ink-soft);margin:0;}

  /* 三张竖图展示条 */
  .poster-strip{
    display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;
  }
  .poster-strip figure{margin:0;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 12px 24px rgba(140,110,160,.16);}
  .poster-strip img{width:100%;height:250px;object-fit:cover;}
  .poster-strip figcaption{
    background:#fff;padding:12px 14px;font-size:13px;color:var(--ink-soft);
  }

  /* 评论区（滚动特效） */
  .comment-wall{
    display:flex;gap:16px;overflow-x:auto;padding:8px 2px 18px;
    scroll-snap-type:x mandatory;
  }
  .comment-wall::-webkit-scrollbar{height:6px;}
  .comment-wall::-webkit-scrollbar-thumb{background:#dfc9e4;border-radius:6px;}
  .comment-card{
    flex:none;width:280px;background:#fff;border-radius:20px;padding:18px;
    box-shadow:0 10px 20px rgba(150,120,150,.14);
    scroll-snap-align:start;
  }
  .comment-card p{font-size:13.5px;margin:0 0 10px;color:#56414f;}
  .comment-user{display:flex;align-items:center;gap:8px;font-size:12px;color:#9a7f92;}
  .avatar{
    width:26px;height:26px;border-radius:50%;background:var(--lavender);
    display:flex;align-items:center;justify-content:center;font-size:11px;color:#6a4c7a;font-weight:700;
  }

  /* 问答 */
  .faq-list{display:flex;flex-direction:column;gap:12px;}
  .faq-item{background:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 8px 16px rgba(150,120,150,.1);}
  .faq-item h3{font-size:14.5px;margin-bottom:6px;color:#573a4f;}
  .faq-item p{font-size:13.5px;color:var(--ink-soft);margin:0;}

  /* 结尾粉色 */
  .end-pink{
    max-width:1180px;margin:0 auto 40px;padding:0 20px;
  }
  .end-inner{
    background:radial-gradient(120% 130% at 80% 0%, #ffdcea 0%, var(--pink-pad) 60%, #f3b8d0 100%);
    border-radius:var(--radius-lg);padding:48px 30px;text-align:center;
    box-shadow:0 24px 46px rgba(214,140,175,.26);
  }
  .end-inner h2{font-size:clamp(22px,2.6vw,30px);color:#4b2c42;}
  .end-inner p{color:#5e3d53;font-size:15px;max-width:40em;margin:0 auto 22px;}
  .end-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

  /* 弹层 */
  .modal-mask{
    position:fixed;inset:0;background:rgba(60,40,55,.45);
    display:none;align-items:center;justify-content:center;z-index:100;padding:20px;
  }
  .modal-mask.show{display:flex;}
  .modal-box{
    background:#fff;border-radius:24px;max-width:380px;width:100%;
    padding:26px 24px;text-align:center;box-shadow:0 24px 50px rgba(80,50,70,.3);
  }
  .modal-box p{font-size:14px;color:#5e3d53;margin-bottom:14px;line-height:1.7;}
  .copy-field{
    display:flex;gap:8px;align-items:center;background:#f7f1f5;border-radius:14px;padding:10px 12px;
  }
  .copy-field input{
    border:none;background:transparent;flex:1;font-size:12.5px;color:#6f5f74;outline:none;
    min-width:0;
  }
  .copy-btn{
    background:#a24a7c;color:#fff;border:none;border-radius:10px;
    padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;flex:none;
  }
  .modal-close{
    margin-top:16px;background:#f2eaf0;color:#7b4a67;border:none;
    border-radius:12px;padding:10px 22px;font-size:13.5px;font-weight:700;cursor:pointer;
  }

  /* 页脚 */
  footer.site-footer{
    background:var(--cream);
    padding:28px 20px 34px;
    margin-top:10px;
  }
  .footer-inner{
    max-width:1180px;margin:0 auto;
    font-size:12px;color:#9b8b96;line-height:1.9;
  }
  .footer-inner a{color:#9b8b96;text-decoration:underline;}
  .footer-search{margin-top:14px;font-size:11.5px;color:#ab9ca6;}
  .footer-search span{margin-right:10px;display:inline-block;}

  /* 响应式 */
  @media (max-width:1024px){
    .hero-pad{grid-template-columns:1fr;padding:36px 26px;}
    .hero-objects{height:250px;order:2;}
    .hero-poster{width:120px;top:20px;left:12%;}
    .hero-poster img{height:168px;}
    .feature-layout,.editor-shelf,.compare-grid{grid-template-columns:1fr;}
    .ai-grid,.step-grid,.poster-strip{grid-template-columns:repeat(2,1fr);}
    .feature-main img{height:250px;}
    .shelf-main img{height:250px;}
  }
  @media (max-width:768px){
    .top-inner{padding:8px 14px;gap:10px;}
    .brand img{height:28px;}
    .brand{font-size:14px;}
    .hero{margin:16px auto;}
    .hero-pad{padding:28px 20px;border-radius:30px;}
    .hero-actions{flex-direction:column;align-items:stretch;}
    .btn{width:100%;}
    .hero-objects{height:200px;}
    .blob.b1{width:100px;height:100px;}
    .blob.b2{width:68px;height:68px;top:80px;}
    .blob.b4{width:80px;height:80px;}
    .hero-poster{width:96px;top:14px;left:8%;}
    .hero-poster img{height:134px;}
    .tray-inner,.block-inner{padding:26px 18px;border-radius:30px;}
    .feature-small-grid{grid-template-columns:1fr 1fr;gap:12px;}
    .ai-grid,.step-grid,.poster-strip{grid-template-columns:1fr;}
    .poster-strip img{height:220px;}
    .end-inner{padding:34px 20px;border-radius:30px;}
    .comment-card{width:250px;}
  }