/* ═════════ Design Tokens：Apple Design System ═════════
     克制、高级、商业：近黑/白/灰 + Apple System Blue，柔和阴影、连续圆角、毛玻璃 */
  :root{
    /* 五行色体系（v2.0）：极深墨绿基底 */
    --bg-primary:#0D2B2B; --bg:#0D2B2B; --surface:#1A3A3A; --bg-hover:#244A4A; --bg-footer:#0A1F1F;
    --ink:#F0F0F0; --ink-2:#C9D6D6; --muted:#8A9A9A; --faint:#5F7373;
    --brand:#00E676; --brand-dark:#00C853; --color-tech:#00E676; --color-cta:#FF3366; --color-vip:#D4AF37;
    --ok:#00C853; --warn:#FF9100; --danger:#FF1744; --info:#00E676;
    --hairline:rgba(255,255,255,.10); --hairline-2:rgba(255,255,255,.06);
    --r-card:12px; --r-media:8px; --r-btn:24px; --r-pill:980px;
    --shadow-soft:0 1px 3px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.4);
    --shadow-md:0 2px 8px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.5);
    --shadow-lg:0 4px 16px rgba(0,0,0,.55),0 12px 40px rgba(0,0,0,.55);
    --shadow-modal:0 24px 80px rgba(0,0,0,.6);
    --maxw:1440px;
  }
  *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
  html{scroll-behavior:smooth}
  html,body{scrollbar-width:none;-ms-overflow-style:none}
  html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
  body{font-family:"PingFang SC","Source Han Sans CN","Inter","Roboto","Helvetica Neue","Microsoft YaHei",sans-serif;
    background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
    line-height:1.6;font-size:15px;min-height:100vh}
  h1,h2,h3,h4,h5{font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif}
  button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
  input{font-family:inherit;border:none;outline:none;background:transparent}
  img{display:block;max-width:100%}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1440px;margin:0 auto;padding:0;width:100%}
  .hidden{display:none!important}
  [hidden]{display:none!important}
  .fade{opacity:0;transform:translateY(6px);animation:fadeIn .45s ease forwards}
  @keyframes fadeIn{to{opacity:1;transform:none}}
  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.fade{transform:none}}

  /* ═══ 头部：毛玻璃（暗调奢华） ═══ */
  header{position:sticky;top:0;z-index:40;background:rgba(13,43,43,.82);
    backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);
    border-bottom:1px solid rgba(255,255,255,.06)}
  .hd{max-width:var(--maxw);margin:0 auto;padding:16px 0px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px}
  .hd .brand{justify-self:start}
  a.hd-points{text-decoration:none;cursor:pointer;transition:all .2s ease}
  a.hd-points:hover{background:rgba(212,168,83,.22);border-color:rgba(212,168,83,.45)}
  .brand{display:flex;align-items:center;gap:0;font-size:16px;font-weight:600;letter-spacing:.04em;color:#F2EDE4}
  .brand-logo{height:30px;width:auto;display:block;flex:none;object-fit:contain;max-width:140px}
  .brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#00E676,#00C853);position:relative;overflow:hidden;flex:none;
    box-shadow:0 1px 4px rgba(0,230,118,.3)}
  .brand-mark::before{content:"";position:absolute;inset:5px;border:1.5px solid #fff;border-radius:3px}
  .brand-mark::after{content:"";position:absolute;inset:10px 9px 14px;background:#fff}
  .hd-nav{display:flex;gap:8px;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap;min-width:0;justify-content:center}
  .hd-nav::-webkit-scrollbar{display:none;width:0;height:0}
  /* 窄屏放不下「居中导航 + 右侧用户区」，改成品牌-导航-用户三段流式，导航左起横滑 */
  @media(max-width:900px){.hd{grid-template-columns:auto minmax(0,1fr) auto}.hd-nav{justify-content:flex-start}}
  .hd-link{font-size:13px;color:#9B97A6;padding:8px 24px;border-radius:var(--r-btn);transition:all .2s ease}
  .hd-link:hover{color:#F2EDE4;background:rgba(255,255,255,.06)}
  .hd-user{display:flex;gap:8px;align-items:center;justify-self:end}
  .hd-points{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#E8C37C;
    background:rgba(212,168,83,.10);border:1px solid rgba(212,168,83,.22);padding:8px 14px;border-radius:var(--r-pill)}
  .hd-points b{color:#E8C37C;font-weight:600}
  .btn-login{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;background-color:#FF3366;padding:0 20px;height:36px;border-radius:20px;box-shadow:rgba(255,51,102,.3) 0 0 16px;transition:all .2s ease}
  .btn-login:hover{filter:brightness(1.08);box-shadow:0 2px 18px rgba(255,51,102,.5)}

  /* ═══ 按钮通用 ═══ */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-btn);
    padding:12px 24px;font-size:15px;font-weight:500;transition:all .2s ease}
  .btn-primary{background:linear-gradient(180deg,#007AFF,#0064D6);color:#fff;box-shadow:0 1px 2px rgba(0,122,255,.2)}
  .btn-primary:hover{filter:brightness(1.05);box-shadow:0 2px 8px rgba(0,122,255,.25)}
  .btn-primary:disabled{opacity:.4;cursor:not-allowed}
  .btn-sub{background:var(--surface);border:1px solid var(--hairline);color:var(--ink)}
  .btn-sub:hover{background:var(--bg);border-color:#c7c7cc}
  .btn-block{width:100%}

  /* ═══ 首页 ═══ */
  .hero{padding:72px 0 44px;text-align:center;max-width:680px;margin:0 auto}
  .hero h1{font-size:clamp(30px,4.6vw,50px);font-weight:500;line-height:1.15;letter-spacing:-.02em}
  .hero .lede{margin-top:18px;font-size:clamp(15px,1.9vw,17px);color:var(--ink-2)}
  .cards{margin-top:36px;display:grid;grid-template-columns:1fr;gap:20px;padding-bottom:80px}
  @media(min-width:760px){.cards{grid-template-columns:1fr 1fr}}
  .fcard{position:relative;border:1px solid rgba(0,0,0,.04);border-radius:var(--r-card);background:var(--surface);
    box-shadow:var(--shadow-soft);padding:34px 32px;overflow:hidden;min-height:230px;display:flex;flex-direction:column;
    transition:all .2s ease}
  .fcard:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}
  .fcard .t{font-size:20px;font-weight:600;letter-spacing:-.01em}
  .fcard .d{margin-top:10px;font-size:14px;color:var(--muted);max-width:30ch}
  .fcard .go{margin-top:auto;align-self:flex-start}
  .fcard .badge{position:absolute;top:30px;right:30px;font-size:11.5px;color:var(--faint);letter-spacing:.05em;
    border:1px solid var(--hairline-2);padding:4px 10px;border-radius:var(--r-pill)}
  .fcard .badge.shop{color:var(--ok);border-color:rgba(52,199,89,.3)}
  .fcard-preview{position:absolute;right:-30px;bottom:-30px;width:170px;opacity:.06;pointer-events:none}
  .fcard .ispot{display:inline-flex;align-items:center;gap:7px;margin-top:auto;flex-wrap:wrap}

  /* ═══ 工作台 ═══ */
  .studio{padding:34px 0 96px;display:grid;grid-template-columns:1fr;gap:32px;align-items:start}
  @media(min-width:900px){.studio{grid-template-columns:minmax(0,300px) 1fr;gap:52px}}.studio.single-col{grid-template-columns:1fr}
  .studio-head{grid-column:1/-1;display:flex;align-items:baseline;gap:16px;padding-bottom:6px;border-bottom:1px solid var(--hairline)}
  .studio-head h2{font-size:20px;font-weight:500}
  .studio-head .stepNo{font-size:13px;color:var(--faint);letter-spacing:.04em}
  .studio-head .back{margin-left:auto;font-size:13px;color:var(--muted)}
  .studio-head .back:hover{color:var(--ink)}
  .preview-col{position:relative}
  @media(min-width:900px){.preview-col{position:sticky;top:92px}}
  .frame{border-radius:var(--r-card);background:var(--surface);border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow-soft);padding:18px}
  .photo-bgc{border-radius:var(--r-media);overflow:hidden;background:#f0f0f3;width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center}
  .photo-bgc img{max-height:320px;width:auto}
  .frame-cap{margin-top:14px;font-size:12px;color:var(--faint);text-align:center}
  .panel{animation:fadeIn .4s ease}
  .panel-label{font-size:13px;color:var(--muted);margin-bottom:10px}
  .options{display:flex;flex-direction:column;gap:10px}
  .opt{border:1.5px solid #fff;border-radius:var(--r-btn);padding:14px 16px;display:flex;align-items:center;gap:14px;
    background:transparent;text-align:left;transition:all .2s ease}
  .opt:hover{border-color:#fff}.opt.sel{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
  .opt+.opt{margin-top:20px}
  .opt .name{font-size:15px;font-weight:500}.opt .desc{font-size:12.5px;color:var(--muted);margin-top:1px}
  .opt .mark{margin-left:auto;flex:none;width:20px;height:20px;border:1.5px solid var(--hairline);border-radius:50%;
    display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}
  .opt.sel .mark{border-color:var(--brand);background:var(--brand)}.opt.sel .mark::after{content:"✓"}
  .colors{display:flex;flex-wrap:wrap;gap:14px}
  .color{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}
  .swatch{width:48px;height:62px;border-radius:var(--r-media);border:1px solid var(--hairline-2);position:relative}
  .color.sel .swatch{box-shadow:0 0 0 2px var(--brand)}
  .color .cross{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;text-shadow:0 0 3px rgba(0,0,0,.4)}
  .color .sw-name{font-size:12.5px;color:var(--muted)}.color.sel .sw-name{color:var(--ink)}
  .cloth-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
  .cloth{display:flex;flex-direction:column;align-items:center;gap:9px;border:1.5px solid var(--hairline);border-radius:var(--r-btn);
    padding:16px 10px 12px;background:var(--surface);cursor:pointer;transition:all .2s ease}
  .cloth:hover{border-color:#c7c7cc}.cloth.sel{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
  .cloth svg{color:var(--ink);width:42px;height:48px}.cloth .name{font-size:12.5px;color:var(--muted)}
  .cloth.sel .name{color:var(--ink);font-weight:500}
  .checks{background:var(--surface);border:1px solid rgba(0,0,0,.04);border-radius:var(--r-card);box-shadow:var(--shadow-soft);padding:4px 18px}
  .check{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--hairline-2)}
  .check:last-child{border-bottom:none}
  .check .k{font-size:13.5px;color:var(--ink-2);min-width:76px}
  .check .s{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ok);font-weight:500}
  .check .s.warn{color:var(--warn)}
  .check .dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}
  .check .s.warn .dot{background:var(--warn)}
  .check .hint{font-size:12px;color:var(--muted);margin-top:6px;width:100%}
  .bg-row,.sz-row{display:flex;gap:10px;flex-wrap:wrap}
  .bg-btn,.sz-btn{flex:1;min-width:60px;padding:10px 6px;border-radius:var(--r-btn);border:1px solid var(--hairline-2);font-size:13px;cursor:pointer;text-align:center;background:var(--surface);transition:all .2s ease;font-family:inherit;color:var(--ink)}
  .bg-btn:hover,.sz-btn:hover{border-color:var(--muted);background:var(--bg)}
  .bg-btn.sel{background:linear-gradient(180deg,#007AFF,#0064D6);color:#fff;border-color:var(--brand);font-weight:500;box-shadow:0 1px 3px rgba(0,122,255,.2)}
  .bg-btn.sel[data-color=white]{background:linear-gradient(180deg,#007AFF,#0064D6)!important;color:#fff;border-color:var(--brand);font-weight:500;box-shadow:0 1px 3px rgba(0,122,255,.2)}
  .sz-btn.sel{border:1.5px solid var(--brand);font-weight:500;background:linear-gradient(180deg,#007AFF,#0064D6);color:#fff;box-shadow:0 1px 3px rgba(0,122,255,.2)}
  .sz-btn.sel small{color:#fff!important}
  .sz-btn{min-width:68px;padding:12px 4px;line-height:1.4}
  .sz-btn small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:2px}
  .analysis-head{margin-bottom:6px;font-size:15px;font-weight:500}
  .loadbar{height:2px;background:var(--hairline-2);border-radius:2px;overflow:hidden;position:relative;width:160px}
  .loadbar b{position:absolute;inset:0;background:var(--brand);width:30%;animation:slide 1.2s infinite ease-in-out}
  @keyframes slide{0%{left:-30%}100%{left:100%}}
  .status-line{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:14px}
  .prog{width:100%;max-width:320px;height:2px;background:var(--hairline-2);border-radius:2px;margin-top:8px}
  .prog b{display:block;height:100%;background:linear-gradient(90deg,#007AFF,#5AC8FA);width:0}
  .panel-actions{margin-top:28px;display:flex;gap:12px;align-items:center}

  /* ═══ 结果页 ═══ */
  .result-wrap{display:grid;grid-template-columns:1fr;gap:40px;align-items:start}
  @media(min-width:900px){.result-wrap{grid-template-columns:minmax(0,1fr) 300px;gap:64px}}
  .result-photo{justify-self:center;text-align:center}
  .id-frame{width:min(300px,72vw);aspect-ratio:3/4;border-radius:var(--r-media);box-shadow:var(--shadow-md);display:flex;overflow:hidden;margin-inline:auto;background:#f0f0f3}
  .id-frame img{width:100%;height:100%;object-fit:contain}
  .id-caption{margin-top:18px;font-size:13.5px;color:var(--muted)}
  .id-caption b{color:var(--ink);font-weight:600}
  .result-done{font-size:12.5px;color:var(--faint);line-height:1.9;margin-top:6px}
  .result-actions{display:flex;flex-direction:column;gap:10px}
  .result-actions .cap{font-size:13px;color:var(--faint);margin-bottom:4px;letter-spacing:.04em}
  .cost-line{font-size:12px;color:var(--muted);text-align:center;margin-top:14px}
  .result-card{background:var(--surface);border:1px solid rgba(0,0,0,.04);border-radius:var(--r-card);box-shadow:var(--shadow-soft);padding:28px}

  /* ═══ 打印页 ═══ */
  .print-wrap{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:40px;align-items:start}
  @media(min-width:900px){.print-wrap{grid-template-columns:minmax(0,1fr) 300px;gap:64px}}
  .print-preview .sheet{border:1px solid var(--hairline-2);border-radius:var(--r-card);background:#fff;padding:14px;box-shadow:var(--shadow-soft)}
  .print-preview canvas{width:100%;height:auto;display:block;border-radius:var(--r-media);background:#fff}
  .print-set{display:flex;flex-direction:column;gap:22px}
  .set-block .label{font-size:13px;color:var(--muted);margin-bottom:10px}
  .seg{display:flex;border:1px solid var(--hairline-2);border-radius:var(--r-btn);overflow:hidden;background:var(--surface)}
  .seg button{flex:1;padding:11px 0;font-size:13.5px;color:var(--muted);transition:all .2s ease;background:transparent}
  .seg button.sel{background:linear-gradient(180deg,#007AFF,#0064D6);color:#fff;box-shadow:0 1px 3px rgba(0,122,255,.2)}
  .qty{display:flex;align-items:center;border:1px solid var(--hairline-2);border-radius:var(--r-btn);overflow:hidden;width:max-content;background:var(--surface)}
  .qty button{width:44px;height:44px;font-size:16px;color:var(--ink-2);background:transparent;transition:background .2s ease}
  .qty button:hover{background:var(--bg)}
  .qty .v{min-width:64px;text-align:center;font-size:14.5px;font-weight:500;line-height:44px;border-left:1px solid var(--hairline-2);border-right:1px solid var(--hairline-2)}
  .print-stat{margin-top:14px;font-size:12.5px;color:var(--muted)}

  /* ═══ 用户中心/作品/积分 ═══ */
  .page{padding:44px 0 96px}
  .page-head{display:flex;align-items:baseline;gap:16px;padding-bottom:8px;border-bottom:1px solid var(--hairline);margin-bottom:26px}
  .page-head h2{font-size:22px;font-weight:500}
  .card{background:var(--surface);border:1px solid rgba(0,0,0,.04);border-radius:var(--r-card);box-shadow:var(--shadow-soft);padding:26px}
  .user-top{display:flex;align-items:center;gap:18px}
  .avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#007AFF,#0064D6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;box-shadow:0 2px 8px rgba(0,122,255,.2)}
  .user-phone{font-size:18px;font-weight:600}
  .user-phone small{color:var(--faint);font-weight:400;font-size:13px;margin-left:6px}
  .balance-row{margin-top:8px;font-size:13px;color:var(--muted)}
  .balance-row b{font-size:26px;color:var(--ink);font-weight:600}
  .balance-row span{color:var(--brand)}
  .menu{margin-top:26px;border:1px solid rgba(0,0,0,.04);border-radius:var(--r-card);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-soft)}
  .menu a{display:flex;align-items:center;gap:12px;padding:16px 20px;font-size:15px;border-bottom:1px solid var(--hairline-2);transition:background .2s ease}
  .menu a:last-child{border-bottom:none}
  .menu a:hover{background:var(--bg)}.menu a .arr{margin-left:auto;color:var(--faint)}
  .menu a.danger{color:var(--danger)}
  .logout{margin-top:22px}

  /* 作品网格 */
  .tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}
  .tab{font-size:13.5px;color:var(--muted);padding:8px 16px;border-radius:var(--r-pill);transition:all .2s ease}
  .tab:hover{color:var(--ink);background:rgba(0,0,0,.04)}
  .tab.on{background:linear-gradient(180deg,#007AFF,#0064D6);color:#fff;box-shadow:0 1px 3px rgba(0,122,255,.2)}
  .works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
  .work-card{border:1px solid rgba(0,0,0,.04);border-radius:var(--r-card);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-soft);transition:all .2s ease}
  .work-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--hairline)}
  .work-thumb{aspect-ratio:3/4;background:#f0f0f3;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .work-thumb img{width:100%;height:100%;object-fit:cover}
  .work-meta{padding:10px 12px 14px}
  .work-meta .wt{font-size:13px;font-weight:500}.work-meta .wt span{color:var(--faint);font-weight:400;font-size:12px}
  .work-meta .wo{font-size:11.5px;color:var(--faint);margin-top:2px}
  /* 生成中占位卡片 */
  .work-card.pending{cursor:default}
  .work-card.pending .work-thumb{position:relative;background:#10101C}
  .work-card.pending .work-thumb img{filter:blur(14px) saturate(.9) brightness(.8);transform:scale(1.12)}
  .pend-veil{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(16,16,28,.22)}
  .pend-pct{font-size:22px;font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
  .pend-tip{font-size:12px;color:rgba(255,255,255,.92);text-shadow:0 1px 6px rgba(0,0,0,.55)}
  .pend-bar{width:62%;height:6px;border-radius:999px;background:rgba(255,255,255,.3);overflow:hidden}
  .pend-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#D4A853,#E8356E);transition:width .8s ease}
  .work-meta .wt .gen-tag{color:#C9922E;font-weight:600;font-size:11.5px}
  /* 大图查看层 */
  .overlay.bigimg{background:rgba(0,0,0,.88);cursor:zoom-out;z-index:120;padding:3vw}
  .overlay.bigimg img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
  .empty{padding:60px 20px;text-align:center;color:var(--faint)}
  .list-row{display:flex;justify-content:space-between;align-items:center;padding:14px 2px;border-bottom:1px solid var(--hairline-2);font-size:14px}
  .list-row:last-child{border-bottom:none}.list-row .amt{font-weight:600}.list-row .amt.plus{color:var(--ok)}.list-row .amt.minus{color:var(--warn)}
  .list-row .when{font-size:12px;color:var(--faint)}
  .recharge-hero{padding:40px;text-align:center;border:1px solid rgba(0,0,0,.04);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-soft)}
  .recharge-hero .yuan{font-size:40px;font-weight:600}.recharge-hero .yuan small{font-size:20px}
  .recharge-hero .points{margin-top:6px;font-size:15px;color:var(--brand);font-weight:500}
  /* 充值档位：条数由后台 recharge_plans 决定，所以用自适应栅格而不是固定两列 */
  .tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:12px;margin-bottom:24px}
  .tier{position:relative;padding:16px 10px;text-align:center;border:1.5px solid var(--hairline);border-radius:var(--r-card);
    background:var(--surface);cursor:pointer;transition:border-color .2s,box-shadow .2s}
  .tier:hover{border-color:var(--ink-2)}
  .tier.sel{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
  .tier-yuan{font-size:20px;font-weight:600;letter-spacing:-.01em}
  .tier-points{margin-top:3px;font-size:12.5px;color:var(--brand);font-weight:500}
  .tier-badge{position:absolute;top:-9px;right:8px;font-size:10.5px;line-height:1;padding:4px 7px;border-radius:var(--r-pill);
    background:var(--color-cta);color:#fff}

  /* ═══ 弹窗 ═══ */
  .overlay{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;padding:20px;
    backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
  .modal{background:var(--surface);border-radius:20px;width:100%;max-width:400px;box-shadow:var(--shadow-modal);animation:pop .28s ease}
  @keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
  .modal-h{padding:24px 28px 0}.modal-h h3{font-size:18px;font-weight:600}
  .modal-b{padding:20px 28px 28px}
  .field{margin-bottom:14px}
  .field label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px}
  .inp{display:flex;align-items:center;border:1.5px solid var(--hairline);border-radius:10px;overflow:hidden;background:var(--surface);transition:all .2s ease}
  .inp input{flex:1;padding:13px 14px;font-size:15px}
  .inp input:focus+.inp-focus{opacity:1}
  .field:focus-within .inp{border-color:var(--brand);box-shadow:0 0 0 4px rgba(0,122,255,.15)}
  .inp .cap-img{width:120px;height:46px;border-left:1px solid var(--hairline-2);flex:none;background:#F7F6F3;border-radius:6px;overflow:hidden;margin:2px 4px 0 0}
  .inp .cap-img img{width:100%;height:100%;object-fit:cover;cursor:pointer;display:block}
  .inp .cap-img.loading{background-image:linear-gradient(100deg,#EFEDE8 40%,#FDFCFB 50%,#EFEDE8 60%)}
  .inp .code-btn{padding:0 14px;font-size:13px;color:var(--brand);border-left:1px solid var(--hairline-2);white-space:nowrap}
  .inp .code-btn:disabled{color:var(--faint)}
  .agreement{margin-top:6px;font-size:11.5px;color:var(--faint);line-height:1.7}
  .agreement a{color:var(--muted)}
  .modal-note{margin-top:10px;font-size:12px;color:var(--warn);line-height:1.6}
  .modal-actions{margin-top:18px;display:flex;flex-direction:column;gap:10px}
  .close-x{position:absolute;top:18px;right:18px;color:var(--faint);font-size:20px;line-height:1;transition:color .2s ease}
  .close-x:hover{color:var(--ink)}

  /* Toast */
  .toast{position:fixed;left:50%;bottom:36px;transform:translateX(-50%) translateY(12px);z-index:100;
    background:rgba(26,58,58,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#F0F0F0;font-size:13px;padding:11px 18px;border-radius:var(--r-pill);
    opacity:0;pointer-events:none;transition:.25s;box-shadow:var(--shadow-lg);max-width:88%;text-align:center}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
  .footnote{max-width:1440px;margin:0 auto;padding:0 0 50px;text-align:center;font-size:12px;color:var(--faint);line-height:1.9}
  @media(min-width:900px){.footnote{padding-bottom:60px}}

  /* ═══════════════ 新版营销首页（暗调奢华，路由 /） ═══════════════ */
  body.home{background:#06060E;color:#F2EDE4}
  body.home header{background:rgba(6,6,14,.78);border-bottom:1px solid rgba(255,255,255,.06)}
  body.home .brand{color:#F2EDE4}
  body.home .brand-mark{background:linear-gradient(135deg,#D4A853,#D4A853 45%,#E8356E);box-shadow:0 0 18px rgba(212,168,83,.35)}
  body.home .hd-link{color:#8B8B9E}
  body.home .hd-link:hover{color:#D4A853}
  body.home .hd-points{color:#D4A853;background:rgba(212,168,83,.10);border-color:rgba(212,168,83,.22)}
  body.home .hd-points b{color:#E8C37C}
  body.home .btn-login{background-color:#FF3366;box-shadow:rgba(255,51,102,.3) 0 0 16px;color:#fff;border-radius:20px;height:36px}

  .ld-hero{position:relative;min-height:calc(100svh - 120px);display:flex;align-items:center;overflow:hidden;padding:40px 0 40px}
  .ld-hero::before{content:"";position:absolute;inset:0;background:
    radial-gradient(620px 620px at -8% -8%,rgba(212,168,83,.14),transparent 60%),
    radial-gradient(540px 540px at 100% 0%,rgba(232,53,110,.14),transparent 60%),
    radial-gradient(480px 480px at 55% 112%,rgba(99,102,241,.10),transparent 60%);
    pointer-events:none}
  .ld-grid{position:absolute;inset:0;pointer-events:none;opacity:.04;
    background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);
    background-size:64px 64px}
  .ld-hero-in{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:0;width:100%;display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
  @media(min-width:1024px){.ld-hero-in{grid-template-columns:1.05fr .95fr}}
  .ld-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;border:1px solid rgba(212,168,83,.30);background:rgba(212,168,83,.10);color:#E8C37C;font-size:12px;letter-spacing:.08em;font-weight:600;margin-bottom:26px}
  .ld-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#D4A853;box-shadow:0 0 10px #D4A853}
  .ld-title{font-size:clamp(2.6rem,6vw,5rem);font-weight:900;line-height:1.06;letter-spacing:-.02em;font-family:"Noto Serif SC",serif}
  .ld-title .grad{background:linear-gradient(90deg,#D4A853,#EFD48A,#E8356E);-webkit-background-clip:text;background-clip:text;color:transparent}
  .ld-lede{margin:22px 0 32px;color:#7A7A90;font-size:17px;line-height:1.7;max-width:440px}
  .ld-lede b{color:#F2EDE4;font-weight:600}
  .ld-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px}
  .ld-cta-row2{display:flex;flex-wrap:wrap;justify-content:start;gap:14px;margin-bottom:40px}
  .ld-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-family:inherit;font-weight:700;border-radius:999px;transition:transform .2s;font-size:16px;padding:16px 30px}
  .ld-btn-grad{background:linear-gradient(90deg,#D4A853,#E8356E);color:#fff;box-shadow:0 4px 30px rgba(212,168,83,.35)}
  .ld-btn-grad:hover{transform:translateY(-1px) scale(1.02)}
  .ld-btn-ghost{background:transparent;color:#F2EDE4;border:1px solid rgba(255,255,255,.16);font-weight:500}
  .ld-btn-ghost:hover{border-color:rgba(212,168,83,.45);background:rgba(255,255,255,.03)}
  .ld-hero-stats{display:flex;flex-wrap:wrap;gap:113px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}
  .ld-hs .v{font-size:22px;font-weight:900;background:linear-gradient(90deg,#D4A853,#E8C37C);-webkit-background-clip:text;background-clip:text;color:transparent}
  .ld-hs .v i{font-style:normal;font-size:13px;font-weight:600;margin-left:2px}
  .ld-hs .l{font-size:11px;color:#7A7A90;margin-top:2px;letter-spacing:.04em}
  @media(min-width:600px){.ld-hs .v{font-size:28px}}

  /* Hero 拼贴 */
  .ld-collage{position:relative;height:520px;display:none}
  @media(min-width:1024px){.ld-collage{display:block}}
  .ld-card-f{position:absolute;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 80px rgba(0,0,0,.5)}
  .ld-card-f img{width:100%;height:100%;object-fit:cover;display:block}
  .ld-card-f .cap{position:absolute;left:14px;bottom:12px;z-index:3}
  .ld-card-f .cap .k{font-size:10px;color:rgba(255,255,255,.65)}
  .ld-card-f .cap .n{font-size:12px;color:#fff;font-weight:600}
  .ld-card-f::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 45%)}
  .ld-ca{top:0;left:0;width:42%;height:58%}
  .ld-cb{top:4%;right:0;width:50%;height:70%}
  .ld-cb .ring{position:absolute;top:12px;right:12px;z-index:3;width:14px;height:14px;border-radius:50%;border:2px solid #D4A853}
  .ld-cc{bottom:0;left:20%;width:45%;height:32%}
  .ld-fbadge{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(15,15,28,.92);backdrop-filter:blur(8px);border:1px solid rgba(212,168,83,.22);border-radius:14px;padding:12px 14px;box-shadow:0 8px 30px rgba(0,0,0,.5)}
  .ld-fbadge .ic{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#D4A853,#E8356E);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:800}
  .ld-fbadge .t{font-size:11px;color:#fff;font-weight:700}
  .ld-fbadge .s{font-size:10px;color:#7A7A90}
  .ld-fbadge .s b{color:#D4A853;font-weight:700}
  @keyframes ldFloatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
  @keyframes ldFloatB{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
  @keyframes ldFloatC{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
  .ld-ca{animation:ldFloatA 7s ease-in-out infinite}
  .ld-cb{animation:ldFloatB 8s ease-in-out infinite}
  .ld-cc{animation:ldFloatC 6s ease-in-out infinite}
  .ld-fb1{top:42%;left:38%;animation:ldFloatB 6s ease-in-out infinite}
  .ld-fb2{top:2%;right:1%;animation:ldFloatA 8s ease-in-out infinite}

  /* 滚动字幕 */
  .ld-marq{overflow:hidden;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:#09090F;padding:16px 0}
  .ld-marq-track{display:flex;gap:44px;white-space:nowrap;width:max-content;animation:ldMarq 26s linear infinite}
  .ld-marq span{color:#6A6A80;font-size:14px}
  .ld-marq span::before{content:"✦";color:#D4A853;margin-right:12px}
  @keyframes ldMarq{0%{transform:translateX(0)}100%{transform:translateX(-33.333%)}}

  /* 章节通用 */
  .ld-sec{max-width:1440px;margin:0 auto;padding:84px 0}
  .ld-kick{color:#D4A853;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;margin-bottom:16px}
  .ld-sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:44px}
  .ld-h2{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:900;line-height:1.12;font-family:"Noto Serif SC",serif}
  .ld-h2.ld-h2-plain{font-size:clamp(1.98rem,3.96vw,2.97rem);color:#fff}
  .ld-h2.ld-h2-plain em{font-style:normal;color:#fff;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#fff}
  .ld-h2 em{font-style:normal;background:linear-gradient(90deg,#D4A853,#E8356E);-webkit-background-clip:text;background-clip:text;color:transparent}
  .ld-sub{color:#7A7A90;line-height:1.7;max-width:380px}

  /* 服务 bento */
  .ld-bento{display:grid;grid-template-columns:1fr;gap:16px}
  @media(min-width:640px){.ld-bento{grid-template-columns:repeat(2,1fr)}}
  @media(min-width:640px){.ld-card.wide{grid-column:span 2}}
  @media(min-width:1024px){.ld-bento{grid-template-columns:repeat(4,minmax(0,1fr))}}
  @media(min-width:1024px){.ld-card.wide{grid-column:span 2}}
  .ld-card{position:relative;border-radius:18px;overflow:hidden;background:#0D0D18;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:transform .3s,box-shadow .3s;display:block;height:380px}
  .ld-card:hover{transform:translateY(-4px);box-shadow:0 0 40px rgba(212,168,83,.15),0 0 1px rgba(255,255,255,.1) inset}
  .ld-card-img{position:absolute;inset:0;overflow:hidden}
  .ld-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}
  .ld-card:hover .ld-card-img img{transform:scale(1.07)}
  .ld-card-img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:14%;background:transparent;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
  .ld-tag{position:absolute;top:12px;left:12px;z-index:3;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:800;color:#fff}
  .ld-tag.live{background:rgba(59,130,246,.92)}
  .ld-tag.soon{background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
  .ld-card-b{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 16px 12px;background:linear-gradient(to top,rgba(9,9,16,.82) 0%,rgba(9,9,16,.5) 55%,transparent 100%)}
  .ld-card-b h3{font-size:18px;font-weight:800;margin-bottom:6px;font-family:"Noto Serif SC",serif}
  .ld-card-b p{font-size:13px;color:#7A7A90;line-height:1.55;min-height:3em}
  .ld-card-b .ld-sub2{font-size:11px;color:#fff;font-weight:600;letter-spacing:.02em;margin:0 0 8px;min-height:0;opacity:.9}
  .ld-arrow{position:absolute;top:14px;right:14px;z-index:4;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;opacity:0;transform:translateX(6px);transition:all .3s}
  .ld-card:hover .ld-arrow{opacity:1;transform:translateX(0)}
  .ld-card .ld-go{opacity:0;transform:translateY(-6px);transition:all .2s;color:#D4A853;font-size:13px;font-weight:700;margin-top:14px}
  .ld-card:hover .ld-go{opacity:1;transform:translateY(0)}
  .ld-card[data-soon] .ld-go{color:#5A5A72}
  .ld-scrollhint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;color:#4A4A60}
  .ld-scrollhint .lh-line{width:1px;height:52px;background:linear-gradient(to bottom,transparent,#D4A853)}
  .ld-scrollhint .lh-t{font-size:10px;letter-spacing:.24em}

  /* 三步 */
  .ld-steps{display:grid;grid-template-columns:1fr;gap:36px;position:relative;max-width:1440px;margin:0 auto;text-align:center}
  @media(min-width:768px){.ld-steps{grid-template-columns:repeat(3,1fr);gap:54px}}
  .ld-step{position:relative}
  /* 步骤连接线：从本圆圈右边缘画到下一个圆圈左边缘（圆心距 = 列宽+列间距，减掉两个半径 88px）。
     竖排时圆圈是上下排列，所以只在横排的断点里画，最后一步不画——三步之间正好两条。
     取 1px 实线边框而不是 background，颜色跟 .ld-step .num 的描边同一个 rgba(0,230,118,.30)。 */
  @media(min-width:768px){.ld-step:not(:last-child)::after{content:"";position:absolute;top:44px;left:calc(50% + 44px);width:calc(100% - 34px);height:0;border-top:1px solid rgba(0,230,118,.30)}}
  .ld-step .num{width:88px;height:88px;margin:0 auto 22px;border-radius:50%;border:1px solid rgba(212,168,83,.30);background:rgba(212,168,83,.10);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;background-image:linear-gradient(90deg,#D4A853,#E8C37C);-webkit-background-clip:text;background-clip:text;color:transparent;transition:.3s}
  .ld-step:hover .num{border-color:rgba(212,168,83,.6);background-color:rgba(212,168,83,.18)}
  .ld-step h4{font-size:20px;font-weight:800;margin-bottom:12px;font-family:"Noto Serif SC","PingFang SC",serif}
  .ld-step p{color:#7A7A90;font-size:14px;line-height:1.7;max-width:230px;margin:0 auto}

  /* Showcase */
  .ld-show{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;color:#fff}
  .ld-show-bg{position:absolute;inset:0}
  .ld-show-bg img{width:100%;height:100%;object-fit:cover;object-position:center top}
  .ld-show-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,14,.60) 0%,rgba(6,6,14,.35) 60%,rgba(6,6,10,.13) 100%)}
  .ld-show-in{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:80px 0;width:100%}
  .ld-show-in h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:900;margin-bottom:16px;line-height:1.1;font-family:"Noto Serif SC",serif}
  .ld-show-in p{color:rgba(255,255,255,.6);max-width:440px;line-height:1.7;margin-bottom:26px}

  /* 数据条 */
  .ld-statbar{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:52px 0}
.ld-statbar-in{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:28px;text-align:center}
  @media(min-width:768px){.ld-statbar-in{grid-template-columns:repeat(4,1fr)}}
  .ld-stat-v{font-size:clamp(2rem,5vw,3rem);font-weight:900;background:linear-gradient(90deg,#D4A853,#E8356E);-webkit-background-clip:text;background-clip:text;color:transparent}
  .ld-stat-v i{font-style:normal;font-size:16px;font-weight:700;margin-left:3px}
  .ld-stat-l{color:#7A7A90;font-size:13px;margin-top:6px}

  /* CTA */
  .ld-cta{position:relative;overflow:hidden;text-align:center;padding:110px 0}
  .ld-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(620px 420px at 22% 0%,rgba(212,168,83,.14),transparent 62%),radial-gradient(560px 400px at 82% 100%,rgba(232,53,110,.16),transparent 62%);pointer-events:none}
  .ld-cta-in{position:relative;z-index:2;max-width:760px;margin:0 auto}
  .ld-cta h2{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;line-height:1.08;font-family:"Noto Serif SC",serif;margin-bottom:20px}
  .ld-cta-in>p{color:#7A7A90;font-size:17px;line-height:1.7;margin-bottom:34px}
  .ld-cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}

  /* 首页页脚 */
  .ld-foot{border-top:1px solid rgba(255,255,255,.06);background:#06060E;padding:52px 0 40px}
.ld-foot-in{max-width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;gap:30px;align-items:flex-start;justify-content:space-between}
  .ld-foot .fb{color:#7A7A90;font-size:13px;line-height:1.8;max-width:320px}
  .ld-foot .fb .br{font-size:16px;font-weight:800;color:#F2EDE4;margin-bottom:8px}
  .ld-foot a{color:#7A7A90;font-size:13px;text-decoration:none;transition:color .2s;cursor:pointer}
  .ld-foot a:hover{color:#D4A853}
  .ld-foot .fg{display:flex;flex-wrap:wrap;gap:22px}
  .ld-copy{margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);text-align:center;color:#4A4A62;font-size:12px}
  .ld-beian{margin-top:10px;text-align:center;font-size:12px;line-height:1.6;color:#4A4A62}
  /* 备案号是链接，必须带 .ld-foot 前缀才压得过主题块的 .ld-foot a；颜色 inherit 跟 .ld-beian，
     这样它和上一行版权文案永远同值——改配色只需改 .ld-copy/.ld-beian 一处 */
  .ld-foot .ld-beian a{color:inherit;font-size:12px;text-decoration:none;transition:color .2s}
  .ld-foot .ld-beian a:hover{color:#9A9AB0;text-decoration:underline}

  /* ═══ 五行色体系：功能页统一为五行色（覆盖历史硬编码金粉/蓝/冷紫/浅色面） ═══ */
  .btn-primary,
  .bg-btn.sel,.bg-btn.sel[data-color=white],.sz-btn.sel,.seg button.sel,.tab.on,.avatar{
    background:linear-gradient(135deg,#00E676,#00C853)!important;box-shadow:0 1px 4px rgba(0,230,118,.25)!important}
  .btn-primary:hover{filter:brightness(1.05);box-shadow:0 2px 10px rgba(0,230,118,.35)!important}
  .prog b{background:linear-gradient(135deg,#00E676,#00C853)!important}
  .ld-btn-grad{background:linear-gradient(135deg,#00E676,#00C853)!important;color:#0D2B2B!important;box-shadow:0 4px 30px rgba(0,230,118,.35)!important}
  .ld-btn-grad:hover{box-shadow:0 6px 34px rgba(0,230,118,.45)!important}
  .field:focus-within .inp{border-color:#00E676;box-shadow:0 0 0 4px rgba(0,230,118,.18)}
  .inp input,.modal input{color:#F0F0F0;caret-color:#00E676}
  .inp input::placeholder{color:#5F7373}
  .photo-bgc,.id-frame,.work-thumb{background:#162c2c}
  .print-preview .sheet,.print-preview canvas{background:#1A3A3A;border-color:rgba(255,255,255,.08)}
  .btn.disabled,.btn:disabled,.btn-sub.disabled,.btn-sub:disabled{opacity:.45;filter:saturate(.5)}
  .hd-link[onclick]:hover{color:#F0F0F0}

  /* ═══ 五行色体系：营销首页落地页（覆盖旧金粉冷紫） ═══ */
  body.home{background:#0D2B2B;color:#F0F0F0}
  body.home header{background:rgba(13,43,43,.85);border-bottom:1px solid rgba(255,255,255,.06)}
  body.home .brand{color:#F0F0F0}
  body.home .brand-mark{background:linear-gradient(135deg,#D4AF37,#00E676);box-shadow:0 0 18px rgba(0,230,118,.35)}
  body.home .hd-link{color:#8A9A9A}
  body.home .hd-link:hover{color:#00E676}
  body.home .hd-points{color:#D4AF37;background:rgba(212,175,55,.10);border-color:rgba(212,175,55,.25)}
  body.home .hd-points b{color:#D4AF37}
  body.home .btn-login{background-color:#FF3366;color:#fff;box-shadow:rgba(255,51,102,.3) 0 0 16px;border-radius:20px;height:36px}
  body.home .btn-login:hover{background-color:#FF3D70;box-shadow:0 2px 18px rgba(255,51,102,.5)}

  .ld-hero::before{background:
    radial-gradient(620px 620px at -8% -8%,rgba(0,230,118,.12),transparent 60%),
    radial-gradient(540px 540px at 100% 0%,rgba(255,51,102,.14),transparent 60%),
    radial-gradient(480px 480px at 55% 112%,rgba(212,175,55,.10),transparent 60%);
    pointer-events:none}
  .ld-grid{background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px)}
  .ld-badge{border:1px solid rgba(232,53,110,.38);background:rgba(232,53,110,.12);color:#F28AA4;box-shadow:0 0 16px rgba(232,53,110,.10)}
  .ld-badge::before{background:#11ff53;box-shadow:0 0 10px rgba(242,138,164,.9)}
  .ld-title,.ld-h2,.ld-card-b h3,.ld-step h4,.ld-show-in h2,.ld-cta h2{font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif!important}
  .ld-title .grad,.ld-h2 em,.ld-step .num{
    background:linear-gradient(90deg,#00E676,#3DF5A8);-webkit-background-clip:text;background-clip:text;color:transparent}
.ld-hero .ld-hs .v,.ld-stat-v{
    background:linear-gradient(90deg,#D4AF37 0%,#F9E596 50%,#D4AF37 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .ld-lede{color:#8A9A9A}.ld-lede b{color:#F0F0F0}
  .ld-btn-ghost{color:#F0F0F0;border:1px solid rgba(255,255,255,.18)}
  .ld-btn-ghost:hover{border-color:rgba(0,230,118,.5);background:rgba(0,230,118,.05)}
  .ld-hs .l{color:#8A9A9A}
  .ld-cb .ring{border:2px solid #00E676}
  .ld-fbadge{background:rgba(13,43,43,.92);border:1px solid rgba(0,230,118,.22)}
  .ld-fbadge .ic{background:linear-gradient(135deg,#00E676,#00C853);color:#0D2B2B}
  .ld-fbadge .s{color:#8A9A9A}.ld-fbadge .s b{color:#00E676}
  .ld-marq{background:#0A1F1F}
  .ld-marq span{color:#5F7373}.ld-marq span::before{content:"✦";color:#00E676;margin-right:12px}
  .ld-sec{max-width:1440px}
  .ld-kick{color:#00E676}
  .ld-h2.ld-h2-plain em,.ld-h2.ld-h2-plain{color:#F0F0F0}
  .ld-sub{color:#8A9A9A}
  .ld-card{background:#1A3A3A;border:1px solid rgba(255,255,255,.07)}
  .ld-card:hover{box-shadow:0 0 40px rgba(0,230,118,.12),0 0 1px rgba(255,255,255,.1) inset}
  .ld-tag.live{background:rgba(0,230,118,.9);color:#0D2B2B}
  .ld-card-b{background:linear-gradient(to top,rgba(13,43,43,.9) 0%,rgba(13,43,43,.55) 55%,transparent 100%)}
  .ld-card-b p{color:#8A9A9A}
  .ld-arrow{background:rgba(255,255,255,.14);color:#fff}
  .ld-card .ld-go{color:#00E676}
  .ld-card[data-soon] .ld-go{color:#5F7373}
  .ld-scrollhint{color:#4A5E5E}.ld-scrollhint .lh-line{background:linear-gradient(to bottom,transparent,#00E676)}
  .ld-step .num{border:1px solid rgba(0,230,118,.30);background:rgba(0,230,118,.10);color:#00E676;-webkit-background-clip:initial;background-clip:initial;background-image:none}
  .ld-step:hover .num{border-color:rgba(0,230,118,.6);background-color:rgba(0,230,118,.18)}
  .ld-step p{color:#8A9A9A}
  /* 作品展示这段压在照片上，跟步骤说明共用灰绿会看不清，单独提纯白 */
  .ld-show-in p{color:#fff}
  .ld-show-bg::after{background:linear-gradient(90deg,rgba(13,43,43,.60) 0%,rgba(13,43,43,.4) 60%,rgba(13,43,43,.2) 100%)}
  .ld-statbar{background:transparent;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
  .ld-cta::before{background:radial-gradient(620px 420px at 22% 0%,rgba(0,230,118,.12),transparent 62%),radial-gradient(560px 400px at 82% 100%,rgba(255,51,102,.16),transparent 62%)}
  .ld-cta-in>p{color:#8A9A9A}
  .ld-foot{background:#0A1F1F}
  .ld-foot .fb{color:#8A9A9A}.ld-foot .fb .br{color:#F0F0F0}
  .ld-foot a{color:#8A9A9A}.ld-foot a:hover{color:#00E676}
  .ld-copy,.ld-beian{color:#4A5E5E}

  /* 生成中占位卡：五行色进度条 */
  .pend-bar i{background:linear-gradient(90deg,transparent,#00E676,transparent)!important}
  .work-card.pending .gen-tag{color:#00E676}
  .work-meta .wt .gen-tag{color:#00E676!important}
  .hd-points{color:#D4AF37;background:rgba(212,175,55,.10);border:1px solid rgba(212,175,55,.25)}
  .hd-points b{color:#D4AF37}
  .btn-login{background-color:#FF3366;color:#fff;box-shadow:rgba(255,51,102,.3) 0 0 16px;border-radius:20px;height:36px}
  .btn-login:hover{filter:brightness(1.05);box-shadow:0 2px 18px rgba(255,51,102,.5)}
  .balance-row span{color:#00E676}
  .recharge-hero .points{color:#00E676}
  .opt.sel{border-color:#00E676;box-shadow:0 0 0 1px #00E676}
  .opt .mark,.opt.sel .mark{border-color:#00E676!important;background:#00E676!important}
  .color.sel .swatch{box-shadow:0 0 0 2px #00E676}
  .cloth.sel{border-color:#00E676;box-shadow:0 0 0 1px #00E676}
  .toast{background:rgba(26,58,58,.95)}

  /* ═══ 全站统一细节（对齐 AI Photo Studio zip，仅作用于非首页功能页，避免影响已确认首页） ═══ */
  body:not(.home) ::-webkit-scrollbar{display:none;width:0}
  body:not(.home){scrollbar-width:none}
  /* 按钮三态语义 */
  .btn-cta{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 32px;border-radius:24px;background:#FF3366;color:#fff;font-weight:700;font-size:15px;transition:background .2s,transform .1s,box-shadow .2s;border:none;cursor:pointer;font-family:inherit}
  .btn-cta:hover{background:#E62E5C;box-shadow:0 0 20px rgba(255,51,102,.4)}
  .btn-cta:active{transform:scale(.98)}
  .btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 32px;border-radius:24px;background:transparent;color:#F0F0F0;border:1px solid #8A9A9A;font-weight:500;font-size:15px;transition:border-color .2s,color .2s;cursor:pointer;font-family:inherit}
  .btn-secondary:hover{border-color:#00E676;color:#00E676}
  /* 标签/徽章 */
  .tag-tech{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;background:rgba(0,230,118,.1);color:#00E676;font-size:12px;font-weight:500}
  .tag-vip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;background:rgba(212,175,55,.2);color:#D4AF37;font-size:12px;font-weight:600}
  /* 三种文字渐变 */
  .text-gradient-tech{background:linear-gradient(135deg,#00E676 0%,#00C853 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
  .text-gradient-cta{background:linear-gradient(135deg,#00E676 0%,#00C853 40%,#FF3366 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
  .text-gradient-vip{background:linear-gradient(90deg,#D4AF37 0%,#F9E596 50%,#D4AF37 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
  /* 卡片 hover 上浮 */
  .card-hover{transition:transform .3s,box-shadow .3s,border-color .3s}
  .card-hover:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.3);border-color:rgba(0,230,118,.2)!important}
  /* 动效 */
  @keyframes ap-fadeSlideUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
  .animate-pulse-glow{animation:ap-pulse 2s ease-in-out infinite}
  @keyframes ap-pulse{0%,100%{opacity:.5}50%{opacity:1}}
  /* 功能页通用元素对齐 */
  .btn,.btn-sub,.btn-primary{border-radius:24px;height:48px;padding:0 22px;font-size:15px}
  .btn-mini{padding:0 14px;height:36px;border-radius:16px;font-size:13px}
  .work-card{transition:transform .3s,box-shadow .3s}
  .work-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.3)}