* { box-sizing: border-box; }
/* 2026-10-24 iOS Safari 首页能左右晃(Chrome 不复现): html/body 一起锁横向, 横向滚动只留给 .stock-strip / .pills / .industry-row 自己 */
html { scroll-behavior: smooth; overflow-x: hidden; overscroll-behavior-x: none; }
body { margin: 0; overflow-x: hidden; position: relative; width: 100%; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; background: #f3f7fe; color: #182941; font-size: 15px; }
.hidden { display: none !important; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.muted { color: #7083a0; }
.small { font-size: 13px; }
.tiny { font-size: 12px; color: #94a3b8; }
.tiny a { color: #1163f5; }
.err { color: #dc2626; font-size: 14px; }
.link { background: none; border: 0; color: #1163f5; padding: 6px 0; font-size: 14px; }
.link.danger { color: #dc2626; }
.flex { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.bold { font-weight: 700; }
.row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.row-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-top: 14px; }
.inp { width: 100%; border: 1px solid #dce5f2; border-radius: 12px; padding: 13px 14px; font-size: 16px; background: #fbfdff; margin: 6px 0; color: #23354c; }
.inp:focus { outline: none; border-color: #1163f5; box-shadow: 0 0 0 3px rgba(17, 99, 245, 0.15); }
textarea.inp { resize: vertical; }
.lbl { font-size: 13px; font-weight: 700; color: #475569; margin: 14px 0 4px; }

.gold-cta { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(130deg, #f6df9a, #d3a436); color: #20180d; border: 1px solid #ffe7ac; border-radius: 40px; padding: 14px 32px; font-size: 17px; font-weight: 800; box-shadow: 0 5px 14px rgba(18, 47, 83, 0.35); min-height: 48px; }
.gold-cta span { margin-left: 12px; }
.gold-cta.wide { width: 100%; margin-top: 14px; }
.primary-btn { display: inline-flex; align-items: center; justify-content: center; background: #1163f5; border: 0; border-radius: 12px; color: #fff; padding: 13px 21px; font-weight: 700; min-height: 46px; }
.primary-btn.full { display: flex; width: 100%; margin-top: 16px; }
.primary-btn.small { padding: 10px 13px; font-size: 13px; min-height: 40px; }
.subtle-btn { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #dce5f2; background: #fff; border-radius: 12px; padding: 12px 16px; color: #637893; min-height: 46px; }
.subtle-btn.danger { color: #dc2626; border-color: #fecaca; }
.outline-btn { display: inline-flex; align-items: center; background: #fff; border: 1px solid #dbe6f7; border-radius: 11px; padding: 10px 12px; color: #233d65; font-size: 12px; }
.text-btn { border: 0; background: none; color: #647e9f; font-size: 12px; }
button:disabled { opacity: 0.6; }

.login { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(15, 39, 71, 0.45); backdrop-filter: blur(3px); }
.login-box { position: relative; width: 100%; max-width: 380px; background: #fff; border-radius: 22px; padding: 28px; box-shadow: 0 10px 40px rgba(15, 39, 71, 0.25); }
.login-close { position: absolute; top: 10px; right: 14px; border: 0; background: none; font-size: 26px; line-height: 1; color: #94a3b8; cursor: pointer; }
.login-close.hidden { display: none; }
.login h1 { font-size: 22px; margin: 18px 0 4px; }
.brand { display: flex; align-items: center; gap: 12px; margin-right: auto; }
.brand strong { display: block; font-size: 20px; letter-spacing: 0.3px; }
.brand small { display: block; font-size: 11px; opacity: 0.8; margin-top: 3px; }
.logo { width: 44px; height: 44px; border-radius: 11px; background: #1469f5; display: grid; place-items: center; }
.logo img { width: 34px; height: 34px; }

.top { height: 72px; background: linear-gradient(110deg, #205e9e, #1b3b6b); color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; position: sticky; top: 0; z-index: 20; }
.top-actions { display: flex; align-items: center; gap: 16px; }
.icon-btn { position: relative; font-size: 20px; }
.red-dot { position: absolute; right: -2px; top: 0; background: #ff4964; border-radius: 50%; width: 8px; height: 8px; display: none; }
.red-dot.on { display: block; }
.avatar { border: 2px solid #d4e3ff; background: #e6f0ff; color: #23518c; border-radius: 50%; height: 32px; width: 32px; font-size: 14px; font-weight: bold; display: grid; place-items: center; }
.desktop-side { display: none; }
.desktop-side nav a { display: block; border-radius: 10px; color: #bdcde3; padding: 12px 14px; margin-bottom: 6px; font-size: 14px; }
.desktop-side nav a.on { background: #1463e7; color: #fff; }
.side-head { font-size: 17px; font-weight: 700; padding: 8px 14px 22px; overflow: hidden; }
.side-head span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.side-head small { display: block; font-size: 11px; font-weight: 400; opacity: 0.65; margin-top: 6px; }
.side-foot { position: absolute; bottom: 22px; left: 14px; }
.side-foot button { background: none; border: 0; color: #8ca4c4; font-size: 12px; }
.menu-btn { background: rgba(255, 255, 255, 0.14); border: 0; color: #fff; font-size: 22px; width: 40px; height: 40px; border-radius: 12px; flex: none; }
.drawer-mask { position: fixed; inset: 0; background: rgba(8, 20, 40, 0.55); z-index: 55; }
body.drawer-open .desktop-side { display: block; position: fixed; top: 0; bottom: 0; left: 0; width: 264px; background: #102846; color: #fff; padding: 22px 14px; z-index: 60; box-shadow: 8px 0 30px rgba(0, 0, 0, 0.35); overflow-y: auto; }
#main { min-height: 70vh; }
.page { max-width: 1140px; margin: auto; padding: 0 20px 100px; overflow-x: clip; }

.hero { height: 300px; border-radius: 0; position: relative; overflow: hidden; background: #163b65; }
.hero-image { position: absolute; inset: 0; background-image: linear-gradient(90deg, rgba(5, 27, 55, 0.86), rgba(7, 33, 66, 0.25)), url("img/hero.jpg"); background-size: cover; background-position: center 40%; }
.hero-overlay { position: relative; color: #fff; padding: 28px 34px; }
.eyebrow { font-size: 11px; letter-spacing: 2px; color: #c4d5e9; }
.hero h1 { font-size: 46px; line-height: 1.18; margin: 12px 0; letter-spacing: 0.5px; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35); }
.hero h1 em { color: #f2ce75; font-style: normal; }
.hero p { font-size: 13px; margin: 10px 0 18px; color: #e1e9f3; }
#page_stats .metrics { margin: 0 0 14px; }
.metrics .muted i { font-style: normal; font-weight: 700; color: #1163f5; }
.metrics { display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border-radius: 20px; margin: -24px 16px 16px; position: relative; box-shadow: 0 8px 22px rgba(220, 231, 246, 0.6); padding: 16px 8px; }
.metrics > div { padding: 5px 10px; border-right: 1px solid #edf0f5; min-width: 0; }
.metrics > div:last-child { border: 0; }
.metrics small, .metrics strong, .metrics .muted { display: block; }
.metrics small { font-size: 12px; color: #667a97; margin: 8px 0 4px; white-space: nowrap; }
.metrics strong { font-size: 22px; white-space: nowrap; }
.metrics .muted { font-size: 10px; margin-top: 4px; }
.metric-ico { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; }
.metric-ico svg { width: 16px; height: 16px; }
.metric-ico.blue { background: #e4f0ff; color: #1163f5; }
.metric-ico.orange { background: #fff0df; color: #f0742b; }
.metric-ico.purple { background: #efe7ff; color: #7c4dff; }
.metric-ico.green { background: #d9f7ee; color: #12a66f; }
.trend { font-style: normal; font-size: 11px; font-weight: 700; border-radius: 999px; padding: 1px 6px; vertical-align: middle; }
.trend.up { background: #e6f7ee; color: #12a66f; }
.trend.down { background: #fdeaea; color: #e04848; }
.hero-cta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.demo-btn { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-size: 13px; font-weight: 600; background: rgba(0, 0, 0, 0.35); border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 999px; padding: 8px 14px 8px 8px; backdrop-filter: blur(4px); }
.demo-btn svg { width: 22px; height: 22px; }
.video-box { position: relative; width: min(92vw, 420px); background: #000; border-radius: 18px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); }
.video-box video { display: block; width: 100%; aspect-ratio: 9 / 16; max-height: 86vh; background: #000; }
.video-box .modal-close { color: #fff; z-index: 2; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); }
.ai-tip { background: #fff8e6; border: 1px solid #fde9b8; border-radius: 16px; padding: 12px 16px; font-size: 14px; line-height: 1.7; margin: 14px 0; }
.ai-tip p { margin: 0; }
.profile-banner { border: 2px solid #e5efff; border-radius: 20px; background: linear-gradient(105deg, #fff, #e9f3ff); width: 100%; display: flex; align-items: center; text-align: left; padding: 15px 18px; gap: 16px; color: #182941; margin: 14px 0; }
.profile-banner .bot { width: 92px; height: 96px; object-fit: contain; flex: none; }
.profile-banner strong, .profile-banner small { display: block; }
.profile-banner strong { font-size: 17px; }
.profile-banner small { font-size: 11px; color: #657e9f; margin-top: 5px; }
.circle-arrow { margin-left: auto; border-radius: 50%; background: #e1edff; color: #3174e5; font-size: 26px; width: 35px; height: 35px; display: grid; place-items: center; flex-shrink: 0; }
.quick-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.quick-card { position: relative; display: block; border-radius: 22px; aspect-ratio: 3 / 2; padding: 20px 18px; text-align: left; color: #182941; overflow: hidden; background-color: #f3f6fb; background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 0 6px 18px rgba(205, 219, 240, 0.55); }
.quick-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--qc) 0%, var(--qc) 30%, rgba(255, 255, 255, 0.55) 48%, rgba(255, 255, 255, 0) 62%); }
.quick-card strong, .quick-card small, .quick-card .round-next { position: relative; }
.quick-card strong { display: block; font-size: 28px; font-weight: 900; letter-spacing: 0.5px; }
.quick-card small { display: block; font-size: 13px; color: #4b5d78; line-height: 1.7; margin-top: 8px; max-width: 50%; }
.qc-create { --qc: #fff4e6; background-image: url("img/quick-create.jpg"); }
.qc-ads { --qc: #e9f1ff; background-image: url("img/quick-ads.jpg"); }
.qc-leads { --qc: #f1ecff; background-image: url("img/quick-leads.jpg"); }
.qc-stats { --qc: #e8f6ee; background-image: url("img/quick-stats.jpg"); }
.round-next { position: absolute; left: 18px; bottom: 18px; width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, 0.85); text-align: center; color: #1f3b63; font-size: 22px; line-height: 44px; box-shadow: 0 2px 8px rgba(20, 40, 80, 0.12); }
.qc-create .round-next { color: #8a5a10; background: #fde8c8; }
.qc-ads .round-next { color: #1d4ed8; background: #d9e7ff; }
.qc-leads .round-next { color: #5b3fb8; background: #e4dbff; }
.qc-stats .round-next { color: #167a4a; background: #d4efe0; }
.todo { background: #fff; border: 1px solid #e9edf4; border-radius: 16px; padding: 12px 16px; margin-top: 14px; font-size: 14px; line-height: 1.9; }
.todo .tag { display: inline-block; background: #e0e7ff; color: #3730a3; border-radius: 999px; padding: 1px 10px; margin-right: 8px; font-size: 12px; }
.section-head { display: flex; align-items: center; justify-content: space-between; margin: 24px 0 12px; }
.section-head h2, .white-panel h2 { font-size: 18px; margin: 0; }
.free-tag { font-size: 11px; color: #b7791f; border: 1px solid #e9c46a; border-radius: 999px; padding: 2px 8px; margin-left: 6px; vertical-align: middle; font-weight: 600; }
.ind-head h2 { display: flex; align-items: baseline; gap: 8px; min-width: 0; white-space: nowrap; }
.head-sub { font-size: 12px; color: #7083a0; font-weight: 400; overflow: hidden; text-overflow: ellipsis; }
.industry-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.industry-row.all { grid-template-columns: repeat(5, 1fr); }
.fill-btn { margin-left: auto; border: 0; background: #1163f5; color: #fff; border-radius: 999px; padding: 9px 16px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.industry-card { background: #fff; text-align: left; border-radius: 13px; padding: 7px 7px 12px; overflow: hidden; display: block; }
.industry-photo { height: 96px; border-radius: 9px; background-size: cover; background-position: center; background-color: #dae7f7; }
.industry-card strong, .industry-card small { display: block; margin: 8px 4px 0; }
.industry-card strong { font-size: 13px; }
.industry-card small { font-size: 10px; color: #7486a0; }

.page-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 24px 0 18px; }
.page-title h1 { font-size: 25px; margin: 0; }
.page-title p { font-size: 12px; color: #7083a0; margin: 5px 0 0; }
.tool-list { display: grid; gap: 12px; margin-bottom: 14px; }
.tool-row { display: flex; align-items: center; gap: 16px; background: #fff; border: 1.5px solid #e5edf8; border-radius: 18px; padding: 18px 16px; color: #182941; }
.tool-row.on { border-color: #1163f5; }
.tool-row .ti { display: grid; place-items: center; flex: none; width: 60px; height: 60px; border-radius: 16px; background: #e8f1ff; font-size: 30px; }
.tool-row div { flex: 1; min-width: 0; }
.tool-row strong { display: block; font-size: 20px; }
.tool-row small { display: block; font-size: 13px; color: #7486a0; margin-top: 4px; }
.tool-row em { font-style: normal; flex: none; width: 36px; height: 36px; border-radius: 50%; background: #e8f1ff; color: #1163f5; display: grid; place-items: center; font-size: 20px; }
.white-panel { background: #fff; border-radius: 19px; padding: 18px; margin-top: 15px; box-shadow: 0 2px 12px rgba(232, 239, 247, 0.7); }
.wizard { padding: 0; overflow: hidden; }
/* 2026-10-25 写文案页(营销专家方案) */
.stepper { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 16px 14px 6px; font-size: 13px; color: #8a97ad; }
.stepper span { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.stepper span i { font-style: normal; width: 24px; height: 24px; border-radius: 50%; background: #e8edf5; color: #8a97ad; display: grid; place-items: center; font-size: 12px; font-weight: 700; }
.stepper span.on { color: #1163f5; font-weight: 700; }
.stepper span.on i { background: #1163f5; color: #fff; }
.stepper b { flex: 1; max-width: 48px; height: 1px; background: #dfe5ee; }
.wz-h { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 800; color: #152846; margin: 18px 0 10px; }
.wz-h i { font-style: normal; width: 26px; height: 26px; border-radius: 50%; background: #1163f5; color: #fff; display: grid; place-items: center; font-size: 13px; flex: none; }
.wz-h small { font-size: 13px; font-weight: 500; color: #8a97ad; }
.wz-h-row { justify-content: space-between; }
.wz-h-row > span { display: flex; align-items: center; gap: 10px; }
.wz-link { border: 1px solid #c9dafc; background: #EEF4FF; color: #1163f5; border-radius: 10px; padding: 7px 12px; font-size: 13px; font-weight: 600; font-family: inherit; cursor: pointer; white-space: nowrap; }
.goal4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.goal4 button { border: 1.5px solid #e3e8f0; background: #fff; border-radius: 14px; padding: 12px 4px 10px; text-align: center; font-family: inherit; color: #152846; cursor: pointer; }
.goal4 button span { display: block; font-size: 26px; margin-bottom: 4px; }
.goal4 button b { display: block; font-size: 15px; }
.goal4 button small { display: block; font-size: 11px; color: #7486a0; line-height: 1.5; margin-top: 4px; }
.goal4 button.on { border-color: #1163f5; background: #EEF4FF; }
.topic-box { position: relative; }
.topic-box textarea { padding-bottom: 26px; }
.topic-box .counter { position: absolute; right: 12px; bottom: 10px; font-size: 12px; color: #9aa3b2; }
.chips4 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 10px; }
.chips4 button { display: flex; align-items: center; gap: 8px; border: 0; background: #EEF4FF; border-radius: 12px; padding: 10px; font-family: inherit; text-align: left; cursor: pointer; color: #152846; }
.chips4 button span { font-size: 20px; flex: none; }
.chips4 button b { display: block; font-size: 13px; }
.chips4 button small { display: block; font-size: 10px; color: #7486a0; }
.c-attach { margin-top: 10px; }
.c-thumbs { display: flex; gap: 8px; flex-wrap: wrap; }
.c-thumbs div { position: relative; width: 64px; height: 64px; border-radius: 10px; overflow: hidden; background: #e6eaf3; }
.c-thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
.c-thumbs a { position: absolute; top: 2px; right: 2px; width: 20px; height: 20px; border-radius: 50%; background: rgba(0,0,0,.6); color: #fff; font-size: 12px; display: grid; place-items: center; }
.c-doc { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; background: #fff; border: 1px solid #c9dafc; border-radius: 999px; padding: 6px 12px; font-size: 13px; }
.c-doc em { font-style: normal; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-doc a { color: #9aa3b2; font-size: 16px; }
.topic-list { display: grid; gap: 8px; }
.topic-list .t { display: flex; align-items: center; gap: 10px; border: 1px solid #e3e8f0; background: #fff; border-radius: 12px; padding: 12px 14px; font-size: 14px; color: #152846; cursor: pointer; }
.topic-list .t::before { content: "📄"; font-size: 15px; }
.topic-list .t:hover { border-color: #1163f5; }
.c-go { margin-top: 18px; padding: 15px; font-size: 17px; border-radius: 14px; }
.wz-body { padding: 14px 18px 20px; }
.big4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.big2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.big { border: 1.5px solid #cbd5e1; border-radius: 12px; padding: 13px 6px; background: #fff; font-size: 15px; min-height: 50px; color: #182941; }
.big.on { border-color: #1163f5; background: #eff6ff; color: #1d4ed8; font-weight: 700; }
.note { font-size: 13px; background: #f1f6ff; padding: 12px; border-radius: 12px; color: #3b5578; line-height: 1.7; margin-top: 10px; }
.note.plan b { display: block; color: #1d4ed8; margin-top: 8px; }
.topics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.topics .t { border: 1px solid #cbd5e1; background: #fff; border-radius: 10px; padding: 8px 12px; font-size: 14px; cursor: pointer; color: #182941; }
.topics .t:hover { border-color: #1163f5; }
.more-opt { margin-top: 12px; }
.more-opt summary { cursor: pointer; color: #1163f5; font-size: 14px; }
.pills { display: flex; gap: 8px; overflow-x: auto; margin: 12px 0; scrollbar-width: none; }
.pills::-webkit-scrollbar { display: none; }
.pills button { flex: none; background: #f1f5fc; color: #5b6e8a; border: 0; border-radius: 25px; padding: 9px 15px; font-size: 13px; }
.pills button.active { background: #1163f5; color: #fff; font-weight: 700; }
.template-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.template { text-align: left; color: #182941; border-radius: 10px; display: block; }
.template-img { height: 120px; border-radius: 10px; background-size: cover; background-position: center; position: relative; background-color: #dae7f7; }
.template-img .tag { position: absolute; top: 7px; left: 7px; background: #1464ee; color: #fff; font-size: 10px; padding: 3px 6px; border-radius: 4px; }
.template-img .dur { position: absolute; right: 7px; bottom: 7px; background: rgba(0, 0, 0, 0.55); color: #fff; font-size: 10px; padding: 2px 6px; border-radius: 4px; }
.template-img .play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 34px; height: 34px; border-radius: 50%; background: rgba(0, 0, 0, 0.45); color: #fff; display: grid; place-items: center; font-size: 14px; }
.template strong, .template small { display: block; }
.template strong { font-size: 13px; margin-top: 9px; }
.template small { font-size: 10px; color: #7587a0; margin-top: 3px; }
.template .use { display: block; margin-top: 8px; border: 1px solid #1163f5; color: #1163f5; border-radius: 10px; text-align: center; padding: 8px; font-size: 13px; font-weight: 600; }
.stock-panel { margin: -28px 0 16px; position: relative; padding: 18px 16px 12px; border-radius: 30px 30px 26px 26px; background: #f5f8fd; }
.stock-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
.stock-head h2 { font-size: 21px; margin: 0; flex: 1; min-width: 0; line-height: 1.2; }
.stock-sub { font-size: 12.5px; color: #6f80a0; margin: 0 0 12px; }
.seg { display: flex; background: #eef3fb; border-radius: 999px; padding: 3px; }
.seg button { border: 0; background: none; color: #3b4e6a; border-radius: 999px; padding: 6px 16px; font-size: 13px; }
.seg button.active { background: #1163f5; color: #fff; font-weight: 700; }
.stock-head .text-btn { color: #1163f5; font-weight: 600; font-size: 13px; }
.stock-wrap { position: relative; }
.stock-strip { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 2px; }
.stock-strip::-webkit-scrollbar { display: none; }
.stock-strip .template { flex: 0 0 calc(33.333% - 7px); scroll-snap-align: start; background: #fff; border-radius: 18px; padding: 5px 5px 11px; cursor: pointer; overflow: hidden; box-shadow: 0 3px 14px rgba(27, 59, 107, 0.1); }
.stock-strip .template.busy { opacity: 0.6; }
.stock-strip .template-img { height: auto; aspect-ratio: 16 / 10; border-radius: 14px; }
.stock-strip .template-img .ok { position: absolute; top: 8px; right: 8px; background: rgba(20, 32, 54, 0.55); color: #fff; font-size: 10px; font-weight: 600; padding: 3px 9px; border-radius: 999px; backdrop-filter: blur(6px); border: 1px solid rgba(255, 255, 255, 0.35); }
.stock-strip .template strong { font-size: 14.5px; margin: 10px 7px 0; }
.stock-strip .template small { font-size: 11px; color: #8a9ab5; margin: 3px 7px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stock-strip .empty { width: 100%; }
.strip-next { position: absolute; right: -8px; top: 34%; width: 36px; height: 36px; border-radius: 50%; border: 0; background: #fff; color: #1163f5; font-size: 22px; line-height: 36px; box-shadow: 0 4px 14px rgba(27, 59, 107, 0.22); }
.dots { display: flex; justify-content: center; gap: 6px; margin-top: 10px; min-height: 8px; }
.dots i { width: 8px; height: 8px; border-radius: 50%; background: #d3dcea; }
.dots i.on { background: #1163f5; }
.explain { font-size: 13px; color: #71829c; line-height: 1.8; margin: 8px 0 0; }
.works-list { display: flex; flex-direction: column; }
.work-photo.img { background-size: cover; background-position: center; }
.work { display: flex; gap: 12px; align-items: center; padding: 12px 0; border-top: 1px solid #edf0f5; cursor: pointer; }
.work:first-child { border-top: 0; }
.work-photo { height: 60px; width: 84px; flex: none; border-radius: 9px; color: #fff; font-size: 11px; font-weight: 700; padding: 6px; display: flex; align-items: flex-end; line-height: 1.2; overflow: hidden; }
.g0 { background: linear-gradient(140deg, #1e3a8a, #3b82f6); }
.g1 { background: linear-gradient(140deg, #7c2d12, #f59e0b); }
.g2 { background: linear-gradient(140deg, #14532d, #22c55e); }
.g3 { background: linear-gradient(140deg, #831843, #ec4899); }
.g4 { background: linear-gradient(140deg, #312e81, #8b5cf6); }
.g5 { background: linear-gradient(140deg, #134e4a, #14b8a6); }
.work-main { flex: 1; min-width: 0; }
.work-main strong { font-size: 14px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.work-main small { display: block; color: #8190a6; font-size: 11px; margin-top: 5px; }
.status { font-size: 11px; padding: 5px 9px; border-radius: 20px; background: #e1f9ef; color: #11976a; white-space: nowrap; }
.status.draft { background: #fff3df; color: #a36c18; }
.status.scheduled { background: #e8f0ff; color: #2c69ce; }
.connection { display: flex; justify-content: space-between; border-bottom: 1px solid #e9edf4; padding: 14px 0; font-size: 14px; }
.connection:last-child { border-bottom: 0; }
.connection span { color: #ae7b29; font-size: 12px; }

.list .row { display: flex; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid #e9edf4; font-size: 14px; cursor: pointer; }
.list .row:last-child { border-bottom: 0; }
.list .av { width: 38px; height: 38px; border-radius: 50%; background: #e8f0ff; color: #1b65d7; display: grid; place-items: center; font-weight: 700; flex-shrink: 0; }
.list .av.hot { background: #fee2e2; color: #b91c1c; }
.list .av.cold { background: #f1f5f9; color: #64748b; }
.list .main-txt { flex: 1; min-width: 0; }
.list .main-txt b { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list .main-txt small { color: #8090a5; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 3px; font-size: 12px; }
.list .sts { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.list .sts button { border: 1px solid #dce7fb; background: #fff; border-radius: 8px; padding: 6px 9px; color: #2068d5; font-size: 11px; }
.list .sts button.on { background: #e1f9ef; border-color: #86efac; color: #11976a; }
.list .pill { font-size: 12px; border-radius: 999px; padding: 3px 10px; white-space: nowrap; background: #e1f9ef; color: #11976a; }
.empty { color: #8292a7; font-size: 13px; padding: 23px 0; text-align: center; }
.bar { height: 8px; border-radius: 999px; background: #1163f5; margin-top: 4px; }
.fab { position: fixed; right: 16px; bottom: 24px; background: linear-gradient(130deg, #f6df9a, #d3a436); color: #20180d; border: 0; border-radius: 999px; padding: 14px 18px; font-weight: 800; font-size: 14px; box-shadow: 0 8px 20px rgba(201, 162, 39, 0.4); z-index: 25; }
.result-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.result-grid .white-panel { margin: 0; }
.result-grid small, .result-grid strong { display: block; }
.result-grid small { color: #7a8ca4; font-size: 12px; }
.result-grid strong { font-size: 24px; margin-top: 10px; }
.chart { width: 100%; height: 170px; margin-top: 10px; }
.axis { display: flex; justify-content: space-between; font-size: 12px; color: #94a3b8; }

.modal { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 14px; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(18, 34, 59, 0.6); }
.modal-card { position: relative; width: min(560px, 100%); max-height: 88vh; overflow: auto; background: #fff; border-radius: 22px; padding: 24px; box-shadow: 0 20px 70px rgba(14, 32, 60, 0.33); }
.modal-close { position: absolute; right: 14px; top: 10px; border: 0; background: none; font-size: 28px; color: #6d8098; }
.modal-card h2 { margin: 0 30px 9px 0; font-size: 20px; }
.modal-card pre { white-space: pre-wrap; font: inherit; line-height: 1.7; font-size: 14px; background: #f8fafc; border-radius: 12px; padding: 12px; margin: 10px 0; }
.modal-card .tags { color: #1163f5; font-size: 14px; }
.form-field { display: block; margin: 12px 0; font-size: 13px; font-weight: 600; }
.form-field input, .form-field textarea, .form-field select { display: block; width: 100%; margin-top: 6px; border: 1px solid #dce5f2; border-radius: 10px; padding: 12px; background: #fbfdff; color: #23354c; font-size: 16px; font-weight: 400; }
.form-field textarea { min-height: 80px; resize: vertical; }
.form-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 18px; }
.toast { position: fixed; bottom: 90px; left: 50%; transform: translateX(-50%); background: #20334c; color: #fff; padding: 11px 18px; border-radius: 11px; font-size: 13px; z-index: 70; white-space: nowrap; }

.app-foot { text-align: center; font-size: 12px; color: #9aa7b8; padding: 0 16px calc(28px + env(safe-area-inset-bottom)); margin-top: -40px; }
.app-foot a { color: #9aa7b8; text-decoration: none; }
.app-foot a:hover { color: #1163f5; }
.bottom-nav { display: none !important; position: fixed; bottom: 0; left: 0; right: 0; height: calc(66px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: #fff; border-top: 1px solid #e6eaf0; display: flex; justify-content: space-around; z-index: 30; box-shadow: 0 -3px 12px rgba(203, 216, 227, 0.16); }
.bottom-nav a { color: #7b8ba3; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 10px; font-size: 11px; }
.bottom-nav a b { display: grid; place-items: center; height: 26px; }
.bottom-nav a b svg { width: 24px; height: 24px; }
.bottom-nav a.on b { color: #1163f5; }
.bottom-nav a.on { color: #1163f5; font-weight: 700; }

@media (min-width: 900px) {
	.desktop-side { display: block; position: fixed; top: 72px; bottom: 0; width: 210px; background: #102846; color: #fff; padding: 22px 14px; }
	.menu-btn, .drawer-mask { display: none; }
	.bottom-nav { display: none; }
	#main { margin-left: 210px; }
	.page { padding: 0 35px 60px; }
	.hero { height: 340px; }
	.hero-overlay { padding: 42px; }
	.hero h1 { font-size: 46px; }
	.metrics { margin-top: -35px; }
	.stock-panel { margin-top: -35px; }
	.quick-grid { gap: 18px; }
	.industry-photo { height: 160px; }
	.template-img { height: 150px; }
	.fab { display: none; }
}
@media (max-width: 600px) {
	.top { height: 66px; padding: 0 16px; }
	.brand strong { font-size: 18px; }
	.brand small { font-size: 10px; }
	.logo { width: 39px; height: 39px; }
	.logo img { width: 30px; height: 30px; }
	.page { padding: 0 13px 40px; }
	.hero { height: 272px; margin: 0 -13px; border-radius: 0; }
	.hero-overlay { padding: 26px 24px; }
	.hero h1 { font-size: 34px; }
	.hero p { font-size: 11px; }
	.gold-cta { font-size: 16px; padding: 12px 28px; }
	.metrics { margin: -18px 0 15px; padding: 12px 2px; }
	.stock-panel { margin: -26px -13px 15px; padding: 16px 14px 10px; border-radius: 30px 30px 26px 26px; }
	.stock-head h2 { font-size: 20px; }
	.stock-sub { font-size: 11.5px; }
	.stock-strip { gap: 8px; }
	.stock-strip .template { flex-basis: 46%; }
	.strip-next { display: none; }
	.metrics > div { padding: 4px 6px; }
	.metrics small { font-size: 9px; letter-spacing: -0.3px; }
	.metrics strong { font-size: 17px; }
	.metrics .muted { font-size: 8px; }
	.profile-banner { margin: 12px 0; padding: 13px; gap: 10px; }
	.profile-banner strong { font-size: 15px; }
	.profile-banner small { font-size: 10px; }
	.quick-grid { grid-template-columns: repeat(2, 1fr); gap: 11px; }
	.quick-card { padding: 14px; }
	.quick-card strong { font-size: 18px; }
	.quick-card small { font-size: 11px; line-height: 1.6; margin-top: 4px; }
	.quick-card .round-next { width: 32px; height: 32px; line-height: 32px; font-size: 17px; left: 12px; bottom: 11px; }
	.profile-banner .bot { width: 70px; height: 74px; }
	.industry-row { gap: 7px; }
	.industry-photo { height: 88px; }
	.industry-card strong { font-size: 11px; }
	.industry-card small { font-size: 9px; }
		.page-title h1 { font-size: 23px; }
	.template-grid { gap: 9px; }
	.template-img { height: 94px; }
	.template strong { font-size: 11px; }
	.template small { font-size: 9px; }
	.white-panel { padding: 13px; }
	.wz-body { padding: 12px 13px 16px; }
	.big4 { grid-template-columns: repeat(2, 1fr); }
	.goal4 button small { font-size: 10px; }
	.wz-h { font-size: 15px; gap: 8px; }
	.wz-h small { font-size: 11px; }
	.wz-h-row .wz-link { padding: 6px 9px; font-size: 12px; }
	.chips4 { gap: 6px; }
	.chips4 button { padding: 10px 6px; gap: 6px; justify-content: center; }
	.chips4 button b { font-size: 12px; white-space: nowrap; }
	.chips4 button small { display: none; }
	.row-3 { grid-template-columns: 1fr; }
	.result-grid { grid-template-columns: repeat(2, 1fr); }
	.list .sts { max-width: 48%; }
}

.persona-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 12px; }
.persona { background: #f3f7fe; border-radius: 14px; padding: 14px; font-size: 13px; line-height: 1.6; }
.persona b { display: block; font-size: 16px; margin-bottom: 6px; }
.persona span { display: block; color: #475569; }
.persona span i { font-style: normal; color: #1163f5; font-weight: 600; }
.actions { margin: 10px 0 0; padding-left: 0; list-style: none; counter-reset: act; }
.actions li { position: relative; padding: 10px 0 10px 34px; border-bottom: 1px solid #edf0f5; font-size: 14px; line-height: 1.6; }
.actions li:last-child { border-bottom: 0; }
.actions li::before { counter-increment: act; content: counter(act); position: absolute; left: 0; top: 10px; width: 24px; height: 24px; border-radius: 50%; background: #1163f5; color: #fff; font-size: 12px; font-weight: 700; display: grid; place-items: center; }
.plat-tag { font-size: 11px; border-radius: 999px; padding: 2px 8px; background: #e8f0ff; color: #1d4ed8; white-space: nowrap; }
@media (max-width: 600px) { .persona-grid { grid-template-columns: 1fr; } }

@media (max-width: 600px) { .ind-head h2 { font-size: 17px; gap: 6px; } .head-sub { font-size: 11px; } .industry-row { display: flex; overflow-x: auto; gap: 10px; scroll-snap-type: x mandatory; padding-bottom: 6px; } .industry-row .industry-card { flex: 0 0 46%; scroll-snap-align: start; } .industry-row.all { display: grid; grid-template-columns: 1fr 1fr; overflow: visible; } .industry-row.all .industry-card { flex: none; } .fill-btn { padding: 8px 12px; font-size: 12px; } .hero h1 { font-size: 38px; } .metrics strong { font-size: 19px; } .quick-card { padding: 14px 12px; } .quick-card strong { font-size: 20px; } .quick-card small { font-size: 10.5px; max-width: 66%; letter-spacing: -0.2px; } .qc-stats small { max-width: 78%; } .round-next { width: 36px; height: 36px; line-height: 36px; font-size: 18px; left: 14px; bottom: 14px; } .quick-card::before { background: linear-gradient(90deg, var(--qc) 0%, var(--qc) 32%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0) 64%); } .trend { font-size: 9px; padding: 0 4px; } .demo-btn { font-size: 12px; } }

/* 小红书顾问 */
.xp-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
.xp-head b { font-size: 22px; color: #1163f5; }
.xp-head .pill { background: #e8f0ff; color: #1d4ed8; border-radius: 999px; padding: 3px 10px; font-size: 12px; }
.xp-topic b { display: block; font-size: 17px; }
.xp-topic small { display: block; margin-top: 4px; line-height: 1.6; }
.note.warn { background: #fff4e6; color: #8a5a10; }
.empty { color: #7083a0; font-size: 13px; line-height: 1.7; padding: 10px 0; }
.cand { display: grid; grid-template-columns: 2fr 1.2fr repeat(7, 1fr); gap: 4px; margin-top: 6px; align-items: center; }
.cand input { width: 100%; border: 1px solid #dce5f2; border-radius: 8px; padding: 7px 6px; font-size: 13px; min-width: 0; }
.cand-h { display: grid; grid-template-columns: 2fr 1.2fr repeat(7, 1fr); gap: 4px; font-size: 11px; color: #7083a0; margin-top: 10px; }
.metric-line { display: flex; gap: 10px; flex-wrap: wrap; font-size: 12px; color: #5b6b85; margin-top: 4px; }
.metric-line i { font-style: normal; }
.metric-line i.good { color: #16a34a; }
.metric-line i.bad { color: #dc2626; }
.diag { margin-top: 12px; border: 1.5px solid #cfe0fb; background: #f3f7fe; border-radius: 14px; padding: 14px; font-size: 14px; line-height: 1.7; }
.diag .stage { display: inline-block; background: #1163f5; color: #fff; border-radius: 999px; padding: 3px 12px; font-size: 12px; margin-right: 8px; }
.diag b.v { display: block; font-size: 16px; margin: 6px 0; }
.diag ul { margin: 6px 0 0; padding-left: 18px; }
.review-tbl { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 8px; }
.review-tbl td { padding: 6px 4px; border-bottom: 1px solid #e9edf4; vertical-align: top; }
.review-tbl td:first-child { color: #1163f5; font-weight: 700; white-space: nowrap; }
@media (max-width: 600px) { .cand, .cand-h { grid-template-columns: repeat(3, 1fr); } .cand input:first-child { grid-column: span 2; } .cand-h span:first-child { grid-column: span 2; } }

/* ---------- AI 帮我找客户 = 线索看板 (2026-10-17, 按 CEO 模板) ---------- */
.gold-cta.fd-gold { padding: 11px 18px; font-size: 14px; min-height: 42px; box-shadow: 0 4px 12px rgba(18, 47, 83, 0.22); white-space: nowrap; flex: none; }
.persona-link { display: flex; align-items: center; gap: 10px; background: linear-gradient(105deg, #fff, #eef5ff); border: 1px solid #dbe7fb; border-radius: 16px; padding: 12px 16px; margin-top: 12px; color: #182941; }
.persona-link b { display: block; font-size: 14px; }
.persona-link small { display: block; font-size: 11px; color: #657e9f; margin-top: 3px; flex: 1; }
.persona-link span { margin-left: auto; color: #1163f5; font-size: 20px; }
.fd-panel { border-radius: 16px; padding: 16px 18px; margin-top: 12px; }
.fd-panel h2 { font-size: 17px; }
.fd-head { margin-bottom: 2px; }
.fd-upd { font-size: 12px; color: #7083a0; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.fd-refresh { border: 0; background: none; color: #1163f5; width: 22px; height: 22px; padding: 2px; }
.fd-refresh svg { width: 100%; height: 100%; }
.fd-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 12px; }
.fd-m { display: flex; align-items: center; gap: 10px; background: #f3f7fd; border-radius: 12px; padding: 12px 12px; min-width: 0; }
.fd-m small { display: block; font-size: 12px; color: #667a97; white-space: nowrap; }
.fd-num { display: flex; align-items: center; gap: 6px; margin-top: 2px; }
.fd-m strong { font-size: 24px; line-height: 1.1; }
.fd-ico { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; flex: none; }
.fd-ico svg { width: 20px; height: 20px; }
.fd-ico.blue { background: #dde8ff; color: #1f5fe6; }
.fd-ico.orange { background: #ffeedb; color: #f08a1d; }
.fd-ico.red { background: #ffe3e3; color: #e4383f; }
.fd-ico.green { background: #dcf5e8; color: #17a85b; }
.fd-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
.fd-box { background: #f3f7fd; border-radius: 12px; padding: 12px 14px; }
.fd-box b { font-size: 14px; }
.fd-more { color: #8a9ab5; font-size: 18px; line-height: 1; text-decoration: none; }
.fd-bars { margin-top: 6px; }
.fd-bar { display: flex; align-items: center; gap: 8px; margin: 9px 0; font-size: 13px; }
.fd-bar .pf { width: 22px; height: 22px; border-radius: 6px; display: grid; place-items: center; flex: none; }
.fd-bar .pf svg { width: 20px; height: 20px; }
.fd-bar .k { width: 56px; flex: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #3b4e6a; }
.fd-bar .b { flex: 1; height: 10px; background: #e5ecf6; border-radius: 999px; overflow: hidden; }
.fd-bar .b i { display: block; height: 100%; border-radius: 999px; }
.fd-bar .n { width: 22px; text-align: right; font-weight: 700; }
.fd-filters { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 10px; }
.fd-sel { display: flex; align-items: center; gap: 6px; border: 1px solid #dce5f2; border-radius: 10px; padding: 0 8px 0 10px; background: #fff; color: #7083a0; min-width: 0; }
.fd-sel svg { width: 16px; height: 16px; flex: none; }
.fd-sel select { flex: 1; min-width: 0; border: 0; background: none; padding: 10px 0; font-size: 13.5px; color: #23354c; }
.fd-sel select:focus { outline: none; }
.fd-sub { font-size: 12px; color: #7083a0; font-weight: 400; }
.fd-link { color: #1163f5; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.fd-list { margin-top: 4px; }
.fd-row { display: flex; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid #edf1f7; }
.fd-row:last-child { border-bottom: 0; }
.fd-row .av { width: 46px; height: 46px; border-radius: 50%; background: #e8f0ff; color: #1b65d7; display: grid; place-items: center; font-weight: 700; font-size: 17px; flex: none; }
.fd-row .av.hot { background: #fee2e2; color: #b91c1c; }
.fd-row .av.cold { background: #f1f5f9; color: #64748b; }
.fd-main { flex: 1; min-width: 0; }
.fd-name { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.fd-name b { font-size: 15px; }
.fd-tag { font-size: 10.5px; border-radius: 5px; padding: 2px 7px; white-space: nowrap; }
.fd-tag.city { background: #eef2f8; color: #4b5d78; }
.fd-tag.int-high { background: #fdeaea; color: #e04848; }
.fd-tag.int-mid { background: #e8f0ff; color: #1b65d7; }
.fd-tag.int-low { background: #f1f5f9; color: #64748b; }
.fd-txt { display: block; color: #5b6e8a; font-size: 12.5px; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fd-ai { display: block; color: #b7791f; font-size: 12px; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fd-acts { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex: none; }
.fd-time { font-size: 11px; color: #8a9ab5; }
.fd-btns { display: flex; gap: 6px; }
.fd-open { border: 0; background: #1163f5; color: #fff; border-radius: 9px; padding: 9px 14px; font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.fd-reply { border: 1px solid #c9dbfb; background: #f3f7ff; color: #1b65d7; border-radius: 9px; padding: 8px 12px; font-size: 12px; white-space: nowrap; }
.fd-steps-wrap { display: flex; align-items: center; gap: 14px; margin-top: 10px; }
.fd-steps { list-style: none; padding: 0; margin: 0; flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; min-width: 0; }
.fd-steps li { display: flex; gap: 9px; align-items: flex-start; min-width: 0; }
.fd-steps li.empty { grid-column: 1 / -1; color: #7083a0; font-size: 13px; line-height: 1.7; }
.fd-steps .num { width: 22px; height: 22px; border-radius: 50%; background: #1163f5; color: #fff; display: grid; place-items: center; font-size: 12px; font-weight: 700; flex: none; margin-top: 1px; }
.fd-steps b { display: block; font-size: 13px; line-height: 1.45; font-weight: 600; }
.fd-steps small { display: block; color: #8a9ab5; font-size: 11.5px; margin-top: 3px; line-height: 1.5; }
.fd-note { display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 12px; padding: 11px 14px; margin: 12px 0 0; font-size: 12px; color: #5b6e8a; }
.fd-note b { color: #182941; white-space: nowrap; }
.fd-info { width: 18px; height: 18px; color: #1163f5; flex: none; }
.fd-info svg { width: 100%; height: 100%; }
#reply_text { min-height: 150px; line-height: 1.7; resize: vertical; }
@media (max-width: 600px) {
	.fd-panel { padding: 14px; }
	.fd-head { flex-wrap: wrap; }
	.fd-metrics { grid-template-columns: 1fr 1fr; gap: 8px; }
	.fd-m { padding: 10px; gap: 8px; }
	.fd-m strong { font-size: 22px; }
	.fd-ico { width: 36px; height: 36px; }
	.fd-ico svg { width: 18px; height: 18px; }
	.fd-two { grid-template-columns: 1fr; }
	.fd-filters { grid-template-columns: 1fr 1fr; gap: 8px; }
	.fd-row { flex-wrap: wrap; }
	.fd-acts { flex-direction: row; width: 100%; justify-content: space-between; align-items: center; padding-left: 58px; }
	.fd-steps-wrap { flex-direction: column; align-items: stretch; }
	.fd-steps { grid-template-columns: 1fr; gap: 10px; }
	.fd-note { align-items: flex-start; }
}
.upd-bar { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 90; border: 0; border-radius: 999px; background: #152238; color: #f6df9a; font-weight: 700; font-size: 14px; padding: 12px 20px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); white-space: nowrap; }

/* ---------- 投广告 四步模板 (2026-10-17) ---------- */
.ad-hero { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 22px 0 14px; overflow: hidden; }
.ad-hero h1 { font-size: 30px; margin: 0; }
.ad-hero p { font-size: 13px; color: #6f80a0; margin: 6px 0 0; }
.ad-hero-art { width: 150px; height: 112px; flex: none; margin-right: 10px; opacity: 0.95; }
.ad-hero-art svg { width: 100%; height: 100%; }
.ad-guide { position: absolute; right: 0; top: 24px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid #cfe0fb; background: #fff; color: #1163f5; border-radius: 999px; padding: 7px 12px 7px 8px; font-size: 13px; font-weight: 600; box-shadow: 0 3px 10px rgba(27, 59, 107, 0.08); }
.ad-guide .q { width: 18px; height: 18px; border-radius: 50%; background: #1163f5; color: #fff; display: grid; place-items: center; font-size: 12px; font-weight: 800; }
.ad-step { border-radius: 16px; padding: 16px 16px 16px; margin-top: 12px; }
.ad-step-head { display: flex; align-items: flex-start; gap: 10px; }
.ad-step-head > div { flex: 1; min-width: 0; }
.ad-step-head b { display: block; font-size: 17px; }
.ad-step-head small { display: block; font-size: 12.5px; color: #7083a0; margin-top: 4px; }
.ad-num { width: 28px; height: 28px; border-radius: 50%; background: #1163f5; color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 14px; flex: none; }
.ad-mini { border: 1px solid #cfe0fb; background: #eef5ff; color: #1163f5; border-radius: 999px; padding: 7px 12px; font-size: 12.5px; font-weight: 600; white-space: nowrap; flex: none; }
.ad-plat { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 14px; }
.ad-pcard { position: relative; border: 1.5px solid #e3eaf4; border-radius: 12px; background: #fff; padding: 12px 4px 10px; text-align: center; color: #182941; min-width: 0; }
.ad-pcard.on { border-color: #1163f5; background: #eef5ff; }
.ad-pcard.more { background: #f3f6fb; border-color: #f3f6fb; color: #6f80a0; }
.ad-pcard b { display: block; font-size: 13px; margin-top: 8px; white-space: nowrap; }
.ad-pcard small { display: block; font-size: 10px; color: #7083a0; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.plogo { width: 44px; height: 44px; border-radius: 11px; display: inline-grid; place-items: center; }
.plogo svg { width: 32px; height: 32px; }
.plogo.grey { background: #e6ebf3; color: #8a9ab5; font-size: 18px; font-weight: 800; }
.chk { position: absolute; top: 7px; right: 7px; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid #cbd5e1; background: #fff; display: grid; place-items: center; }
.chk svg { width: 11px; height: 11px; opacity: 0; }
.on > .chk { background: #1163f5; border-color: #1163f5; }
.on > .chk svg { opacity: 1; }
.ad-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.ad-chips button { position: relative; border: 1.5px solid #e3eaf4; border-radius: 10px; background: #fff; padding: 11px 16px; font-size: 14px; color: #182941; min-width: 0; }
.ad-chips button.on { border-color: #1163f5; background: #eef5ff; color: #1163f5; font-weight: 700; padding-right: 30px; }
.ad-chips button .chk { display: none; top: -6px; right: -6px; width: 17px; height: 17px; }
.ad-chips button.on .chk { display: grid; }
.ad-chips.budget { display: grid; grid-template-columns: repeat(4, 1fr); }
.ad-chips.budget button { padding: 13px 6px; text-align: center; }
.ad-chips.budget button.on { padding-right: 6px; }
.ad-goals { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 14px; }
.ad-gcard { position: relative; border: 1.5px solid #e3eaf4; border-radius: 12px; background: #fff; padding: 16px 6px 14px; text-align: center; color: #182941; min-width: 0; }
.ad-gcard.on { border-color: #1163f5; background: #eef5ff; color: #1163f5; }
.gico { display: block; width: 30px; height: 30px; margin: 0 auto; color: #1163f5; }
.gico svg { width: 100%; height: 100%; }
.ad-gcard b { display: block; font-size: 13px; line-height: 1.4; margin-top: 10px; font-weight: 600; }
.ad-go { display: block; width: 100%; margin-top: 16px; border: 0; border-radius: 14px; background: #1163f5; color: #fff; font-size: 17px; font-weight: 800; padding: 16px; box-shadow: 0 6px 18px rgba(17, 99, 245, 0.3); }
.ad-center { text-align: center; margin: 10px 0 0; }
.ad-hint { display: flex; align-items: center; gap: 10px; background: #f3f7fd; border-radius: 12px; padding: 12px 14px; margin-top: 14px; }
.ad-hint .bulb { width: 36px; height: 36px; border-radius: 50%; background: #fff3d6; display: grid; place-items: center; font-size: 18px; flex: none; }
.ad-hint > div { flex: 1; min-width: 0; }
.ad-hint b { display: block; font-size: 14px; }
.ad-hint small { display: block; font-size: 11.5px; color: #7083a0; margin-top: 2px; }
.ad-sum { font-size: 15px; font-weight: 700; color: #152846; margin: 6px 0 2px; line-height: 1.6; }
.ad-pp { background: #f3f7fd; border-radius: 12px; padding: 12px 14px; margin-top: 10px; font-size: 13.5px; line-height: 1.7; }
.ad-pp-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
.ad-pp-head b { font-size: 15px; color: #1163f5; }
.ad-pp-head span { font-size: 12px; color: #b7791f; font-weight: 700; }
.ad-pp p { margin: 4px 0 0; }
.ad-pp p b { color: #3b5578; margin-right: 6px; }
.guide p { font-size: 13.5px; line-height: 1.75; color: #3b4e6a; margin: 0 0 10px; }
.guide p b { display: block; color: #152846; }
@media (max-width: 600px) {
	.ad-hero { padding: 18px 0 10px; }
	.ad-hero h1 { font-size: 28px; }
	.ad-hero-art { width: 118px; height: 90px; margin-right: 0; }
	.ad-guide { top: 18px; }
	.ad-step { padding: 14px 12px; }
	.ad-step-head b { font-size: 16px; }
	.ad-plat { gap: 6px; }
	.ad-pcard { padding: 10px 2px 8px; }
	.ad-pcard b { font-size: 12px; }
	.ad-pcard small { font-size: 9.5px; }
	.plogo { width: 40px; height: 40px; }
	.ad-chips button { padding: 10px 12px; font-size: 13px; }
	.ad-gcard { padding: 14px 4px 12px; }
	.ad-gcard b { font-size: 12px; }
	.ad-chips.budget button { font-size: 13px; padding: 12px 4px; }
}

/* 2026-10-18 GEO 页 */
.side-new { font-style: normal; font-size: 10px; background: #E3C77E; color: #14213D; border-radius: 999px; padding: 1px 6px; margin-left: 4px; vertical-align: middle; }
.geo-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 14px 0; }
.geo-kpi { background: #f5f8fd; border-radius: 14px; padding: 14px; text-align: center; }
.geo-kpi b { display: block; font-size: 26px; color: #1163f5; }
.geo-kpi span { font-size: 12px; color: #6b7a90; }
.geo-table { display: flex; flex-direction: column; gap: 8px; }
.geo-row { border: 1px solid #e3eaf4; border-radius: 12px; padding: 10px 12px; }
.geo-row .q { font-weight: 700; color: #152846; margin-bottom: 6px; }
.geo-row .eng { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; padding: 4px 0; border-top: 1px dashed #eef2f7; }
.geo-row .eng i { font-style: normal; flex: none; width: 92px; color: #6b7a90; }
.geo-row .eng b { flex: none; width: 54px; }
.geo-row .eng b.yes { color: #1a7f4b; }
.geo-row .eng b.no { color: #b45309; }
.geo-row .eng small { color: #6b7a90; }
.geo-report { margin-top: 14px; background: #FFF9EA; border: 1.5px solid #E3C77E; border-radius: 14px; padding: 14px; }
.geo-report h3 { margin: 0 0 6px; font-size: 15px; }
.geo-report ol { margin: 8px 0 0 18px; padding: 0; font-size: 14px; }
.geo-public { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 14px; margin-bottom: 10px; }
.geo-public a { color: #1163f5; word-break: break-all; }
.geo-pre { white-space: pre-wrap; background: #f5f8fd; border-radius: 12px; padding: 12px; font-size: 13px; line-height: 1.7; max-height: 420px; overflow: auto; font-family: inherit; }
@media (max-width: 600px) { .geo-kpis { grid-template-columns: 1fr 1fr 1fr; } .geo-kpi b { font-size: 20px; } }
.geo-msg { margin-top: 10px; padding: 10px 12px; border-radius: 10px; background: #EEF4FF; color: #1d4ed8; font-size: 14px; }
.geo-msg.bad { background: #FFF1E6; color: #b45309; }
.geo-msg.ok { background: #E6F7EE; color: #1a7f4b; }
.xhs-entry { display: flex; align-items: center; gap: 14px; margin: 0 16px 16px; padding: 16px; border-radius: 18px; background: linear-gradient(120deg, #fff 0%, #fff5f6 60%, #ffe9ec 100%); border: 1px solid #ffe0e4; text-decoration: none; color: #152846; box-shadow: 0 6px 18px rgba(20,33,61,.08); }
.xhs-entry .xe-logo { flex: none; width: 58px; height: 58px; border-radius: 14px; background: #ff2442; color: #fff; font-size: 15px; font-weight: 800; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; }
.xhs-entry .xe-t { flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.xhs-entry b { font-size: 19px; }
.xhs-entry small { font-size: 13px; color: #6b7a90; }
.xhs-entry .xe-go { font-size: 28px; color: #152846; line-height: 1; }
@media (min-width: 900px) { .xhs-entry { margin: 0 0 18px; } }

/* 2026-10-18 AI 帮我运营 */
.ops-switch { display: flex; gap: 10px; align-items: flex-start; background: #f5f8fd; border-radius: 12px; padding: 12px; margin-bottom: 10px; cursor: pointer; }
.ops-switch input { margin-top: 4px; }
.ops-switch b { display: block; font-size: 15px; }
.ops-switch small { color: #6b7a90; font-size: 12px; }
.ops-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ops-plats { display: flex; gap: 12px; flex-wrap: wrap; padding: 10px 0; font-size: 14px; }
.ops-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 12px 0; }
.ops-kpi { background: #f5f8fd; border-radius: 14px; padding: 14px; text-align: center; }
.ops-kpi b { display: block; font-size: 26px; color: #1163f5; }
.ops-kpi span { font-size: 12px; color: #6b7a90; }
.ops-accounts { border: 1px solid #e3eaf4; border-radius: 14px; padding: 12px; }
.ops-accounts b { display: block; font-size: 14px; margin-bottom: 8px; }
.ops-acc { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.ops-acc .acc { border-radius: 999px; padding: 6px 14px; font-size: 13px; font-weight: 600; color: #fff; }
.ops-acc .acc.xhs { background: #ff2442; } .ops-acc .acc.dy { background: #111; } .ops-acc .acc.sph { background: #fa9d3b; }
.ops-accounts small { color: #6b7a90; font-size: 12px; }
.ops-list { display: flex; flex-direction: column; gap: 10px; }
.ops-item { border: 1px solid #e3eaf4; border-radius: 14px; padding: 12px; }
.ops-item .t { font-weight: 700; font-size: 15px; color: #152846; }
.ops-item .m { font-size: 12px; color: #6b7a90; margin: 4px 0 8px; }
.ops-item .m i { font-style: normal; border-radius: 6px; padding: 1px 6px; margin-right: 6px; background: #FFF1E6; color: #b45309; }
.ops-item .m i.ok { background: #E6F7EE; color: #1a7f4b; }
.ops-item .m i.pub { background: #E8F1FF; color: #1d4ed8; }
.ops-item .b { display: flex; gap: 8px; flex-wrap: wrap; }
.ops-item .b button, .ops-item .b a { border: 1px solid #cdd8f0; background: #fff; color: #1163f5; border-radius: 10px; padding: 7px 12px; font-size: 13px; cursor: pointer; text-decoration: none; font-family: inherit; }
.ops-item .b button.ok { background: #1163f5; color: #fff; border-color: #1163f5; }
.ops-item .body { white-space: pre-wrap; font-size: 13px; color: #334; line-height: 1.6; margin: 6px 0 8px; max-height: 160px; overflow: auto; background: #f8fafd; border-radius: 10px; padding: 10px; }
.ops-sched { margin-top: 12px; background: #FFF9EA; border: 1.5px solid #E3C77E; border-radius: 12px; padding: 10px 12px; font-size: 13px; color: #5b4a1a; display: flex; gap: 12px; flex-wrap: wrap; }
.ops-sched em { font-style: normal; font-weight: 700; }
@media (max-width: 600px) { .ops-grid { grid-template-columns: 1fr; } }

/* 2026-10-18 CEO: 首页顺序改为 横幅 → 四宫格 → 免费图片库 → 适用行业; 横幅接住 hero 的圆角衔接, 图片库改成普通段落 */
.xhs-first { margin-top: -22px; position: relative; z-index: 2; }
.stock-panel { margin: 18px 0 16px; border-radius: 22px; }
@media (min-width: 900px) { .stock-panel { margin-top: 20px; } }
@media (max-width: 600px) { .xhs-first { margin: -20px 13px 14px; } .stock-panel { margin: 14px -13px 15px; border-radius: 22px; } }

/* 2026-10-18 晚 AI 每日运营设置弹窗 */
.opsm { position: fixed; inset: 0; background: rgba(10,20,40,.55); z-index: 60; display: flex; align-items: flex-start; justify-content: center; padding: 20px 12px; overflow-y: auto; }
.opsm.hidden { display: none; }
.opsm-box { background: #fff; width: 100%; max-width: 680px; border-radius: 22px; box-shadow: 0 20px 60px rgba(20,33,61,.25); margin: auto; }
.opsm-head { display: flex; align-items: center; gap: 12px; padding: 18px 18px 14px; border-bottom: 1px solid #eef1f6; }
.opsm-ico { width: 46px; height: 46px; border-radius: 12px; background: #EEF4FF; display: grid; place-items: center; flex: none; }
.opsm-ico svg { width: 26px; height: 26px; }
.opsm-title { flex: 1; min-width: 0; }
.opsm-title h3 { margin: 0; font-size: 20px; color: #152846; }
.opsm-title p { margin: 2px 0 0; font-size: 12px; color: #6b7a90; }
.opsm-switch { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 13px; color: #152846; flex: none; }
.opsm-switch input { display: none; }
.opsm-switch .trk { width: 44px; height: 24px; border-radius: 999px; background: #cfd6e3; position: relative; transition: .2s; }
.opsm-switch .trk::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: .2s; }
.opsm-switch input:checked + .trk { background: #1163f5; }
.opsm-switch input:checked + .trk::after { left: 23px; }
.opsm-close { border: 0; background: none; font-size: 26px; color: #6b7a90; cursor: pointer; line-height: 1; flex: none; }
.opsm-body { padding: 6px 18px 20px; }
.opsm-step { display: flex; align-items: flex-start; gap: 10px; margin: 18px 0 10px; }
.opsm-step i { font-style: normal; width: 26px; height: 26px; border-radius: 50%; background: #1163f5; color: #fff; font-size: 13px; font-weight: 700; display: grid; place-items: center; flex: none; }
.opsm-step b { font-size: 16px; color: #152846; }
.opsm-step b small { font-weight: 400; color: #6b7a90; font-size: 13px; }
.opsm-step p { margin: 2px 0 0; font-size: 12px; color: #6b7a90; }
.opsm-plats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.opsm-plats .pl { display: flex; align-items: center; gap: 8px; border: 1.5px solid #e3e8f0; border-radius: 12px; padding: 10px 12px; cursor: pointer; font-size: 15px; font-weight: 600; color: #152846; background: #fff; }
.opsm-plats .pl input { display: none; }
.opsm-plats .pl .ck { width: 18px; height: 18px; border-radius: 50%; border: 2px solid #cfd6e3; flex: none; position: relative; }
.opsm-plats .pl .pf { width: 28px; height: 28px; border-radius: 8px; background: var(--c); display: grid; place-items: center; flex: none; }
.opsm-plats .pl .pf svg { width: 18px; height: 18px; }
.opsm-plats .pl.on { border-color: var(--c); background: color-mix(in srgb, var(--c) 7%, #fff); }
.opsm-plats .pl.on .ck { background: #1163f5; border-color: #1163f5; }
.opsm-plats .pl.on .ck::after { content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.opsm-ta { position: relative; }
.opsm-ta textarea { width: 100%; border: 1.5px solid #e3e8f0; border-radius: 14px; padding: 14px 14px 26px; font-size: 15px; line-height: 1.7; font-family: inherit; resize: vertical; }
.opsm-ta .cnt { position: absolute; right: 12px; bottom: 10px; font-size: 12px; color: #9aa8bf; }
.opsm-eg { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 8px; font-size: 13px; color: #6b7a90; }
.opsm-eg .eg { border: 0; background: #f1f4f9; color: #152846; border-radius: 999px; padding: 6px 12px; font-size: 13px; cursor: pointer; font-family: inherit; }
.opsm-radio { display: flex; flex-wrap: wrap; gap: 18px; }
.opsm-radio label { display: flex; align-items: center; gap: 8px; font-size: 15px; color: #152846; cursor: pointer; }
.opsm-radio input { display: none; }
.opsm-radio span { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #cfd6e3; position: relative; }
.opsm-radio input:checked + span { border-color: #1163f5; }
.opsm-radio input:checked + span::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: #1163f5; }
.opsm-times { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.opsm-times .tm { border: 1.5px solid #e3e8f0; border-radius: 14px; padding: 12px; }
.opsm-times .tm-h { display: flex; gap: 10px; align-items: center; margin-bottom: 10px; }
.opsm-times .tm-h b { display: block; font-size: 15px; color: #152846; }
.opsm-times .tm-h small { color: #6b7a90; font-size: 12px; }
.tm-ico { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: none; }
.tm-ico svg { width: 20px; height: 20px; }
.tm-ico.blue { background: #EEF4FF; } .tm-ico.orange { background: #FFF1E6; }
.opsm-tz { display: flex; align-items: center; gap: 10px; margin-top: 10px; font-size: 14px; color: #6b7a90; }
.opsm-tz select { flex: 1; }
.opsm-chk { display: flex; align-items: center; gap: 10px; font-size: 15px; color: #152846; margin: 8px 0; cursor: pointer; }
.opsm-chk input { display: none; }
.opsm-chk span { width: 22px; height: 22px; border-radius: 6px; border: 2px solid #cfd6e3; position: relative; flex: none; }
.opsm-chk input:checked + span { background: #1163f5; border-color: #1163f5; }
.opsm-chk input:checked + span::after { content: ""; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.opsm-chk.dis { color: #9aa8bf; cursor: default; }
.opsm-tip { display: flex; gap: 10px; background: #EEF4FF; border-radius: 14px; padding: 14px; margin: 14px 0; align-items: flex-start; }
.opsm-tip b { display: block; font-size: 14px; color: #152846; }
.opsm-tip small { color: #4b5a70; font-size: 12px; }
.opsm-save { display: block; width: 100%; border: 0; border-radius: 14px; background: #1163f5; color: #fff; font-size: 18px; font-weight: 700; padding: 16px; cursor: pointer; font-family: inherit; }
.opsm-save:disabled { opacity: .6; }
@media (max-width: 600px) { .opsm { padding: 10px 8px; } .opsm-plats { grid-template-columns: 1fr 1fr; } .opsm-times { grid-template-columns: 1fr; } .opsm-title h3 { font-size: 18px; } .opsm-switch b { display: none; } }
/* 铃铛提醒 */
.notice-pop { position: absolute; right: 60px; top: 56px; width: min(360px, 92vw); background: #fff; border-radius: 16px; box-shadow: 0 16px 40px rgba(20,33,61,.22); z-index: 70; overflow: hidden; }
.notice-pop.hidden { display: none; }
.np-h { padding: 12px 14px; font-weight: 700; color: #152846; border-bottom: 1px solid #eef1f6; }
.np-list { max-height: 320px; overflow: auto; }
.np-item { padding: 12px 14px; border-bottom: 1px solid #f3f5f9; font-size: 14px; color: #152846; line-height: 1.5; cursor: pointer; }
.np-item.unread { background: #F5F9FF; }
.np-item small { display: block; color: #9aa8bf; font-size: 11px; margin-top: 4px; }
.np-empty { padding: 20px; text-align: center; color: #9aa8bf; font-size: 13px; }
.opsm-wx { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1.5px solid #e3e8f0; border-radius: 12px; padding: 12px; margin-top: 10px; }
.opsm-wx b { display: block; font-size: 15px; color: #152846; }
.opsm-wx small { color: #6b7a90; font-size: 12px; }
.opsm-wx-help { margin-top: 8px; background: #E6F7EE; border-radius: 12px; padding: 12px; font-size: 13px; color: #1a4d33; }
.opsm-wx-help .lnk { display: flex; gap: 8px; margin-top: 8px; }
.opsm-wx-help input { flex: 1; min-width: 0; border: 1px solid #cfe3d6; border-radius: 8px; padding: 8px; font-size: 12px; }
.opsm-qr { width: 76px; height: 76px; border-radius: 10px; flex: none; background: #f3f5f9; }
.login-sw { text-align: center; margin-top: 10px; }
.login-sw a { color: #1163f5; }

/* 2026-10-23 客户中心: 我的作品 / 我的订单 */
.design-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
.design { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.design img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 12px; background: #eef1f6; display: block; }
.d-meta { display: flex; justify-content: space-between; font-size: 12px; color: #7083a0; }
.d-kind { background: #FFF0F2; color: #d43a3a; border-radius: 6px; padding: 1px 6px; font-weight: 700; }
.d-title { font-size: 14px; font-weight: 700; color: #152846; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.d-acts { display: flex; flex-wrap: wrap; gap: 6px; }
.d-acts a, .d-acts button { font-size: 12px; color: #1163f5; background: #EEF4FF; border: 0; border-radius: 8px; padding: 5px 8px; text-decoration: none; cursor: pointer; font-family: inherit; }
.order-sum { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; text-align: center; }
.order-sum b { display: block; font-size: 26px; color: #d43a3a; }
.order-sum small { font-size: 12px; color: #7083a0; }
.order-list .order { display: flex; justify-content: space-between; gap: 10px; padding: 12px 0; border-top: 1px solid #edf0f5; font-size: 14px; }
.order-list .order:first-child { border-top: 0; }

/* 2026-10-23 GEO 改版: 让 AI 找到我的企业(按朋友给的设计稿) */
.geo-hero { background: linear-gradient(135deg, #eef4ff 0%, #f7faff 60%, #eaf1ff 100%); border-radius: 20px; padding: 22px 18px; margin: 18px 0 4px; }
.geo-hero h1 { font-size: 26px; margin: 0; color: #152846; }
.geo-sub { margin: 6px 0 0; font-size: 16px; font-weight: 700; color: #1d3f7a; }
.geo-desc { margin: 8px 0 0; font-size: 13px; color: #5a6b85; line-height: 1.7; }
.geo-ticks { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 10px; font-size: 13px; color: #1d4ed8; }
.geo-card { padding: 18px 16px; }
.geo-h { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.geo-h i { font-style: normal; width: 28px; height: 28px; border-radius: 50%; background: #2563eb; color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; flex: none; }
.geo-h h2 { margin: 0; font-size: 18px; flex: 1; }
.geo-tag { font-size: 12px; background: #eef1f6; color: #4b5a72; border-radius: 999px; padding: 3px 10px; font-weight: 700; }
.geo-tag.green { background: #e7f7ee; color: #18864b; }
.geo-lbl { display: block; font-size: 13px; color: #5a6b85; margin: 10px 0 4px; }
.geo-field { border: 1px solid #e3e8f0; border-radius: 12px; padding: 12px 14px; font-size: 15px; color: #152846; background: #fafbfd; }
.geo-regen { border: 0; background: #eef4ff; color: #1d4ed8; border-radius: 10px; padding: 7px 12px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: inherit; }
.geo-qlist { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.geo-q { display: flex; align-items: center; gap: 8px; }
.geo-q b { width: 26px; height: 26px; border-radius: 50%; background: #fdecec; color: #d43a3a; font-size: 13px; display: flex; align-items: center; justify-content: center; flex: none; }
.geo-q input { flex: 1; min-width: 0; border: 1px solid #e3e8f0; border-radius: 12px; padding: 11px 12px; font-size: 15px; font-family: inherit; background: #fff; }
.geo-x { border: 0; background: none; color: #9aa6b8; font-size: 20px; cursor: pointer; padding: 0 4px; }
.geo-qfoot { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.geo-add { border: 0; background: #eef4ff; color: #1d4ed8; border-radius: 10px; padding: 8px 12px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: inherit; }
.geo-more { border: 0; background: none; color: #5a6b85; font-size: 13px; cursor: pointer; font-family: inherit; }
.geo-plats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 10px; }
@media (min-width: 640px) { .geo-plats { grid-template-columns: repeat(3, 1fr); } }
.geo-plat { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; border: 1.5px solid #e3e8f0; border-radius: 14px; background: #fff; padding: 12px; cursor: pointer; font-family: inherit; text-align: left; }
.geo-plat.on { border-color: #2563eb; background: #f3f7ff; }
.geo-plat.on::after { content: "✓"; position: absolute; right: 10px; top: 8px; width: 20px; height: 20px; border-radius: 6px; background: #2563eb; color: #fff; font-size: 13px; display: flex; align-items: center; justify-content: center; }
.geo-plat.soon { opacity: .55; cursor: not-allowed; }
.geo-plat b { font-size: 15px; color: #152846; }
.geo-plat small { font-size: 12px; color: #7083a0; }
.pl-ic { font-style: normal; width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-weight: 800; color: #fff; background: #94a3b8; }
.pl-chatgpt { background: #10a37f; }
.pl-deepseek { background: #4d6bfe; }
.pl-hunyuan { background: #0052d9; }
.pl-doubao { background: #ff6a3d; }
.pl-qwen { background: #615ced; }
.pl-kimi { background: #111827; }
.geo-go { display: block; width: 100%; box-sizing: border-box; border: 0; border-radius: 14px; background: #2563eb; color: #fff; font-size: 17px; font-weight: 800; padding: 15px; margin-top: 14px; cursor: pointer; font-family: inherit; text-align: center; text-decoration: none; }
.geo-go:disabled { opacity: .6; }
.geo-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; margin-top: 10px; font-size: 12px; color: #7083a0; }
.geo-prog { margin-top: 14px; }
.geo-bar { height: 8px; border-radius: 999px; background: #e8eef9; overflow: hidden; }
.geo-bar i { display: block; height: 100%; width: 0; background: #2563eb; transition: width .4s; }
.geo-pst { font-size: 13px; color: #1d4ed8; margin-top: 8px; }
.geo-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.geo-chip { font-size: 12px; background: #eef4ff; color: #1d4ed8; border-radius: 999px; padding: 3px 10px; }
.geo-eye { font-size: 20px; }
.geo-card .geo-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px; }
.geo-card .geo-kpi { background: #fafbfd; border: 1px solid #eef1f6; border-radius: 14px; padding: 10px; display: flex; flex-direction: column; gap: 2px; }
.geo-card .geo-kpi small { font-size: 12px; color: #5a6b85; }
.geo-card .geo-kpi b { font-size: 22px; color: #152846; }
.geo-card .geo-kpi span { font-size: 11px; color: #7083a0; }
.geo-card .geo-kpi em { display: block; height: 5px; border-radius: 999px; background: #eef1f6; overflow: hidden; margin-top: 4px; }
.geo-card .geo-kpi em i { display: block; height: 100%; background: #d43a3a; }
.geo-card .geo-kpi em.g i { background: #22a35a; }
.geo-h3 { font-size: 15px; margin: 16px 0 8px; color: #152846; }
.geo-prows { display: flex; flex-direction: column; }
.geo-prow { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 10px 0; border-top: 1px solid #eef1f6; font-size: 14px; }
.geo-prow:first-child { border-top: 0; }
.geo-prow .yes { color: #18864b; font-weight: 700; }
.geo-prow .no { color: #d43a3a; font-weight: 700; }
.geo-prow small { grid-column: 1 / -1; color: #7083a0; font-size: 12px; }
.geo-detail { margin-top: 14px; font-size: 14px; }
.geo-detail summary { cursor: pointer; color: #1d4ed8; }
.geo-ans { white-space: pre-wrap; font-size: 12px; background: #f6f7fb; border-radius: 10px; padding: 10px; max-height: 260px; overflow: auto; }
.geo-honest { margin-top: 14px; font-size: 12px; color: #8a8f9c; line-height: 1.7; }