/* 说个站 · 应用样式：浅色精致 App + 深色落地页首屏 */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#171a1f; --ink2:#3d4450; --mut:#8b93a3; --line:#e6e9ef; --bg:#f7f8fb; --card:#fff;
  --brand:#2b5cff; --brand-d:#1f45d6; --gold:#b8860b; --gold-bg:#fff6df; --gold-line:#f0d78c;
  --red:#d64545; --green:#1c9e6d; --amber:#c77800; --shadow:0 1px 2px rgba(23,26,31,.05),0 8px 24px rgba(23,26,31,.06);
}
html{-webkit-text-size-adjust:100%}
body{font:15px/1.65 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--brand);text-decoration:none}
input,textarea,button{font:inherit;color:inherit}

/* ---------- 外壳 ---------- */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:0 20px;height:56px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{font-weight:700;font-size:17px;color:var(--ink);letter-spacing:.5px}
.brand-ico{width:21px;height:21px;border-radius:6px;margin-right:7px;vertical-align:-4.5px}
.brand .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand);margin:0 4px 3px 6px}
.nav-r{display:flex;align-items:center;gap:16px}
.nav-r a{color:var(--ink2);font-size:14px}
.nav-r a.quiet{color:var(--mut)}
.nav-r a:hover{color:var(--brand)}
.foot{padding:28px 20px;text-align:center;color:var(--mut);font-size:13px}
main{min-height:calc(100vh - 56px - 76px)}
/* 聊天页锁成一屏：不出现整页滚动，标题条/预览栏永远在位 */
body:has(.chatwrap) main{min-height:0}
body:has(.chatwrap) .foot{display:none}

/* ---------- 按钮 ---------- */
.btn{display:inline-block;border:0;cursor:pointer;background:var(--ink);color:#fff;border-radius:10px;
  padding:11px 22px;font-weight:600;font-size:15px;transition:.15s;line-height:1.4;text-align:center}
