/* 功能介绍·作用域样式：仅作用于 #guideBox 内的引导页内容（由 guide.css 自动生成，勿手改） */
#guideBox {--primary:#F68A6B; --rose:#FF5E7E; --grape:#7A63C9; --grape-soft:#F0EAFB;
  --ink:#33262E; --sub:#8B7E86; --line:#F1E9F5; --card:#FFFFFF; --bg:#FBF5F7;
  --gold:#FFB03A; --green:#2FA45F; --green-soft:#E4F7EC; }
#guideBox * {margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent }
#guideBox .phone {max-width:420px;margin:0 auto;background:var(--bg);min-height:100vh;box-shadow:0 0 40px rgba(90,50,80,.15);position:relative }
#guideBox /* 固定顶部：进度条 + 跨页导航，滚动时不离开 */
.sticky-head {position:sticky;top:0;z-index:50;background:var(--bg);box-shadow:0 4px 14px rgba(160,90,120,.10);padding-bottom:10px }
#guideBox .sticky-head .nav {padding-bottom:0 }
#guideBox .sticky-head .prog {margin-bottom:0 }
#guideBox /* 顶部 */
.hero {background:linear-gradient(135deg,#F68A6B,#FF5E7E);padding:26px 22px 20px;color:#fff;position:relative;overflow:hidden }
#guideBox .hero:after {content:"";position:absolute;right:-30px;top:-30px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.14) }
#guideBox .hero:before {content:"";position:absolute;left:-40px;bottom:-60px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.08) }
#guideBox .hero .tag {display:inline-block;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:3px 12px;font-size:12px;font-weight:600;position:relative;z-index:2 }
#guideBox .hero h1 {font-size:24px;margin:10px 0 6px;letter-spacing:.5px;line-height:1.25;position:relative;z-index:2 }
#guideBox .hero p {font-size:13px;opacity:.95;line-height:1.6;position:relative;z-index:2 }
#guideBox .hero .hs {font-size:12px;opacity:.92;margin-top:8px;position:relative;z-index:2 }
#guideBox /* 进度条 */
.prog {margin:16px 22px 0;background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 6px 18px rgba(160,90,120,.10) }
#guideBox .prog-top {display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--ink) }
#guideBox .prog-top b {color:var(--primary);font-size:15px }
#guideBox .pbar {height:8px;background:var(--line);border-radius:99px;margin-top:9px;overflow:hidden }
#guideBox .pfill {height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--rose));transition:width .4s }
#guideBox /* 跨页导航 */
.nav-wrap {display:flex;align-items:center;gap:8px;padding:14px 22px 2px }
#guideBox .nav {display:flex;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth }
#guideBox .nav::-webkit-scrollbar {display:none }
#guideBox .nav-btn {flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--sub);font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(160,90,120,.08);padding:0;font-family:inherit;line-height:1 }
#guideBox .nav-btn:active {background:var(--grape-soft);color:var(--grape) }
#guideBox .nav a {flex:none;font-size:12px;font-weight:700;color:var(--sub);background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:7px 13px;text-decoration:none }
#guideBox .nav a.on {background:linear-gradient(135deg,var(--primary),var(--rose));color:#fff;border-color:transparent }
#guideBox /* 步骤卡片 */
.step {margin:16px 22px;background:var(--card);border-radius:18px;padding:20px;box-shadow:0 6px 22px rgba(160,90,120,.08);border:1px solid #FFF4F0 }
#guideBox .stept {display:flex;align-items:center;gap:11px;margin-bottom:12px }
#guideBox .badge {flex:none;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--rose));color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(246,138,107,.35) }
#guideBox .badge.grape {background:linear-gradient(135deg,var(--grape),#9A7FE0) }
#guideBox .badge.green {background:linear-gradient(135deg,#4CAF7E,var(--green)) }
#guideBox .badge.gold {background:linear-gradient(135deg,#FFB03A,#F68A6B) }
#guideBox .stept h2 {font-size:16.5px;font-weight:800 }
#guideBox .stept .tip {font-size:12px;color:var(--sub);font-weight:500 }
#guideBox .desc {font-size:13.5px;color:#5A4A52;line-height:1.75;margin-bottom:14px }
#guideBox /* 迷你界面示意 */
.phone-sim {background:linear-gradient(180deg,#fffdfb,#fff);border:1.5px solid var(--line);border-radius:14px;padding:12px;margin-bottom:14px;box-shadow:0 4px 14px rgba(160,90,120,.10) }
#guideBox .ps-bar {display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;color:var(--sub) }
#guideBox .ps-bar .ps-title {flex:1;font-weight:700;color:var(--ink);font-size:13px }
#guideBox .pill {flex:none;background:var(--grape-soft);color:var(--grape);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700 }
#guideBox .pill.gold {background:#FFF3DA;color:#B87700 }
#guideBox .pill.green {background:var(--green-soft);color:var(--green) }
#guideBox /* 人群卡 */
.pop {display:grid;grid-template-columns:repeat(2,1fr);gap:9px }
#guideBox .pop-card {border:1.5px solid var(--line);border-radius:12px;padding:11px;text-align:center;background:#fff }
#guideBox .pop-card .pi {font-size:26px }
#guideBox .pop-card .pn {font-size:13px;font-weight:700;margin-top:4px }
#guideBox .pop-card .pd {font-size:10.5px;color:var(--sub);margin-top:2px }
#guideBox .pop-card.on {border-color:var(--primary);background:#FFF6F2;box-shadow:0 0 0 2px rgba(246,138,107,.18) }
#guideBox /* 模板示意 */
.tpl-list {display:flex;flex-direction:column;gap:8px }
#guideBox .tpl {display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:9px 11px;background:#fff }
#guideBox .tpl .ti {font-size:24px }
#guideBox .tpl .tt {flex:1;font-size:13px;font-weight:700 }
#guideBox .tpl .ts {font-size:11px;color:var(--sub) }
#guideBox .tpl .go {color:#cbb;font-size:16px }
#guideBox .tpl.on {border-color:var(--primary);background:#FFF6F2 }
#guideBox /* 上传三格 */
.upload {display:grid;grid-template-columns:repeat(3,1fr);gap:9px }
#guideBox .up {border:1.5px dashed var(--line);border-radius:12px;padding:13px 6px;text-align:center;background:#fff }
#guideBox .up .ui {font-size:24px }
#guideBox .up .un {font-size:12.5px;font-weight:700;margin-top:4px }
#guideBox .up .us {font-size:10.5px;color:var(--sub) }
#guideBox .up.have {border-style:solid;border-color:var(--primary);background:#FFF6F2 }
#guideBox /* 反推表单 */
.reason {border:1.5px solid var(--line);border-radius:12px;padding:12px;background:#fff }
#guideBox .reason .rl {font-size:12px;font-weight:700;margin-bottom:8px }
#guideBox .rbox {border:1.5px solid var(--line);border-radius:10px;padding:8px 11px;font-size:12.5px;color:var(--ink);margin-bottom:8px;background:#FDF9FA }
#guideBox .rbox .rk {font-size:10.5px;color:var(--sub);margin-bottom:2px }
#guideBox .rbox.acc {border-color:#A9E3C0;background:#F2FBF5 }
#guideBox /* 生成参数 */
.opt-row {display:flex;gap:8px;margin-bottom:9px }
#guideBox .opt {flex:1;text-align:center;border:1.5px solid var(--line);border-radius:11px;padding:9px 4px;background:#fff }
#guideBox .opt .ok {font-size:12px;font-weight:700 }
#guideBox .opt .ov {font-size:10.5px;color:var(--sub);margin-top:2px }
#guideBox .opt.on {border-color:var(--primary);background:#FFF6F2;box-shadow:0 0 0 2px rgba(246,138,107,.18) }
#guideBox /* 生成按钮 */
.gen {background:linear-gradient(135deg,var(--primary),var(--rose));border-radius:14px;padding:14px;color:#fff;display:flex;align-items:center;gap:11px;box-shadow:0 8px 20px rgba(246,138,107,.35) }
#guideBox .gen .gi {font-size:26px }
#guideBox .gen .gt {font-size:15px;font-weight:800;flex:1 }
#guideBox .gen .gc {font-size:11px;opacity:.95 }
#guideBox /* 进度环 */
.ring {width:74px;height:74px;position:relative;margin:0 auto }
#guideBox .ring svg {transform:rotate(-90deg) }
#guideBox .ring .rp {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:var(--primary) }
#guideBox /* 任务 */
.task {display:flex;align-items:center;gap:11px;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff }
#guideBox .task .ti {font-size:22px }
#guideBox .task .tt {flex:1;font-size:13px;font-weight:700 }
#guideBox .task .ts {font-size:11px;color:var(--sub) }
#guideBox .badge-ok {flex:none;font-size:11px;font-weight:700;color:var(--green);background:var(--green-soft);border-radius:99px;padding:3px 9px }
#guideBox .badge-run {flex:none;font-size:11px;font-weight:700;color:var(--grape);background:var(--grape-soft);border-radius:99px;padding:3px 9px }
#guideBox /* 干货/延伸 */
.extra {margin:16px 22px;background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 6px 22px rgba(160,90,120,.08);border:1px solid #FFF4F0 }
#guideBox .extra h3 {font-size:16px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px }
#guideBox .ex-row {display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px dashed var(--line) }
#guideBox .ex-row:last-child {border-bottom:0 }
#guideBox .ex-row .ei {font-size:22px }
#guideBox .ex-row .et {flex:1 }
#guideBox .ex-row .en {font-size:13.5px;font-weight:700 }
#guideBox .ex-row .es {font-size:11.5px;color:var(--sub);margin-top:2px }
#guideBox .ex-row .eg {color:#cbb;font-size:15px }
#guideBox /* FAQ */
.faq {margin:16px 22px;background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 6px 22px rgba(160,90,120,.08) }
#guideBox .faq h3 {font-size:16px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px }
#guideBox .qa {padding:11px 0;border-bottom:1px dashed var(--line) }
#guideBox .qa:last-child {border-bottom:0 }
#guideBox .qa .qq {font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:4px }
#guideBox .qa .qa2 {font-size:12.5px;color:var(--sub);line-height:1.7 }
#guideBox /* 章节标题 */
.sec-title {display:flex;align-items:center;gap:8px;padding:22px 24px 4px;font-size:18px;font-weight:800 }
#guideBox .sec-title .em {font-size:20px }
#guideBox /* 底部联系 */
.foot {text-align:center;padding:6px 22px 34px;color:var(--sub);font-size:12px }
#guideBox .foot .btn-c {display:inline-block;background:linear-gradient(135deg,var(--primary),var(--rose));color:#fff;border-radius:99px;padding:11px 30px;font-size:14px;font-weight:700;box-shadow:0 8px 20px rgba(246,138,107,.35);text-decoration:none;margin-bottom:12px }
#guideBox /* 提示条 */
.note {margin:0 22px 6px;background:#fff;border-radius:12px;padding:11px 13px;font-size:12.5px;color:var(--sub);line-height:1.7;display:flex;gap:8px;align-items:flex-start }
#guideBox .note .ni {flex:none;font-size:15px }
#guideBox .note b {color:var(--ink) }
#guideBox /* 功能卡片(索引) */
.map {display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:6px 22px 0 }
#guideBox .map-card {position:relative;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:13px;text-decoration:none;color:var(--ink);box-shadow:0 4px 12px rgba(160,90,120,.06);display:block }
#guideBox .map-card:active {transform:scale(.98) }
#guideBox .map-card .mi {font-size:24px }
#guideBox .map-card .mn {font-size:13.5px;font-weight:800;margin-top:5px }
#guideBox .map-card .ms {font-size:11px;color:var(--sub);margin-top:2px;line-height:1.5 }
#guideBox .map-card .mg {position:absolute;right:10px;top:10px;color:#cbb;font-size:15px }
#guideBox .map-card .flag {display:inline-block;font-size:10px;font-weight:700;border-radius:99px;padding:2px 8px;margin-top:6px }
#guideBox .flag.core {color:#fff;background:linear-gradient(135deg,var(--primary),var(--rose)) }
#guideBox .flag.money {color:#B87700;background:#FFF3DA }
#guideBox .flag.learn {color:var(--grape);background:var(--grape-soft) }
#guideBox .flag.light {color:var(--green);background:var(--green-soft) }
#guideBox /* 双栏小卡 */
.mini2 {display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px }
#guideBox .mini2 .mc {border:1.5px solid var(--line);border-radius:12px;padding:11px;background:#fff;text-align:center }
#guideBox .mini2 .mc .mi {font-size:24px }
#guideBox .mini2 .mc .mn {font-size:12.5px;font-weight:700;margin-top:4px }
#guideBox .mini2 .mc .ms {font-size:10.5px;color:var(--sub);margin-top:2px }
#guideBox /* 币卡 */
.coin {display:grid;grid-template-columns:repeat(3,1fr);gap:9px }
#guideBox .coin .cc {border:1.5px solid var(--line);border-radius:12px;padding:11px;text-align:center;background:#fff }
#guideBox .coin .cc .ci {font-size:24px }
#guideBox .coin .cc .cn {font-size:13px;font-weight:800;margin-top:4px }
#guideBox .coin .cc .cu {font-size:10px;color:var(--sub);margin-top:2px }
#guideBox .coin .cc.on {border-color:var(--primary);background:#FFF6F2 }
#guideBox /* 风格卡(短剧) */
.sty {display:grid;grid-template-columns:repeat(2,1fr);gap:9px }
#guideBox .sty .sc {border:1.5px solid var(--line);border-radius:12px;padding:11px;text-align:center;background:#fff }
#guideBox .sty .sc .si {font-size:26px }
#guideBox .sty .sc .sn {font-size:13px;font-weight:700;margin-top:4px }
#guideBox .sty .sc .sd {font-size:10.5px;color:var(--sub);margin-top:2px }
#guideBox .sty .sc.on {border-color:var(--primary);background:#FFF6F2 }
#guideBox /* 选项胶囊 */
.chips {display:flex;flex-wrap:wrap;gap:7px }
#guideBox .chips .ch {font-size:12px;font-weight:700;border:1.5px solid var(--line);border-radius:99px;padding:6px 12px;background:#fff;color:var(--ink) }
#guideBox .chips .ch.on {background:linear-gradient(135deg,var(--primary),var(--rose));color:#fff;border-color:transparent }
#guideBox .chips .ch .chv {font-size:10.5px;color:var(--sub);font-weight:500;display:block }
#guideBox /* 进度步骤横条 */
.steps3 {display:flex;align-items:center;gap:6px;margin:14px 22px 0;background:#fff;border-radius:14px;padding:13px 14px;box-shadow:0 6px 18px rgba(160,90,120,.10) }
#guideBox .steps3 .step {flex:1;margin:0;border:0;padding:0;box-shadow:none;display:flex;align-items:center;gap:7px;background:transparent }
#guideBox .steps3 .sn {flex:none;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--rose));color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center }
#guideBox .steps3 .sl {font-size:12.5px;font-weight:700 }
#guideBox .steps3 .step-arrow {color:#cbb;font-size:14px }