.btn:hover{background:#000;transform:translateY(-1px);box-shadow:var(--shadow)}
.btn.sm{padding:6px 14px;font-size:13px;border-radius:8px}
.btn.wide{width:100%}
.btn.gold{background:var(--gold-bg);color:#7a5a00;border:1px solid var(--gold-line)}
.btn.gold:hover{background:#ffefc2;color:#5c4400}
.btn.danger{background:#fdf0f0;color:var(--red);border:1px solid #f3caca}
.btn.danger:hover{background:#fbe3e3}
.btn.ghost{background:transparent;color:var(--ink2);border:1px solid var(--line)}
.btn.ghost:hover{background:#fff;color:var(--ink)}
.ghost{background:transparent;border:1px solid var(--line);color:var(--ink2);border-radius:8px;padding:4px 12px;font-size:13px;cursor:pointer}
.ghost:hover{border-color:var(--brand);color:var(--brand)}

/* ---------- 建站页 /build：加载屏 + 白底居中入口（大输入卡 + 两张入口卡 + 四张样例） ---------- */
/* 加载屏：渐变圆球旋入+白星闪现，大字随后浮现，约 2 秒淡出进主界面（只在 /build） */
.splash{position:fixed;inset:0;background:#fff;z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;animation:splash-out .55s ease 1.7s forwards;pointer-events:none}
.sp-orb{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4d5dff 0%,#a34bff 45%,#ff5b8f 80%,#ffc24d 100%);box-shadow:0 16px 46px rgba(90,70,220,.35);animation:orb-in 1.1s cubic-bezier(.34,1.4,.44,1) both}
.sp-orb svg{animation:orb-star 1.5s ease .35s both}
.splash h2{font-size:clamp(26px,4.6vw,40px);font-weight:800;letter-spacing:1.5px;color:#15171c;margin:0;animation:txt-in .6s ease .8s both}
.splash h2 em{font-style:normal;background:linear-gradient(90deg,#4d5dff,#a34bff);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes orb-in{0%{transform:rotate(-200deg) scale(.25);opacity:0}70%{opacity:1}100%{transform:rotate(0deg) scale(1);opacity:1}}
@keyframes orb-star{0%{transform:scale(0) rotate(-90deg);opacity:0}55%{transform:scale(1.18) rotate(10deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}
@keyframes txt-in{0%{transform:translateY(14px);opacity:0}100%{transform:translateY(0);opacity:1}}
@keyframes splash-out{to{opacity:0;visibility:hidden}}
.lstart{position:relative;overflow:hidden;background:#fff;padding:58px 20px 26px;text-align:center}
.lstart>*{position:relative;z-index:1}
.lglow{position:absolute;border-radius:50%;filter:blur(64px);pointer-events:none;z-index:0}
.lglow.g1{width:560px;height:560px;left:-150px;top:-180px;background:radial-gradient(circle,rgba(77,93,255,.13),transparent 70%)}
.lglow.g2{width:480px;height:480px;right:-130px;bottom:-140px;background:radial-gradient(circle,rgba(255,91,143,.12),transparent 70%)}
.l-mark{width:64px;height:64px;margin:0 auto 22px}
.l-mark img{display:block;border-radius:17px}
.lstart h1{font-size:clamp(30px,5vw,42px);font-weight:800;letter-spacing:1px;margin:0 0 12px;color:#15171c}
.lstart h1 em{font-style:normal;background:linear-gradient(90deg,#4d5dff,#a34bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lsub{color:#6b7280;font-size:16px;margin:0 0 34px}
.lcard{position:relative;max-width:760px;margin:0 auto;border-radius:22px;background:#fff;text-align:left;padding:16px 22px 12px;box-shadow:0 14px 40px rgba(30,30,80,.10);display:flex;flex-direction:column;min-height:112px}
/* 输入框光环：进场一道彗星绕一圈 → 平时渐变流动呼吸 → 聚焦全亮 */
.lring{position:absolute;inset:0;border-radius:22px;padding:1.5px;overflow:hidden;pointer-events:none;
 -webkit-mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0);
 mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0)}
.lring-marq{z-index:2;animation:marquee-fadeout .5s ease 4.5s 1 forwards}
.lring-marq::before{content:"";position:absolute;top:50%;left:50%;width:1600px;height:1600px;margin:-800px 0 0 -800px;
 background:conic-gradient(transparent 0deg,transparent 220deg,rgba(77,93,255,.5) 290deg,rgba(163,75,255,.8) 330deg,#ff5b8f 345deg,#ffd76a 360deg);
 animation:marquee-spin 5s linear 1 forwards}
@keyframes marquee-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes marquee-fadeout{100%{opacity:0}}
.lring-brea{z-index:1;opacity:.45;animation:grad-shift 4s linear infinite,brea-op 4s ease-in-out infinite alternate,marquee-fadein .8s ease 4.5s 1 backwards;
 background:linear-gradient(90deg,#4d5dff,#a34bff,#ff5b8f,#ffd76a,#ff5b8f,#a34bff,#4d5dff) 0 0/200% 100%}
@keyframes grad-shift{0%{background-position:0 50%}100%{background-position:200% 50%}}
@keyframes brea-op{0%{opacity:.28}100%{opacity:.8}}
@keyframes marquee-fadein{0%{opacity:0}100%{opacity:.45}}
.lcard:focus-within .lring-brea{animation:grad-shift 4s linear infinite;opacity:1}
.lcard:focus-within .lring-marq{opacity:0;animation:none}
.lcard textarea{width:100%;border:0;outline:none;resize:none;font-size:16px;line-height:1.6;color:#15171c;background:transparent;min-height:44px;max-height:170px;overflow-y:auto;font-family:inherit}
.lcard textarea::placeholder{color:#9aa1ad}
.lrow{display:flex;align-items:center;margin-top:auto;padding-top:8px}
.lplus{width:38px;height:38px;border-radius:50%;border:1px solid #e3e6ec;background:#fff;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lplus:hover{border-color:#b9c0ff;color:#4d5dff}
.lsend{margin-left:auto;width:40px;height:40px;border-radius:50%;border:0;background:#dfe3ea;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}
.lsend.ready{background:linear-gradient(120deg,#5b6cff,#9a4dff)}
/* 建店卡：上传图缩略条 */
.limgs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.lim{position:relative;width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid #e8ebf1;background:#f6f7fa;flex:none}
.lim img{width:100%;height:100%;object-fit:cover;display:block}
.lim button{position:absolute;top:3px;right:3px;width:18px;height:18px;border:0;border-radius:50%;background:rgba(21,23,28,.6);color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lim-add{display:flex;align-items:center;justify-content:center;font-size:21px;color:#9aa1ad;cursor:pointer;border-style:dashed;background:#fbfcfe}
.lim-add:hover{color:#4d5dff;border-color:#b9c0ff}
/* 建店卡：导入现有网站 */
.lref{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed #e6e9f0}
.lref input{flex:1;min-width:0;border:1px solid #e3e6ec;border-radius:12px;padding:9px 13px;font-size:14px;outline:none;color:#15171c;background:#fbfcfe;font-family:inherit}
.lref input:focus{border-color:#b9c0ff;background:#fff}
.lrefgo{flex:none;border:0;border-radius:12px;padding:0 17px;font-size:13.5px;background:linear-gradient(120deg,#5b6cff,#9a4dff);color:#fff;cursor:pointer;font-family:inherit}
.lrefgo:disabled{opacity:.55;cursor:default}
.lrefed{display:flex;align-items:center;gap:7px;margin-top:12px;padding:8px 8px 8px 11px;border-radius:12px;background:#f3f5ff;border:1px solid #e0e5ff;font-size:12.5px;color:#6b7288;min-width:0}
.lrefok{flex:none;width:18px;height:18px;border-radius:50%;background:#4d5dff;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}
.lrefed b{font-weight:600;color:#2f3550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}
.lrefed i{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lrefx{margin-left:auto;flex:none;width:20px;height:20px;border:0;border-radius:50%;background:#fff;color:#8a90a6;cursor:pointer;font-size:13px;line-height:1}
.lrefx:hover{color:#ff5b8f}
/* 这几条都是 display:flex，会盖掉 [hidden] 的 UA display:none，得点名压回去 */
.limgs[hidden],.lref[hidden],.lrefed[hidden],.cthumbs[hidden]{display:none}
@media (max-width:620px){
 .lcard{padding:16px 15px 12px}
 .limgs{gap:7px}
 .lim{width:56px;height:56px;border-radius:10px}
 .lrefed{font-size:12px}
 .lrefed b{max-width:132px}
}
.lfeats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:760px;margin:20px auto 0}
.lfeat{border:0;border-radius:18px;padding:18px 20px;text-align:left;cursor:pointer;font:inherit}
.lfeat b{display:flex;align-items:center;gap:9px;font-size:15.5px;color:#15171c;margin-bottom:6px}
.lfeat p{margin:0;font-size:13.5px;color:#6b7280}
.lfeat .fi{width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:none;font-size:12px}
.f-blue{background:linear-gradient(120deg,#eef1ff,#f7f0ff)}
.f-blue .fi{background:linear-gradient(120deg,#4d6bff,#7a4dff)}
.f-red{background:linear-gradient(120deg,#fff1ef,#fff6ef)}
.f-red .fi{background:linear-gradient(120deg,#ff5f4d,#ff944d)}
.lfeat:hover{filter:brightness(.98)}
.lshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;max-width:900px;margin:34px auto 0}
.lshot{border:0;background:none;padding:0;cursor:pointer;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(20,25,60,.13);transition:.18s;font:inherit}
.lshot:hover{transform:translateY(-3px)}
.lshot img{width:100%;height:150px;object-fit:cover;object-position:top;display:block;transition:transform .25s}
.lshot:hover img{transform:scale(1.04)}

/* ---------- 官网首页 v2（公告条 + 大导航 + 首屏人群轮播 + 拼贴 + 入口条 + CTA） ---------- */
body:has(.pnav) .nav{display:none}
.promo{position:relative;background:linear-gradient(90deg,#4d5dff,#a34bff 55%,#ff5b8f);color:#fff;font-size:13.5px;text-align:center;padding:9px 46px;letter-spacing:.3px}
.promo a{color:#fff;font-weight:700}
.promo button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;opacity:.75;cursor:pointer;font-size:13px}
.promo button:hover{opacity:1}
.pnav{position:sticky;top:0;z-index:50;display:flex;align-items:center;height:64px;padding:0 clamp(16px,4vw,42px);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #eef0f4}
.plogo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;color:#15171c;text-decoration:none;letter-spacing:.5px}
.plogo img{width:27px;height:27px;border-radius:8px}
.pmenu{display:flex;gap:2px;margin-left:18px}
.pmi{position:relative}
.pmi>button,.pmi-a{background:none;border:0;font-family:inherit;font-size:14.5px;font-weight:600;color:#3c4250;padding:10px 14px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:6px;text-decoration:none}
.pmi>button:hover,.pmi-a:hover{color:#4d5dff;background:#f4f6ff}
.car{width:0;height:0;border:4px solid transparent;border-top-color:currentColor;margin-top:5px;transition:.18s}
.pmi:hover .car,.pmi.open .car{transform:rotate(180deg);margin-top:-1px}
.pdrop{position:absolute;top:calc(100% + 4px);left:4px;min-width:252px;background:#fff;border:1px solid #eef0f4;border-radius:16px;box-shadow:0 20px 54px rgba(30,30,80,.16);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}
.pmi:hover .pdrop:not(.mega){opacity:1;visibility:visible;transform:none}
.pmi.open .pdrop:not(.mega){opacity:1;visibility:visible;transform:none}
.pdrop a{display:flex;flex-direction:column;padding:9px 12px;border-radius:11px;text-decoration:none}
.pdrop a:hover{background:#f5f6ff}
.pdrop a b{font-size:13.5px;color:#15171c;font-weight:700}
.pdrop a small{font-size:12px;color:#8b93a3;margin-top:3px}
.pnav-r{margin-left:auto;display:flex;align-items:center;gap:16px}
.pnav-r .quiet{font-size:14.5px;font-weight:600;color:#3c4250;text-decoration:none}
.pnav-r .quiet:hover{color:#15171c}
.pnav-r .btn.sm{padding:8px 18px;font-size:14px;border-radius:10px;border:0;color:#fff;background:linear-gradient(120deg,#5b6cff,#a34bff);box-shadow:0 6px 16px rgba(110,80,230,.28)}
.pnav-r .btn.sm:hover{background:#15171c;transform:translateY(-1px)}
/* 分栏大下拉：三列链接 + 右侧推荐卡（照 shoplazza.cn 产品与功能） */
.pdrop.mega{top:calc(100% + 6px);left:-14px;transform:translateY(8px);display:flex;gap:6px;padding:18px;min-width:0;width:max-content;max-width:min(900px,92vw)}
.pmi:hover .pdrop.mega,.pmi.open .pdrop.mega{opacity:1;visibility:visible;transform:none}
.pd-col{width:172px;flex:1 1 150px;min-width:0;padding:0 6px}
.pd-cap{display:block;font-size:12px;color:#9aa1ad;font-weight:600;padding:4px 12px 10px}
@media(max-width:1120px){.pdrop.mega{max-width:calc(100vw - 32px)}.pd-promo{display:none}}
.pd-col a{padding:8px 12px}
.pd-col a b{display:flex;align-items:center;gap:6px}
.bdg{font-style:normal;font-size:10px;font-weight:700;color:#fff;border-radius:99px;padding:1.5px 6px;line-height:1.5}
.bdg.hot{background:#ff4d4f}
.bdg.new{background:#7a4dff}
.pd-promo{width:240px;flex:none;border-left:1px solid #f0f1f6;padding:2px 0 2px 18px}
.pd-promo>b{display:block;font-size:14px;color:#15171c;margin-bottom:10px}
.pdp-thumb{height:96px;border-radius:14px;background:linear-gradient(120deg,#eef1ff,#f7f0ff);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pdp-thumb img{width:44px;height:44px;border-radius:12px;box-shadow:0 6px 16px rgba(90,70,220,.28)}
.pd-promo p{font-size:12.5px;line-height:1.65;color:#6b7382;margin:10px 0 2px}
.pdp-thumb.shot{background:#f6f7fb}
.pdp-thumb.shot img{width:100%;height:96px;border-radius:0;box-shadow:none;object-fit:cover;object-position:top}
.pd-promo p{margin:10px 0 0;font-size:12px;color:#6b7280;line-height:1.65}
.pdp-quick{margin-top:12px;background:linear-gradient(140deg,#fff6f2,#fdf1f6);border-radius:12px;padding:10px 14px}
.pdp-quick span{display:block;font-size:12.5px;font-weight:700;color:#15171c;margin-bottom:2px}
.pdp-quick a{display:block;font-size:12.5px;color:#4d5dff;text-decoration:none;padding:5px 0;border-top:1px dashed #f0e2dc}
.pdp-quick a:hover{color:#a34bff}
/* 右侧悬浮快捷栏 */
.prail{position:fixed;right:16px;top:44%;z-index:45;display:flex;flex-direction:column;gap:8px}
.prail .rl{display:flex;flex-direction:column;align-items:center;gap:4px;width:56px;padding:9px 0 8px;background:#fff;border:1px solid #edeff5;border-radius:12px;font-size:11px;font-weight:600;color:#3c4250;text-decoration:none;box-shadow:0 8px 24px rgba(30,30,80,.08);transition:.15s}
.prail .rl i{width:28px;height:28px;border-radius:50%;background:#f2f4fb;display:flex;align-items:center;justify-content:center;color:#5b6cff;transition:.15s}
.prail .rl:hover,.prail .rl.on{color:#fff;border-color:transparent;background:linear-gradient(120deg,#5b6cff,#9a4dff);box-shadow:0 10px 26px rgba(110,80,230,.35)}
.prail .rl:hover i,.prail .rl.on i{background:rgba(255,255,255,.2);color:#fff}
html{scroll-behavior:smooth}
#demo,#scenes,#features,#shots,#price{scroll-margin-top:78px}
@media(max-width:1180px){.prail{display:none}}
.hero{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;padding:clamp(36px,5.6vw,74px) clamp(18px,4vw,42px) 26px}
.hkick{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2.5px;color:#6b7280;margin-bottom:14px}
.hero h1{font-size:clamp(34px,4.7vw,54px);line-height:1.24;font-weight:800;color:#15171c;margin:0;letter-spacing:1px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#4d5dff,#a34bff 55%,#ff5b8f);-webkit-background-clip:text;background-clip:text;color:transparent}
.htabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 0}
.htab{border:1px solid #e3e6ec;background:#fff;border-radius:99px;padding:6px 14px;font-size:13px;color:#555c69;cursor:pointer;font-family:inherit;transition:.15s}
.htab:hover{border-color:#b9c0ff;color:#4d5dff}
.htab.on{background:#15171c;border-color:#15171c;color:#fff}
.hquote{min-height:58px;font-size:16.5px;line-height:1.75;color:#4b5261;margin:16px 0 0;opacity:0;transform:translateY(6px)}
.hquote.in{animation:q-in .45s ease forwards}
@keyframes q-in{to{opacity:1;transform:none}}
.hcta{display:flex;align-items:center;gap:18px;margin-top:14px}
.hbtn{background:#15171c;color:#fff;border:0;border-radius:13px;padding:14px 30px;font-size:15.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:.18s;box-shadow:0 10px 26px rgba(20,25,60,.22)}
.hbtn:hover{transform:translateY(-2px);background:#000;box-shadow:0 16px 34px rgba(20,25,60,.28)}
.hnote{font-size:13px;color:#98a0af}
.hero-r{display:flex;justify-content:flex-end}
.hv{position:relative;width:100%;max-width:520px;aspect-ratio:1/.94}
.hv-chip{position:absolute;left:1%;top:3%;width:56px;height:56px;border-radius:16px;background:#fff;box-shadow:0 10px 26px rgba(30,30,80,.16);display:flex;align-items:center;justify-content:center;z-index:3;animation:float-a 6s ease-in-out infinite alternate}
.hv-chip img{width:34px;height:34px;border-radius:10px}
.hv-site{position:absolute;left:10%;top:11%;width:72%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 26px 60px rgba(30,30,80,.20);z-index:1;animation:float-b 7s ease-in-out infinite alternate}
.hv-site img{display:block;width:100%;height:252px;object-fit:cover;object-position:top}
.hv-bar{height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #f0f1f5}
.hv-bar i{width:9px;height:9px;border-radius:50%}
.hv-bar .d1{background:#ff5f57}.hv-bar .d2{background:#febc2e}.hv-bar .d3{background:#28c840}
.hv-bar span{margin-left:8px;font-size:11px;color:#9aa1ad;background:#f5f6f9;border-radius:6px;padding:2px 10px}
.hv-chat{position:absolute;left:0;bottom:3%;width:57%;background:#fff;border-radius:16px;box-shadow:0 20px 46px rgba(30,30,80,.18);padding:13px 14px;z-index:2;animation:float-a 6.5s ease-in-out .8s infinite alternate}
.cb-u{background:linear-gradient(120deg,#5b6cff,#a34bff);color:#fff;font-size:12px;line-height:1.6;border-radius:12px 12px 3px 12px;padding:8px 11px;margin-left:34px}
.cb-a{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:12px;color:#6b7280}
.cb-a img{width:18px;height:18px;border-radius:5px}
.cb-a em{display:inline-flex;gap:3px;font-style:normal}
.cb-a em i{width:4px;height:4px;border-radius:50%;background:#a34bff;animation:dot-blink 1.2s infinite}
.cb-a em i:nth-child(2){animation-delay:.2s}
.cb-a em i:nth-child(3){animation-delay:.4s}
@keyframes dot-blink{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes float-a{to{transform:translateY(-9px)}}
@keyframes float-b{to{transform:translateY(8px)}}
@keyframes float-c{0%{transform:rotate(2.5deg) translateY(0)}100%{transform:rotate(2.5deg) translateY(-8px)}}
.strip{max-width:1220px;margin:6px auto 0;padding:0 clamp(18px,4vw,42px) 8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.st-card{position:relative;border:1px solid #eef0f6;border-radius:16px;padding:17px 40px 17px 18px;text-align:left;cursor:pointer;font-family:inherit;background:linear-gradient(125deg,#f2f4ff,#fdf2f8 70%,#fff7ec);transition:.18s}
.st-card b{display:block;font-size:14.5px;color:#15171c}
.st-card p{margin:5px 0 0;font-size:12.5px;color:#6b7280}
.st-card i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;color:#a34bff;font-weight:700;transition:.18s}
.st-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(60,50,140,.12);border-color:#dfe3ff}
.st-card:hover i{transform:translate(3px,-50%)}
.cta{max-width:1220px;margin:6px auto 64px;padding:0 clamp(18px,4vw,42px)}
.cta-in{border-radius:26px;background:linear-gradient(120deg,#4d5dff,#a34bff 55%,#ff5b8f);color:#fff;padding:clamp(30px,4.6vw,52px) clamp(24px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;box-shadow:0 26px 64px rgba(110,80,230,.34)}
.cta-in h3{margin:0;font-size:clamp(21px,2.8vw,30px);letter-spacing:.5px}
.cta-in p{margin:9px 0 0;font-size:14.5px;opacity:.88}
.cta-btn{background:#fff;color:#4636b8;font-weight:800;font-size:15.5px;border-radius:13px;padding:14px 32px;text-decoration:none;transition:.18s;box-shadow:0 10px 24px rgba(20,20,60,.18)}
.cta-btn:hover{transform:translateY(-2px)}
/* ---------- 官网下半屏：演示区 / 场景区 / 功能区 / 示例墙 / 数据带 / 定价 / 大页脚 ---------- */
.sec{max-width:1220px;margin:0 auto;padding:clamp(46px,6vw,84px) clamp(18px,4vw,42px) 0}
.sec-h{text-align:center;margin-bottom:38px}
.sec-k{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:2.5px;color:#a34bff;background:#f7f0ff;border-radius:99px;padding:5px 14px;margin-bottom:14px}
.sec-h h2{font-size:clamp(24px,3.4vw,36px);font-weight:800;color:#15171c;margin:0;letter-spacing:.5px}
.sec-h h2 em{font-style:normal;background:linear-gradient(90deg,#4d5dff,#a34bff 55%,#ff5b8f);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-h p{font-size:15px;color:#6b7280;margin:10px 0 0}
.rv{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.rv.on{opacity:1;transform:none}
.demo-in{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;align-items:center}
.dsteps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.dsteps li{border:1px solid #eef0f6;border-radius:16px;padding:15px 18px;background:#fff;transition:.35s;opacity:.45}
.dsteps li.on{opacity:1;border-color:#dcd9ff;box-shadow:0 14px 34px rgba(90,70,220,.12);transform:translateX(6px)}
.dsteps b{display:block;font-size:13px;color:#4d5dff;margin-bottom:4px;letter-spacing:1px}
.dsteps p{margin:0;font-size:14.5px;color:#3c4250;line-height:1.7}
.dbrowser{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 26px 60px rgba(30,30,80,.16)}
.dbrowser img{display:block;width:100%;height:330px;object-fit:cover;object-position:top}
.demo-cta{text-align:center;margin:30px 0 0}
a.hbtn{display:inline-block;text-decoration:none}
.igrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.icard{position:relative;text-align:left;border:1px solid #eef0f6;background:#fff;border-radius:16px;padding:20px 40px 20px 20px;cursor:pointer;font-family:inherit;transition:.18s}
.icard b{display:block;font-size:15.5px;color:#15171c}
.icard p{margin:5px 0 0;font-size:12.5px;color:#8b93a3}
.icard i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;color:#c3c9d6;font-weight:700;transition:.18s}
.icard:hover{border-color:#dcd9ff;transform:translateY(-3px);box-shadow:0 16px 34px rgba(60,50,140,.10)}
.icard:hover i{color:#a34bff;transform:translate(3px,-50%)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.fcard{background:linear-gradient(150deg,#f6f7ff,#fdf4fa);border:1px solid #eef0f6;border-radius:18px;padding:22px}
.fcard .fi{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(120deg,#4d6bff,#a34bff);margin-bottom:12px}
.fcard b{display:block;font-size:15.5px;color:#15171c;margin-bottom:6px}
.fcard p{margin:0;font-size:13.5px;color:#6b7280;line-height:1.7}
.lshots.big{margin:0 auto;max-width:1180px}
.lshots.big .lshot img{height:220px}
.statband{max-width:1220px;margin:clamp(46px,6vw,84px) auto 0;padding:36px clamp(18px,4vw,42px);background:#14161c;display:flex;justify-content:space-around;flex-wrap:wrap;gap:18px}
.stat{text-align:center;min-width:150px}
.stat b{display:block;font-size:clamp(26px,3.4vw,38px);font-weight:800;background:linear-gradient(90deg,#8d9aff,#c78bff 55%,#ff8fb0);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat p{margin:6px 0 0;font-size:13.5px;color:#9aa1ad}
.pk{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:820px;margin:0 auto}
.pkcard{position:relative;background:#fff;border:1px solid #e7e9f2;border-radius:20px;padding:26px 26px 24px;text-align:center}
.pkcard.hot{border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#4d5dff,#a34bff 55%,#ff5b8f) border-box;box-shadow:0 22px 50px rgba(110,80,230,.18)}
.pk-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(120deg,#5b6cff,#a34bff);color:#fff;font-size:11.5px;font-weight:700;border-radius:99px;padding:4px 14px;letter-spacing:1px}
.pkcard>b{font-size:15.5px;color:#3c4250}
.pk-num{font-size:38px;font-weight:800;color:#15171c;margin:8px 0 4px}
.pk-num small{font-size:12.5px;color:#98a0af;font-weight:500}
.pkcard ul{list-style:none;margin:14px 0 20px;padding:0;text-align:left}
.pkcard li{font-size:13.8px;color:#4b5261;padding:7px 0 7px 24px;position:relative;border-top:1px dashed #eef0f6}
.pkcard li::before{content:"";position:absolute;left:4px;top:13px;width:9px;height:9px;border-radius:50%;background:linear-gradient(120deg,#4d5dff,#a34bff)}
.pk-btn{display:block;background:linear-gradient(120deg,#5b6cff,#a34bff);color:#fff;font-weight:700;font-size:15px;border-radius:12px;padding:12px;text-decoration:none;transition:.18s}
.pk-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(110,80,230,.3)}
.pk-btn.ghost{background:#fff;border:1.5px solid #dfe3ea;color:#3c4250}
.pk-btn.ghost:hover{border-color:#a34bff;color:#a34bff;box-shadow:none}
.cta{margin-top:clamp(46px,6vw,84px)}
.pfoot{background:#14161c;color:#9aa1ad;margin-top:clamp(50px,7vw,90px)}
body:has(.pfoot) .foot{display:none}
.pf-top{max-width:1220px;margin:0 auto;padding:clamp(36px,5vw,56px) clamp(18px,4vw,42px) 30px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}
.pf-brand .plogo{color:#fff}
.pf-brand p{margin:14px 0 0;font-size:13px;line-height:1.8;color:#7d8494}
.pf-col b{display:block;color:#fff;font-size:13.5px;margin-bottom:14px;letter-spacing:1px}
.pf-col a{display:block;color:#9aa1ad;text-decoration:none;font-size:13px;padding:5px 0}
.pf-col a:hover{color:#fff}
.pf-bot{border-top:1px solid #23262e;text-align:center;font-size:12.5px;color:#6b7280;padding:18px 20px}
@media (max-width:960px){
 .hero{grid-template-columns:1fr;gap:10px}
 .hero-r{justify-content:center}
 .hv{max-width:440px}
 .hv-site img{height:200px}
 .pmenu{display:none}
 .hquote{min-height:0}
 .demo-in{grid-template-columns:1fr}
 .dbrowser img{height:240px}
 .pf-top{grid-template-columns:1fr 1fr}
 .pf-brand{grid-column:1/-1}
}
.ltoast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(8px);background:#15171c;color:#fff;font-size:13.5px;border-radius:99px;padding:10px 20px;opacity:0;pointer-events:none;transition:.25s;z-index:60}
.ltoast.on{opacity:.95;transform:translateX(-50%)}

/* ---------- 通用容器 ---------- */
.wrap{max-width:1060px;margin:0 auto;padding:30px 20px 40px}
.wrap.narrow{max-width:560px}
.sec{font-size:17px;margin:30px 0 14px}
.muted{color:var(--mut);font-size:13px;font-weight:400}
.flash{background:#fdf0f0;color:var(--red);border:1px solid #f3caca;border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:14px}
.empty{background:var(--card);border:1px dashed var(--line);border-radius:14px;padding:34px;text-align:center;color:var(--mut)}

/* ---------- 客户登录 ---------- */
.ulogin{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:#f6f7fb}
.ulogin::before,.ulogin::after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;filter:blur(70px);opacity:.22;pointer-events:none}
.ulogin::before{background:#5b6cff;top:-160px;left:-120px}
.ulogin::after{background:#9a4dff;bottom:-190px;right:-130px}
.ucard{position:relative;width:100%;max-width:392px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 60px rgba(30,34,70,.12);padding:30px 30px 26px}
.uc-brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;margin-bottom:4px}
.uc-brand img{width:34px;height:34px;border-radius:10px}
.ucard>p{margin:0 0 22px;font-size:12.5px;color:var(--mut)}
.ucard label.in{display:block;margin:14px 0 0}
.ucard label.in>b{display:block;font-size:12.5px;color:var(--ink2);margin-bottom:6px;font-weight:600}
.ucard .form-in{width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 13px;font:inherit;font-size:14px;color:var(--ink);background:#fbfcfe;outline:none;transition:.15s}
.ucard .form-in:focus{border-color:#b9c0ff;background:#fff;box-shadow:0 0 0 3px rgba(91,108,255,.1)}
.ucard .coderow{display:flex;gap:10px;align-items:stretch}
.ucard .coderow input{flex:1;min-width:0}
.ucard .coderow .btn{margin:0;padding:0 15px;font-size:13px;height:auto;white-space:nowrap;flex:0 0 auto}
.ucard .btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink2);border-radius:11px;font-weight:500}
.ucard .btn.ghost:hover:not(:disabled){color:#4d5dff;border-color:#c9d0e4}
.ucard .btn.go{display:block;width:100%;margin-top:22px;height:44px;font-size:14.5px;border-radius:13px;border:0;color:#fff;background:linear-gradient(120deg,#5b6cff,#9a4dff)}
.ucard .btn.go:hover{filter:brightness(1.05)}
.ucard .btn:disabled{opacity:.55;cursor:default}
.uc-warn{margin-top:18px;padding:11px 13px;border-radius:12px;background:#f7f8fc;font-size:12px;color:var(--mut);line-height:1.7}
.uc-foot{margin-top:16px;text-align:center;font-size:12px;color:#a3a8ba}
.uc-foot a{color:#4d5dff;text-decoration:none}
p.quiet{color:var(--mut);font-size:13.5px;margin-top:16px;text-align:center}

/* ---------- 我的站 ---------- */
.idea.big{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:flex-end}
.idea.big textarea{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:#fbfcfe;outline:none;resize:vertical;min-height:64px}
.idea.big textarea:focus{border-color:var(--brand);background:#fff}
.hint{color:var(--mut);font-size:13px;margin-top:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.sitecard{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow);color:var(--ink);transition:.15s}
.sitecard:hover{transform:translateY(-2px);border-color:#cdd6ea}
.sc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sc-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.sc-meta{color:var(--mut);font-size:12.5px;margin-top:8px}
.sc-go{color:var(--brand);font-size:13px;margin-top:10px;font-weight:600}

/* ---------- 状态标签 ---------- */
.tag{display:inline-block;font-size:12px;border-radius:99px;padding:2px 10px;white-space:nowrap;flex:none}
.t草稿{background:#eef1f7;color:var(--ink2)}
.t已发布{background:#e6f7ef;color:var(--green)}
.t已停用{background:#fdf0f0;color:var(--red)}

/* ---------- 聊天页 ---------- */
.chatwrap{display:grid;grid-template-columns:420px 1fr;height:calc(100vh - 56px);max-width:1500px;margin:0 auto}
.chatpane{display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--card);min-height:0}
.chat-head{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.chat-head b{font-size:15px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msgs{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;min-height:0;background:var(--bg)}
.msg{display:flex}
.msg.me{justify-content:flex-end}
.msg .b{max-width:86%;background:var(--card);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:10px 14px;font-size:14px;white-space:pre-wrap;word-break:break-word;box-shadow:var(--shadow)}
.msg.me .b{background:var(--ink);color:#fff;border-radius:14px 14px 4px 14px;border-color:var(--ink)}
.msg.sys{justify-content:center}
.msg.sys .b{border-radius:12px}
.b.err{background:#fdf0f0;color:var(--red);border-color:#f3caca}
.b.quota{background:var(--gold-bg);color:#7a5a00;border-color:var(--gold-line)}
.typing i{font-style:normal;animation:blink 1.2s infinite}
/* AI 实时进度气泡 */
.b.prog{white-space:normal;min-width:270px}
.b.prog summary{cursor:pointer;font-weight:600;font-size:13px;color:var(--ink2);list-style:none;user-select:none}
.b.prog summary::-webkit-details-marker{display:none}
.b.prog summary::before{content:'▸';display:inline-block;margin-right:6px;transition:.15s;color:var(--mut)}
.b.prog details[open] summary::before{transform:rotate(90deg)}
.b.prog ul{margin:8px 0 2px;padding:0 0 0 2px;list-style:none;font-size:12.5px;color:var(--mut);max-height:190px;overflow-y:auto;border-left:2px solid var(--line);margin-left:4px;padding-left:10px}
.b.prog li{padding:2px 0;line-height:1.5}
.b.prog li.bad{color:var(--red)}
.b.prog .cur{margin-top:9px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2)}
.b.prog .cur .cvt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b.prog .dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--brand);animation:pulse 1.2s infinite}
.b.prog .el{flex:none;color:var(--mut);font-size:12px}
@keyframes pulse{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes blink{0%,100%{opacity:.2}50%{opacity:1}}
.composer{border-top:1px solid var(--line);padding:12px 14px;background:var(--card)}
.composer textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 13px;background:#fbfcfe;outline:none;resize:none}
.composer textarea:focus{border-color:var(--brand);background:#fff}
.comp-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}
.inline{display:inline}

/* ---------- 分屏布局：整屏问答，明暗双主题（后台 chat_theme 可切，默认按时间自动） ---------- */
.chatwrap.lay-split{grid-template-columns:280px minmax(0,1fr);max-width:none;background:var(--bg)}
.lay-split.th-dark{--bg:#212121;--sb-bg:#171717;--sb-hover:#212121;--rail-fg:#b4b4b4;--rail-on-bg:#2f2f2f;--rail-on-fg:#fff;--sb-text:#fff;--sb-item:#ececec;--sb-dim:#8f8f8f;--sb-none:#6f6f6f;--sb-hist:#d8d8d8;--line-h:#2a2a2a;--head-fg:#fff;--tag-bg:#2f2f2f;--tag-fg:#b4b4b4;--user-bg:#2e4463;--user-fg:#fff;--ai-fg:#ececec;--code-bg:#2f2f2f;--code-bd:#454545;--code-fg:#e8e8e8;--sys-bg:#2f2f2f;--sys-fg:#d8d8d8;--err-bg:#3a2626;--err-fg:#ff9a9a;--quota-bg:#3a3220;--quota-fg:#ffd76a;--prog-bg:#2a2a2a;--prog-bd:#3a3a3a;--prog-fg:#b4b4b4;--prog-bad:#ff8080;--thk-fg:#8f8f8f;--thk-bd:#3a3a3a;--act-fg:#8f8f8f;--act-hover-bg:#2f2f2f;--act-hover-fg:#fff;--pill-bg:#2f2f2f;--pill-fg:#ececec;--pill-bd:#444;--pill-hover-bg:#3a3a3a;--pill-hover-fg:#fff;--gold-bd:#8a6d1f;--gold-fg:#ffd76a;--gold-hover-bg:#3a3322;--gold-hover-fg:#ffe89e;--card-bg:#2f2f2f;--card-bd:transparent;--card-shadow:none;--ta-fg:#ececec;--ta-ph:#9a9a9a;--chint-fg:#8f8f8f;--send-bg:#7b8ea8;--send-fg:#fff;--send-dis:#3a3a3a;--note-fg:#8f8f8f}
.lay-split.th-light{--bg:#fff;--sb-bg:#f9f9f9;--sb-hover:#ececec;--rail-fg:#5f5f5f;--rail-on-bg:#e3e3e3;--rail-on-fg:#0d0d0d;--sb-text:#0d0d0d;--sb-item:#1a1a1a;--sb-dim:#8f8f8f;--sb-none:#9a9a9a;--sb-hist:#3d3d3d;--line-h:#ececec;--head-fg:#0d0d0d;--tag-bg:#f0f0f0;--tag-fg:#666;--user-bg:#e9e9e9;--user-fg:#1a1a1a;--ai-fg:#1a1a1a;--code-bg:#f2f2f2;--code-bd:#e0e0e0;--code-fg:#333;--sys-bg:#f4f4f4;--sys-fg:#555;--err-bg:#fdecec;--err-fg:#c0392b;--quota-bg:#fdf6e3;--quota-fg:#8a6d1f;--prog-bg:#f7f7f7;--prog-bd:#e5e5e5;--prog-fg:#5f5f5f;--prog-bad:#d33;--thk-fg:#8f8f8f;--thk-bd:#e0e0e0;--act-fg:#8f8f8f;--act-hover-bg:#f0f0f0;--act-hover-fg:#0d0d0d;--pill-bg:#fff;--pill-fg:#1a1a1a;--pill-bd:#d9d9d9;--pill-hover-bg:#f2f2f2;--pill-hover-fg:#0d0d0d;--gold-bd:#d3a93a;--gold-fg:#8a6d1f;--gold-hover-bg:#fbf4e0;--gold-hover-fg:#6d5514;--card-bg:#fff;--card-bd:#e3e6ee;--card-shadow:0 2px 16px rgba(20,30,60,.08);--ta-fg:#1a1a1a;--ta-ph:#9a9a9a;--chint-fg:#8f8f8f;--send-bg:#0d0d0d;--send-fg:#fff;--send-dis:#d9d9d9;--note-fg:#8f8f8f}
.chatwrap.lay-split .sbar{background:var(--sb-bg);display:flex;min-height:0;padding:0}
.rail{flex:none;width:52px;padding:10px 8px;display:flex;flex-direction:column;gap:4px}
.r-i{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--rail-fg)}
.r-i:hover{background:var(--sb-hover);color:var(--rail-on-fg)}
.r-i.on{background:var(--rail-on-bg);color:var(--rail-on-fg)}
.sb-main{flex:1;min-width:0;padding:12px 10px;display:flex;flex-direction:column;overflow-y:auto}
.sb-top{display:flex;align-items:center;padding:4px 8px 12px}
.sb-brand{font-weight:700;font-size:16px;color:var(--sb-text);letter-spacing:.5px}
.sb-brand .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand);margin:0 0 3px 5px}
.sb-new{display:flex;align-items:center;gap:9px;color:var(--sb-item);font-size:14px;padding:9px 11px;border-radius:10px}
.sb-new:hover{background:var(--sb-hover);color:var(--rail-on-fg)}
.sb-sec{color:var(--sb-dim);font-size:13px;padding:14px 11px 6px}
.sb-none{color:var(--sb-none);font-size:13.5px;padding:2px 11px}
.sb-projs{display:flex;flex-direction:column;min-height:0;overflow-y:auto}
.sb-proj{color:var(--sb-item);font-size:13.5px;padding:8px 11px;border-radius:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-proj:hover{background:var(--sb-hover);color:var(--rail-on-fg)}
.sb-proj.on{background:var(--sb-hover);color:var(--rail-on-fg);font-weight:600}
.sb-hist{display:flex;flex-direction:column;min-height:0}
.sb-hist a{color:var(--sb-hist);font-size:13.5px;padding:8px 11px;border-radius:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-hist a:hover{background:var(--sb-hover);color:var(--rail-on-fg)}
.chatwrap.lay-split .chatpane{border-right:0;background:var(--bg);min-width:0}
.chatwrap.lay-split .chat-head{border-bottom:1px solid var(--line-h);background:var(--bg)}
.chatwrap.lay-split .chat-head b{color:var(--head-fg)}
.chatwrap.lay-split .chat-head .muted{color:var(--sb-dim)}
.chatwrap.lay-split .tag{background:var(--tag-bg);color:var(--tag-fg)}
.hacts{margin-left:auto;display:flex;gap:8px;align-items:center}
.pill{display:inline-block;background:var(--pill-bg);color:var(--pill-fg);border:1px solid var(--pill-bd);border-radius:999px;padding:5px 14px;font-size:13px;line-height:1.5}
.pill:hover{background:var(--pill-hover-bg);color:var(--pill-hover-fg)}
.pill.gold{border-color:var(--gold-bd);color:var(--gold-fg)}
.pill.gold:hover{background:var(--gold-hover-bg);color:var(--gold-hover-fg)}
.chatwrap.lay-split .msgs{background:var(--bg);padding:30px 20px 14px;gap:22px}
.chatwrap.lay-split .msg{width:100%;max-width:780px;margin:0 auto}
.chatwrap.lay-split .msg .b{background:var(--user-bg);border:0;border-radius:18px;padding:10px 16px;font-size:14.5px;color:var(--user-fg);box-shadow:none}
.chatwrap.lay-split .msg.ai .b{background:none;padding:0;max-width:100%;font-size:15px;line-height:1.85;color:var(--ai-fg);white-space:normal}
.chatwrap.lay-split .msg.ai .b p{margin:0 0 10px}
.chatwrap.lay-split .msg.ai .b p:last-child{margin-bottom:0}
.chatwrap.lay-split .msg.ai .b ul{margin:2px 0 12px;padding-left:22px}
.chatwrap.lay-split .msg.ai .b li{margin:4px 0}
.chatwrap.lay-split .msg.ai .b strong{font-weight:700}
.chatwrap.lay-split .msg.ai .b code{background:var(--code-bg);border:1px solid var(--code-bd);border-radius:6px;padding:1px 6px;font-size:.88em;color:var(--code-fg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.chatwrap.lay-split .msg.sys .b{background:var(--sys-bg);color:var(--sys-fg);border-radius:18px;padding:10px 16px}
.chatwrap.lay-split .b.err{background:var(--err-bg);color:var(--err-fg);border-color:transparent}
.chatwrap.lay-split .b.quota{background:var(--quota-bg);color:var(--quota-fg);border-color:transparent}
.chatwrap.lay-split .b.prog{background:var(--prog-bg);border:1px solid var(--prog-bd);border-radius:14px;padding:11px 14px;font-size:14px}
.chatwrap.lay-split .b.prog summary{color:var(--prog-fg)}
.chatwrap.lay-split .b.prog ul{color:var(--sb-dim);border-left-color:var(--prog-bd)}
.chatwrap.lay-split .b.prog li.bad{color:var(--prog-bad)}
.chatwrap.lay-split .b.prog .cur{color:var(--prog-fg)}
/* 完成后的「思考了 Xs」折叠条 */
details.thk{margin-bottom:10px}
.thk summary{cursor:pointer;color:var(--thk-fg);font-size:13px;list-style:none;user-select:none}
.thk summary::-webkit-details-marker{display:none}
.thk summary::before{content:'›';display:inline-block;margin-right:6px;transition:.15s}
.thk[open] summary::before{transform:rotate(90deg)}
.thk ul{margin:8px 0 2px 4px;padding-left:10px;border-left:2px solid var(--thk-bd);list-style:none;font-size:12.5px;color:var(--thk-fg);max-height:190px;overflow-y:auto}
.thk li{padding:2px 0;line-height:1.5}
.thk li.bad{color:var(--prog-bad)}
/* AI 回复下的操作行 */
.acts{display:flex;gap:6px;margin-top:10px}
.act{background:none;border:0;color:var(--act-fg);font-size:12.5px;cursor:pointer;padding:3px 10px;border-radius:8px}
.act:hover{background:var(--act-hover-bg);color:var(--act-hover-fg)}
.chatwrap.lay-split .composer{border-top:0;padding:10px 20px 16px;background:var(--bg)}
.cai-note{max-width:780px;margin:0 auto 10px;text-align:center;color:var(--note-fg);font-size:12px}
.comp-card{max-width:780px;margin:0 auto;border:1px solid var(--card-bd);border-radius:28px;background:var(--card-bg);box-shadow:var(--card-shadow);padding:12px 18px 10px}
.comp-card textarea{width:100%;border:0;border-radius:0;padding:2px 2px 0;background:transparent;outline:none;resize:none;font-size:15px;line-height:1.6;color:var(--ta-fg)}
.comp-card textarea:focus{border-color:transparent;background:transparent}
.comp-card textarea::placeholder{color:var(--ta-ph)}
.comp-card .comp-row{margin-top:8px}
.chint{font-size:12px;color:var(--chint-fg);margin-right:auto}
.sendbtn{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:var(--send-bg);color:var(--send-fg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}
.sendbtn:hover{filter:brightness(1.12)}
.sendbtn:disabled{background:var(--send-dis);cursor:default;opacity:1}
/* 聊天输入：传图给 AI 看 */
.cthumbs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 9px}
.ct{position:relative;width:56px;height:56px;border-radius:10px;overflow:hidden;flex:none;border:1px solid var(--line-h,var(--line))}
.ct img{width:100%;height:100%;object-fit:cover;display:block}
.ct button{position:absolute;top:2px;right:2px;width:17px;height:17px;border:0;border-radius:50%;background:rgba(21,23,28,.6);color:#fff;font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.cplus{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-h,var(--line));background:transparent;color:var(--chint-fg,var(--mut));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s}
.cplus:hover{color:var(--brand);border-color:var(--brand)}
.cplus:disabled{opacity:.5;cursor:default}
/* 深色分屏时顶栏也进深色；浅色主题顶栏保持原样 */
body:has(.lay-split.th-dark) .nav{background:rgba(23,23,23,.92);border-bottom-color:#2f2f2f}
body:has(.lay-split.th-dark) .brand{color:#fff}
body:has(.lay-split.th-dark) .nav-r a{color:#cfcfcf}
body:has(.lay-split.th-dark) .nav-r a:hover{color:#fff}
@media (max-width:860px){
  .chatwrap.lay-split{grid-template-columns:1fr}
  .chatwrap.lay-split .sbar{display:none}
}

.preview{display:flex;flex-direction:column;background:#eef0f5;min-width:0}
.pv-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--card);font-size:13px;color:var(--mut)}
.pv-bar .pv-acts{margin-left:auto;display:flex;gap:8px;align-items:center}
.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.seg button{border:0;background:var(--card);padding:5px 12px;font-size:13px;color:var(--mut);cursor:pointer}
.seg button.on{background:var(--ink);color:#fff}
.preview.mob iframe{width:393px;max-width:86%;align-self:center;margin:16px 0;border:1px solid var(--line)!important;border-radius:22px;box-shadow:0 10px 34px rgba(0,0,0,.14);background:#fff}
/* 后台可切换的三种聊天页布局（860px 以下统一上下堆叠，不吃布局类） */
@media (min-width:861px){
  .chatwrap.lay-right{grid-template-columns:1fr 420px}
  .chatwrap.lay-right .chatpane{order:2;border-right:0;border-left:1px solid var(--line)}
  .chatwrap.lay-right .preview{order:1}
}
.pvpage{height:calc(100vh - 56px)}
body:has(.pvpage) main{min-height:0}
body:has(.pvpage) .foot{display:none}
.pv-bar .back{font-weight:600;color:var(--ink2);margin-right:2px}
.pagepick{appearance:none;-webkit-appearance:none;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23888'/%3E%3C/svg%3E") no-repeat right 9px center;border:1px solid var(--line);border-radius:8px;color:var(--ink2);font-size:13px;padding:5px 26px 5px 10px;cursor:pointer;max-width:150px}
.pagepick:hover{border-color:var(--brand)}
a.ghost{text-decoration:none;display:inline-block;line-height:1.5}
.preview iframe{flex:1;border:0;width:100%;background:#fff}

.toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);z-index:99;background:var(--ink);color:#fff;
  padding:12px 20px;border-radius:12px;font-size:14px;box-shadow:0 10px 34px rgba(0,0,0,.25);max-width:86vw;
  animation:toastfade .4s ease,toaststay 6s forwards}
@keyframes toastfade{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translateX(-50%)}}
@keyframes toaststay{0%{opacity:1}85%{opacity:1}100%{opacity:0;visibility:hidden}}

/* ---------- 后台 ---------- */
.admin-top{display:flex;justify-content:space-between;align-items:center}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:8px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.kpi b{display:block;font-size:26px;letter-spacing:.5px}
.kpi span{color:var(--mut);font-size:13px}
.kpi.gold{background:var(--gold-bg);border-color:var(--gold-line)}
.kpi.gold b{color:#7a5a00}
.tablewrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.tbl th{text-align:left;color:var(--mut);font-weight:600;font-size:12.5px;padding:11px 14px;border-bottom:1px solid var(--line);background:#fbfcfe}
.tbl td{padding:11px 14px;border-bottom:1px solid var(--line)}
.tbl tr:last-child td{border-bottom:0}
.tbl tr:hover td{background:#f8faff}

.form fieldset{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px 20px 20px;margin:0 0 18px;box-shadow:var(--shadow)}
.form legend{font-weight:700;font-size:14px;padding:0 8px;margin-left:-4px}
.form label{display:block;font-size:13.5px;color:var(--ink2);margin:14px 0 4px;font-weight:600}
.form input:not([type=checkbox]):not([type=radio]){width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 13px;background:#fbfcfe;outline:none}
.form input:not([type=checkbox]):not([type=radio]):focus{border-color:var(--brand);background:#fff}
.form .check{display:flex;align-items:center;gap:8px;font-weight:600;margin-top:16px}
.form .check input[type=radio],.form .check input[type=checkbox]{width:auto;accent-color:var(--brand)}
.form .btn{margin-top:6px}

/* ---------- 移动端 ---------- */
@media (max-width:860px){
  .chatwrap:not(.lay-split){grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 46vh;height:auto}
  .chatwrap:not(.lay-split) .chatpane{border-right:0;border-bottom:1px solid var(--line);height:54vh}
  .preview{height:46vh}
  .hero{padding:56px 16px 64px}
  .hero .idea{flex-direction:column}
.ulogin{padding:16px}
.ucard{padding:24px 20px 20px;border-radius:18px}
  .wrap{padding:20px 16px 32px}
  .idea.big{flex-direction:column;align-items:stretch}
}

/* ---------- 官网内容页（/guide /features /solutions /pricing /faq） ---------- */
.pmi.cur>button,.pmi.cur .pmi-a{color:#4d5dff}
.ch{max-width:1080px;margin:0 auto;padding:62px clamp(16px,4vw,42px) 40px;text-align:center}
.ch-k{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.12em;color:#7a4dff;background:#f2effe;border-radius:99px;padding:5px 13px}
.ch h1{font-size:clamp(28px,4.4vw,44px);line-height:1.28;margin:16px 0 12px;color:#15171c;letter-spacing:-.5px}
.ch h1 em{font-style:normal;background:linear-gradient(120deg,#4d5dff,#a34bff 55%,#ff5b8f);-webkit-background-clip:text;background-clip:text;color:transparent}
.ch p{font-size:15.5px;color:#6b7382;max-width:640px;margin:0 auto;line-height:1.75}
.ch-cta{margin-top:24px;display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}
.ch-alt{font-size:14px;font-weight:600;color:#4d5dff;text-decoration:none}
.ch-alt:hover{color:#a34bff}

/* 定价页 */
.pr-grid{max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,42px) 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.pr-card{position:relative;background:#fff;border:1px solid #edeff5;border-radius:20px;padding:26px 22px;box-shadow:0 10px 30px rgba(30,30,80,.05)}
.pr-card.hot{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,#5b6cff,#a34bff 60%,#ff5b8f) border-box;border:1.5px solid transparent;box-shadow:0 20px 46px rgba(110,80,230,.16);transform:translateY(-6px)}
.pr-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:linear-gradient(120deg,#5b6cff,#a34bff);color:#fff;font-size:11.5px;font-weight:700;border-radius:99px;padding:4px 12px;white-space:nowrap}
.pr-card>b{display:block;font-size:15px;color:#3c4250;font-weight:700}
.pr-num{margin:10px 0 4px;font-size:38px;font-weight:800;color:#15171c;letter-spacing:-1px}
.pr-num small{display:block;font-size:12.5px;font-weight:600;color:#8b93a3;letter-spacing:0;margin-top:4px}
.pr-desc{font-size:13.5px;color:#6b7382;line-height:1.7;margin:0 0 14px;padding-bottom:14px;border-bottom:1px dashed #eceef4}
.pr-card ul{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:9px}
.pr-card li{font-size:13.5px;color:#3c4250;line-height:1.6;padding-left:19px;position:relative}
.pr-card li::before{content:"";position:absolute;left:0;top:6px;width:11px;height:6px;border-left:1.8px solid #7a4dff;border-bottom:1.8px solid #7a4dff;transform:rotate(-45deg)}
.pr-btn{display:block;text-align:center;text-decoration:none;font-size:14.5px;font-weight:700;border-radius:12px;padding:12px 0;background:linear-gradient(120deg,#5b6cff,#a34bff);color:#fff;transition:.18s}
.pr-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.pr-btn.ghost{background:#f3f5fb;color:#3c4250}
.pr-btn.ghost:hover{background:#e9edf8;transform:none}
.pr-cmp{max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,42px);overflow-x:auto}
.pr-cmp table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #edeff5;border-radius:16px;overflow:hidden;min-width:620px}
.pr-cmp th,.pr-cmp td{text-align:left;font-size:13.5px;padding:12px 16px;border-bottom:1px solid #f2f3f8}
.pr-cmp thead th{font-size:13px;color:#8b93a3;font-weight:700;background:#fafbfd}
.pr-cmp tbody td:first-child{color:#3c4250;font-weight:600}
.pr-cmp tbody td:not(:first-child){color:#6b7382;text-align:center}
.pr-cmp .hl{background:#f7f5ff;color:#4d5dff!important;font-weight:700}
.pr-cmp thead .hl{color:#4d5dff}
.pr-cmp tbody tr:last-child td{border-bottom:0;font-weight:700;color:#15171c}
.pr-note{max-width:1080px;margin:0 auto;padding:34px clamp(16px,4vw,42px);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pnr{background:#fafbfd;border:1px solid #eef0f6;border-radius:14px;padding:18px}
.pnr b{display:block;font-size:14px;color:#15171c;margin-bottom:6px}
.pnr p{font-size:13px;color:#6b7382;line-height:1.7;margin:0}
.pk-more{text-align:center;margin-top:18px}
.pk-more a{font-size:13.5px;font-weight:600;color:#4d5dff;text-decoration:none}

/* 指南页：竖向时间轴 */
.gs-flow{max-width:820px;margin:0 auto;padding:10px clamp(16px,4vw,42px) 30px;position:relative}
.gs-flow::before{content:"";position:absolute;left:calc(clamp(16px,4vw,42px) + 25px);top:26px;bottom:56px;width:2px;background:linear-gradient(#e6e2ff,#f4e6ff)}
.gs-step{position:relative;display:flex;gap:22px;padding:0 0 30px}
.gs-no{flex:none;width:52px;height:52px;border-radius:50%;background:#fff;border:1.5px solid #ded7ff;color:#7a4dff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 6px 16px rgba(110,80,230,.1)}
.gs-body{flex:1;min-width:0;background:#fff;border:1px solid #edeff5;border-radius:16px;padding:18px 20px;box-shadow:0 8px 24px rgba(30,30,80,.04)}
.gs-body b{display:block;font-size:17px;color:#15171c;margin-bottom:7px}
.gs-body p{font-size:14px;color:#6b7382;line-height:1.75;margin:0}
.gs-say{margin-top:12px;background:#f7f8fc;border-left:3px solid #a34bff;border-radius:0 10px 10px 0;padding:9px 13px;font-size:13px;color:#4b5263;line-height:1.65}
.gs-tips{max-width:1080px;margin:0 auto;padding:26px clamp(16px,4vw,42px);display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:start}
.gt-cap b{display:block;font-size:19px;color:#15171c}
.gt-cap span{font-size:13px;color:#8b93a3}
.gt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gt{background:linear-gradient(150deg,#f6f7ff,#fdf3fa);border-radius:16px;padding:18px}
.gt i{font-style:normal;display:flex;width:26px;height:26px;border-radius:8px;background:#fff;color:#5b6cff;font-size:13px;font-weight:800;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(90,70,220,.12)}
.gt b{display:block;font-size:14.5px;color:#15171c;margin:12px 0 6px}
.gt p{font-size:13px;color:#6b7382;line-height:1.7;margin:0}
.gs-next{max-width:1080px;margin:0 auto;padding:26px clamp(16px,4vw,42px) 46px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gnx{background:#fff;border:1px solid #edeff5;border-radius:16px;padding:20px}
.gnx b{display:block;font-size:15px;color:#15171c}
.gnx p{font-size:13px;color:#8b93a3;margin:6px 0 12px;line-height:1.6}
.gnx a{font-size:13.5px;font-weight:700;color:#4d5dff;text-decoration:none}

/* 功能页：左右交替 */
.ft-alt{max-width:1080px;margin:0 auto;padding:16px clamp(16px,4vw,42px) 30px;display:flex;flex-direction:column;gap:64px}
.ft-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:46px;align-items:center;scroll-margin-top:86px}
.ft-row:nth-child(even) .ft-txt{order:2}
.ft-k{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;color:#7a4dff;background:#f2effe;border-radius:99px;padding:4px 11px}
.ft-txt h2{font-size:clamp(21px,2.6vw,28px);line-height:1.4;color:#15171c;margin:13px 0 10px;letter-spacing:-.3px}
.ft-txt p{font-size:14.5px;color:#6b7382;line-height:1.8;margin:0 0 16px}
.ft-txt ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ft-txt li{font-size:13.5px;color:#3c4250;padding-left:20px;position:relative;line-height:1.6}
.ft-txt li::before{content:"";position:absolute;left:0;top:6px;width:11px;height:6px;border-left:1.8px solid #5b6cff;border-bottom:1.8px solid #5b6cff;transform:rotate(-45deg)}
.ft-pic{border-radius:20px;overflow:hidden;border:1px solid #eceef4;box-shadow:0 26px 60px rgba(30,30,80,.13);background:#f6f7fb}
.ft-pic img{display:block;width:100%;height:340px;object-fit:cover;object-position:top}
.ft-more{max-width:1080px;margin:0 auto;padding:20px clamp(16px,4vw,42px) 46px}
.fm-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fm{position:relative;background:#fff;border:1px dashed #dfe2ec;border-radius:18px;padding:24px}
.fm b{display:block;font-size:16px;color:#15171c}
.fm p{font-size:13.5px;color:#6b7382;line-height:1.75;margin:8px 0 0}
.fm-tag{position:absolute;top:18px;right:18px;font-size:11.5px;font-weight:700;color:#8b93a3;background:#f2f3f8;border-radius:99px;padding:4px 10px}

/* 解决方案页 */
.sc-idx{max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,42px) 8px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.sc-idx a{font-size:13px;font-weight:600;color:#3c4250;background:#fff;border:1px solid #eaeef6;border-radius:99px;padding:7px 14px;text-decoration:none;transition:.16s}
.sc-idx a:hover{color:#fff;border-color:transparent;background:linear-gradient(120deg,#5b6cff,#9a4dff)}
.sc-rows{max-width:1080px;margin:0 auto;padding:22px clamp(16px,4vw,42px) 20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sc-row{position:relative;background:#fff;border:1px solid #edeff5;border-radius:20px;padding:24px;scroll-margin-top:86px;transition:.2s}
.sc-row:hover{border-color:#ded7ff;box-shadow:0 18px 40px rgba(110,80,230,.1);transform:translateY(-2px)}
.sc-row.haspic{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:30px;align-items:center}
.sc-head{display:flex;align-items:center;gap:12px}
.sc-no{font-size:13px;font-weight:800;color:#a34bff;background:#f5f2ff;border-radius:9px;padding:5px 9px;letter-spacing:.04em}
.sc-head b{display:block;font-size:19px;color:#15171c}
.sc-head small{display:block;font-size:12.5px;color:#8b93a3;margin-top:2px}
.sc-pain{font-size:14px;color:#6b7382;line-height:1.75;margin:14px 0}
.sc-blk{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sc-blk li{font-size:13px;color:#3c4250;background:#fafbfd;border:1px solid #f0f2f7;border-radius:10px;padding:8px 11px;line-height:1.5}
.sc-act{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sc-go{border:0;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;color:#fff;border-radius:11px;padding:10px 16px;background:linear-gradient(120deg,#5b6cff,#a34bff);transition:.18s}
.sc-go:hover{filter:brightness(1.07);transform:translateY(-1px)}
.sc-idea{font-size:12.5px;color:#9aa1ad;line-height:1.5;flex:1;min-width:180px}
.sc-pic{border-radius:18px;overflow:hidden;border:1px solid #eceef4;box-shadow:0 22px 50px rgba(30,30,80,.13);background:#f6f7fb}
.sc-pic img{display:block;width:100%;height:300px;object-fit:cover;object-position:top}
.sc-open{max-width:1080px;margin:0 auto;padding:16px clamp(16px,4vw,42px) 46px}
.so-in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(140deg,#f5f6ff,#fdf2f8);border:1px solid #ece7fb;border-radius:20px;padding:26px 28px}
.so-in b{display:block;font-size:19px;color:#15171c}
.so-in p{font-size:14px;color:#6b7382;margin:8px 0 0;line-height:1.7;max-width:560px}

/* 常见问题页：左标题右问答 */
.fq-jump{margin-top:20px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.fq-jump a{font-size:13px;font-weight:600;color:#3c4250;background:#fff;border:1px solid #eaeef6;border-radius:99px;padding:7px 14px;text-decoration:none}
.fq-jump a:hover{color:#4d5dff;border-color:#ded7ff}
.fq-wrap{max-width:1080px;margin:0 auto;padding:22px clamp(16px,4vw,42px) 30px;display:flex;flex-direction:column;gap:34px}
.fq-grp{display:grid;grid-template-columns:200px minmax(0,1fr);gap:26px;align-items:start;scroll-margin-top:86px}
.fqh{position:sticky;top:88px}
.fqh b{display:block;font-size:18px;color:#15171c}
.fqh span{font-size:12.5px;color:#8b93a3}
.fq-list details{background:#fff;border:1px solid #edeff5;border-radius:14px;margin-bottom:10px;overflow:hidden;transition:.18s}
.fq-list details[open]{border-color:#ded7ff;box-shadow:0 12px 28px rgba(110,80,230,.08)}
.fq-list summary{list-style:none;cursor:pointer;font-size:15px;font-weight:700;color:#15171c;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.fq-list summary::-webkit-details-marker{display:none}
.fq-car{flex:none;width:9px;height:9px;border-right:1.8px solid #8b93a3;border-bottom:1.8px solid #8b93a3;transform:rotate(45deg);transition:.2s}
.fq-list details[open] .fq-car{transform:rotate(-135deg);border-color:#7a4dff}
.fq-list details p{font-size:14px;color:#6b7382;line-height:1.85;margin:0;padding:0 18px 17px}
.fq-help{max-width:1080px;margin:0 auto;padding:10px clamp(16px,4vw,42px) 46px}
.fh-in{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;background:#15171c;border-radius:20px;padding:26px 28px}
.fh-in b{display:block;font-size:18px;color:#fff}
.fh-in p{font-size:13.5px;color:#a3a9b6;margin:8px 0 0;line-height:1.7;max-width:560px}
.fh-btns{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.fh-gh{font-size:13.5px;font-weight:600;color:#c9cede;text-decoration:none}
.fh-gh:hover{color:#fff}
.cta-btns{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cta-gh{font-size:14px;font-weight:600;color:#fff;opacity:.85;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}
.cta-gh:hover{opacity:1}

@media(max-width:1000px){
  .pr-grid,.pr-note,.gt-grid,.gs-next,.fm-grid,.sc-rows,.sc-blk{grid-template-columns:1fr}
  .gs-tips{grid-template-columns:1fr;gap:14px}
  .ft-row{grid-template-columns:1fr;gap:24px}
  .ft-row:nth-child(even) .ft-txt{order:0}
  .ft-pic img{height:260px}
  .sc-row.haspic{grid-template-columns:1fr}
  .fq-grp{grid-template-columns:1fr;gap:12px}
  .fqh{position:static}
  .pr-card.hot{transform:none}
}
/* 终止按钮：只在跑的时候出现，红色但不刺眼 */
.pill{font-family:inherit;cursor:pointer}
.pill.stop,.ghost.danger{color:#d3433a;border-color:#f1cfcb}
.pill.stop:hover,.ghost.danger:hover{background:#d3433a;border-color:#d3433a;color:#fff}

/* 建站页：可选功能点选（点一下拼进需求，不点也能建） */
.lwants{max-width:760px;margin:16px auto 0;text-align:left}
.lw-k{display:block;font-size:12.5px;color:#8a90a0;letter-spacing:.3px;margin:0 0 10px 4px}
.lw-chips{display:flex;flex-wrap:wrap;gap:9px}
.lw-chip{font:inherit;font-size:13px;font-weight:600;color:#4b5160;background:#fff;border:1px solid #e6e9f2;border-radius:99px;padding:7px 15px;cursor:pointer;transition:.16s;box-shadow:0 2px 8px rgba(30,30,80,.04)}
.lw-chip:hover{border-color:#c9c3ff;color:#5b3ff0;transform:translateY(-1px)}
.lw-chip.on{color:#fff;border-color:transparent;background:linear-gradient(120deg,#5b6cff,#9a4dff);box-shadow:0 6px 18px rgba(122,72,255,.26)}
.lw-chip.on::before{content:"✓ "}

/* 我的站 */
.me-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.me-title{margin-bottom:2px}
.sc-top b{min-width:0}
.sc-top b a{color:inherit;text-decoration:none}
.sc-top b a:hover{color:var(--brand)}
.sc-acts{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}
.empty a{color:var(--brand);font-weight:600}

/* ---------- 手机端：分屏聊天页收成单栏 app 形态 ---------- */
@media (max-width:860px){
  .chatwrap.lay-split{height:calc(100vh - 56px);height:calc(100dvh - 56px)}
  .lay-split .chat-head{padding:9px 12px;gap:7px;flex-wrap:wrap}
  .lay-split .chat-head b{max-width:calc(100vw - 190px);font-size:14.5px}
  .lay-split .chat-head .rounds{font-size:11.5px;margin-left:auto}
  .lay-split .hacts{margin-left:0;width:100%;flex-wrap:nowrap;overflow-x:auto;gap:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .lay-split .hacts::-webkit-scrollbar{display:none}
  .lay-split .hacts .pill,.lay-split .hacts form{flex:none}
  .lay-split .pill{font-size:12.5px;padding:4px 11px;white-space:nowrap}
  .lay-split .msgs{padding:14px 12px 6px;gap:16px}
  .lay-split .msg.ai .b{font-size:15px;line-height:1.8}
  .lay-split .composer{padding:6px 10px calc(10px + env(safe-area-inset-bottom))}
  .lay-split .cai-note{font-size:11px;margin-bottom:6px}
  .lay-split .comp-card{border-radius:22px;padding:10px 13px 8px}
  .lay-split .comp-card textarea{font-size:16px}
  .lay-split .chint{font-size:11px}
  .lay-split .ct{width:48px;height:48px;border-radius:9px}
  .lay-split .cplus{width:32px;height:32px}
}

/* ---------- 手机端抽屉：官网导航收进右侧菜单 ---------- */
.burger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e6e8ee;border-radius:11px;background:#fff;color:#1a1a1a;cursor:pointer}
.burger:active{background:#f4f5fb}
.ndrawer{display:none}
.nscrim{position:fixed;inset:0;z-index:65;background:rgba(10,12,20,.42);opacity:0;visibility:hidden;transition:.2s}
.nscrim.on{opacity:1;visibility:visible}
@media (max-width:860px){
  .burger{display:inline-flex}
  .nav-r a[href="/me"],.nav-r a[href="/login"],.nav-r a[href="/logout"],.nav-r a[href="/admin"],.pnav-r a[href="/me"],.pnav-r a[href="/login"]{display:none}
  .pnav-r{gap:10px}
  .nav-r{gap:10px}
  .ndrawer{display:block;position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(80vw,300px);padding:14px 12px calc(22px + env(safe-area-inset-bottom));background:#fff;border-left:1px solid #ececec;box-shadow:-14px 0 40px rgba(20,20,50,.14);overflow-y:auto;transform:translateX(105%);transition:transform .24s ease}
  body.mopen .ndrawer{transform:none}
  .nd-top{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 12px;border-bottom:1px solid #f0f1f5}
  .nd-top .plogo{font-size:16px;font-weight:800;color:#15171c;display:flex;align-items:center;gap:8px;text-decoration:none}
  .nd-top .plogo img{width:26px;height:26px;border-radius:8px}
  .nd-x{width:32px;height:32px;border:0;border-radius:9px;background:#f4f5fb;color:#3c4250;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
  .nd-sec{font-size:11.5px;font-weight:700;color:#9aa1b1;letter-spacing:.06em;padding:16px 8px 6px}
  .ndrawer a{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;border-radius:11px;font-size:15px;font-weight:600;color:#1a1a1a;text-decoration:none}
  .ndrawer a span{color:#c3c8d4;font-size:16px}
  .ndrawer a:active{background:#f4f5fb}
  .ndrawer a.nd-cta{margin-top:4px;justify-content:center;background:linear-gradient(120deg,#5b6cff,#a34bff);color:#fff;box-shadow:0 8px 20px rgba(110,80,230,.28)}
  .chatwrap .sbar{position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(82vw,300px);display:flex;transform:translateX(105%);transition:transform .24s ease;padding:14px 12px calc(20px + env(safe-area-inset-bottom));border-left:1px solid var(--line-h);box-shadow:-14px 0 40px rgba(0,0,0,.18);overflow-y:auto}
  body.mopen .chatwrap .sbar{transform:none}
  .chatwrap .sbar .rail{padding-right:10px}
}