*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at 20% 0%,#fff7b8 0,#fff7b800 34%),linear-gradient(180deg,#dff6ff,#f8fbff 54%,#fff);color:#111827}.page{max-width:540px;margin:0 auto;padding:22px 16px 42px}.hero,.card{background:#ffffffeb;border:1px solid #ffffffb8;border-radius:26px;padding:22px;margin:16px 0;box-shadow:0 14px 34px #2080ff1c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero{position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-70px;top:-80px;width:190px;height:190px;border-radius:50%;background:#fde68a80}.group-badge{position:absolute;right:18px;top:18px;z-index:1;background:#111827;color:#fff;border-radius:999px;padding:8px 13px;font-weight:800;letter-spacing:.04em}.eyebrow{margin:0 0 8px;color:#267ef0;font-weight:800}.hero h1{position:relative;font-size:30px;line-height:1.12;margin:8px 0;z-index:1}.hero p,.muted{position:relative;color:#4b5563;line-height:1.7;z-index:1}.nav{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;z-index:1}.nav.two{grid-template-columns:1fr 1.35fr}.nav button,.voice-grid button{border:1px solid #cfe1f7;background:#f7fbff;border-radius:999px;padding:11px 12px;font-size:14px;font-weight:700}.nav button.active,.voice-grid button.active{background:#267ef0;color:#fff;border-color:#267ef0}.card h2{font-size:22px;margin:0 0 12px}.article{border:1px solid #e5eef8;border-radius:18px;padding:16px;margin-top:12px;background:#fbfdff}.article h3{margin:6px 0}.article p{line-height:1.75;color:#374151}.stack{display:block}.production-preview{--accent:#b45309;--scene-gradient:linear-gradient(145deg,#fff7d6,#fbbf24,#92400e);display:grid;grid-template-columns:1fr 178px;align-items:center;gap:16px;overflow:hidden}.preview-copy h2{font-size:24px;margin:6px 0 8px}.preview-copy p{line-height:1.65;color:#4b5563}.mini-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.mini-tags span{font-size:12px;color:var(--accent);font-weight:800;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:6px 9px}.phone-frame{height:270px;border-radius:32px;padding:10px;background:#111827;box-shadow:inset 0 0 0 2px #ffffff24}.stage-bg{height:100%;border-radius:24px;background:var(--scene-gradient);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.stage-bg:before{content:"";position:absolute;inset:auto -20px -25px -20px;height:88px;background:#ffffff59;border-radius:50% 50% 0 0}.cat-bot{position:relative;text-align:center;z-index:1;filter:drop-shadow(0 14px 18px #0000003a)}.ears{display:flex;justify-content:space-between;width:94px;margin:0 auto -8px}.ears span{display:block;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:36px solid #eef2ff}.head{width:118px;height:94px;border-radius:34px;background:#f8fafc;border:4px solid #1f2937;margin:auto;position:relative}.head i{position:absolute;top:31px;width:14px;height:14px;border-radius:50%;background:#111827}.head i:first-child{left:30px}.head i:nth-child(2){right:30px}.head b{position:absolute;left:50%;bottom:22px;transform:translate(-50%);width:34px;height:10px;border-radius:999px;background:var(--accent);animation:talk .7s infinite alternate}.body{width:132px;height:104px;border-radius:28px;background:#fff;border:4px solid #1f2937;margin:-2px auto 8px;display:flex;align-items:center;justify-content:center;font-size:42px}.cat-bot small{display:inline-block;background:#ffffffd9;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;color:#111827}@keyframes talk{0%{height:8px;opacity:.75}to{height:22px;opacity:1}}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-title span{width:30px;height:30px;border-radius:50%;background:#267ef0;color:#fff;display:grid;place-items:center;font-weight:900}.section-title h2{margin:0}.outfit-grid{display:grid;grid-template-columns:1fr;gap:10px}.outfit-card{width:100%;border:1px solid #dbeafe;background:#f8fbff;border-radius:18px;padding:14px;text-align:left}.outfit-card strong{display:block;font-size:16px;margin-bottom:5px}.outfit-card small{color:#64748b;line-height:1.5}.outfit-card.active{border-color:#267ef0;background:#eef6ff;box-shadow:0 0 0 3px #267ef01a}.preset-list{display:grid;gap:8px;margin-bottom:12px}.preset-list button{border:1px solid #e5eef8;background:#fbfdff;border-radius:16px;padding:11px 12px;text-align:left;line-height:1.45;color:#334155}.card textarea{width:100%;min-height:124px;border:1px solid #d4e2f2;border-radius:18px;padding:14px;font-size:16px;line-height:1.6;resize:vertical}.limit{text-align:right;color:#6b7280;font-size:13px;margin:6px 0 0}.voice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.make-card{background:linear-gradient(180deg,#fff,#f0f8ff)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.summary div{background:#fff;border:1px solid #e5eef8;border-radius:16px;padding:11px}.summary small{display:block;color:#64748b;margin-bottom:4px}.summary b{font-size:13px}.primary{width:100%;border:0;border-radius:999px;padding:16px;background:linear-gradient(90deg,#267ef0,#06b6d4);color:#fff;font-size:17px;font-weight:900;box-shadow:0 12px 24px #2563eb33}.primary:disabled{opacity:.55}.status-row{display:flex;justify-content:space-between;margin-top:14px;color:#0f172a}.result{background:#eef8ff;border-radius:14px;padding:12px;color:#075985;line-height:1.6}.error{color:#b91c1c}.progress{height:12px;border-radius:999px;background:#e5edf7;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#84cc16);transition:width .25s ease}.video{width:100%;border-radius:18px;margin-top:14px;background:#111827}.download{display:block;text-align:center;margin-top:12px;color:#1764c8;font-weight:800;text-decoration:none}@media(max-width:440px){.page{padding:16px 12px 36px}.hero h1{font-size:26px}.production-preview{grid-template-columns:1fr}.phone-frame{height:245px}.nav.two,.summary,.voice-grid{grid-template-columns:1fr}}.hint{margin:-4px 0 12px;color:#64748b;font-size:13px}.voice-grid button{display:flex;flex-direction:column;gap:4px;align-items:center}.voice-grid button small{font-size:11px;opacity:.78}.cat-bot .ears span{border-bottom-color:#f8fafc;filter:drop-shadow(0 0 8px #67e8f9)}.cat-bot .head{background:linear-gradient(145deg,#fff,#e2e8f0);border-color:#e0f2fe;box-shadow:0 0 0 4px #0f172a,0 0 24px #22d3ee}.cat-bot .head:before{content:"";position:absolute;left:15px;right:15px;top:22px;height:108px;border-radius:42px;background:#07111f;box-shadow:inset 0 0 24px #38bdf855}.cat-bot .head:after{content:"";position:absolute;left:50%;top:-42px;transform:translate(-50%);width:80px;height:44px;border-radius:0 0 24px 24px;border:3px solid #67e8f9;border-top:0;opacity:.9}.cat-bot .head i{z-index:2;top:73px;width:36px;height:36px;background:#67e8f9;box-shadow:0 0 18px #22d3ee,inset 0 0 10px #e0ffff}.cat-bot .head i:first-child{left:30px}.cat-bot .head i:nth-child(2){right:30px}.cat-bot .head b{z-index:2;bottom:34px;background:#67e8f9;box-shadow:0 0 10px #22d3ee}.cat-bot .body{position:relative;background:linear-gradient(180deg,#fff,#e2e8f0);border-color:#e0f2fe;box-shadow:0 0 0 4px #0f172a}.cat-bot .body:before{content:"";position:absolute;left:50%;top:28px;transform:translate(-50%);width:58px;height:58px;border-radius:50%;border:5px solid #67e8f9;box-shadow:0 0 16px #22d3ee}.cat-bot .body em{position:absolute;right:20px;bottom:12px;font-style:normal;font-size:30px}.cat-bot.western-cowboy .head{box-shadow:0 0 0 4px #0f172a,0 0 24px #f59e0b}.cat-bot.western-cowboy:before{content:"";position:absolute;left:50%;top:-34px;transform:translate(-50%);width:132px;height:24px;border-radius:50%;background:#92400e;z-index:4}.cat-bot.western-cowboy:after{content:"";position:absolute;left:50%;top:-76px;transform:translate(-50%);width:82px;height:54px;border-radius:18px 18px 8px 8px;background:#b45309;z-index:3}.cat-bot.tech-blue .head,.cat-bot.tech-blue .body{filter:drop-shadow(0 0 12px #60a5fa)}.cat-bot.sport .body:after{content:"88";position:absolute;left:50%;top:82px;transform:translate(-50%);font-weight:900;color:#16a34a}.cat-bot.city-explorer .body:after{content:"MAP";position:absolute;left:50%;top:82px;transform:translate(-50%);font-size:16px;font-weight:900;color:#0891b2}.cat-bot.business-visit .body:after{content:"VIP";position:absolute;left:50%;top:82px;transform:translate(-50%);font-size:16px;font-weight:900;color:#475569}.phone-frame{display:none}.mascot-stage{position:relative;height:320px;border-radius:34px;background:linear-gradient(160deg,#ffef76,#ffe38b 36%,#76d8ff 37%,#72d3ff);overflow:hidden;border:8px solid #111827;box-shadow:0 18px 34px #0f172a36;display:flex;align-items:center;justify-content:center}.floating-ring{position:absolute;border:14px solid #38bdf8;border-radius:50%;opacity:.65;background:#ffffff80;filter:blur(.1px)}.ring-a{width:78px;height:78px;right:-24px;top:38px;transform:rotate(-28deg)}.ring-b{width:56px;height:56px;left:18px;bottom:42px;transform:rotate(22deg);border-color:#f472b6}.robot-cat{position:relative;width:240px;height:278px;z-index:2;filter:drop-shadow(0 18px 18px #0f172a55)}.ear{position:absolute;top:4px;width:74px;height:86px;background:linear-gradient(145deg,#fff,#dbeafe);border:5px solid #e0f2fe;box-shadow:0 0 0 4px #111827,0 0 18px #67e8f9;border-radius:48px 48px 20px 20px;z-index:2}.ear.left{left:24px;transform:rotate(-18deg)}.ear.right{right:24px;transform:rotate(18deg)}.ear i{position:absolute;top:17px;right:14px;bottom:18px;left:14px;border-radius:26px;background:#0b1220;border:4px solid #67e8f9;box-shadow:inset 0 0 14px #22d3ee}.ear i:after{content:"";position:absolute;left:14px;right:14px;top:13px;height:5px;background:#67e8f9;box-shadow:0 13px #67e8f9,0 26px #67e8f9}.head-shell{position:absolute;left:4px;right:4px;top:54px;height:150px;border-radius:62px;background:linear-gradient(145deg,#fff,#e5edff);border:5px solid #e0f2fe;box-shadow:0 0 0 5px #111827,0 0 24px #67e8f9;z-index:4}.visor{position:absolute;left:27px;right:27px;top:34px;height:86px;border-radius:44px;background:#07111f;box-shadow:inset 0 0 28px #22d3ee66}.eye{position:absolute;top:25px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#d9ffff 0,#d9ffff 18%,#67e8f9 21%,#67e8f9);box-shadow:0 0 22px #22d3ee}.eye.left{left:34px}.eye.right{right:34px}.nose{position:absolute;left:50%;top:50px;transform:translate(-50%);width:24px;height:14px;border-radius:50%;background:#bff7ff;box-shadow:0 0 10px #67e8f9}.mouth{position:absolute;left:50%;top:62px;transform:translate(-50%);width:44px;height:22px;border-bottom:5px solid #bff7ff;border-radius:0 0 32px 32px}.side-pad{position:absolute;top:62px;width:28px;height:58px;border-radius:24px;background:#1e293b;border:4px solid #67e8f9;box-shadow:0 0 16px #22d3ee}.side-pad.left{left:-22px}.side-pad.right{right:-22px}.circuit{position:absolute;background:#67e8f9;box-shadow:0 0 10px #22d3ee;border-radius:999px}.c1{left:64px;top:17px;width:112px;height:4px}.c2{left:38px;top:38px;width:48px;height:4px;transform:rotate(28deg)}.c3{right:38px;top:38px;width:48px;height:4px;transform:rotate(-28deg)}.torso-shell{position:absolute;left:61px;top:188px;width:118px;height:92px;border-radius:38px;background:linear-gradient(180deg,#fff,#e5edff);border:5px solid #e0f2fe;box-shadow:0 0 0 4px #111827,0 0 18px #67e8f9;z-index:3}.core{position:absolute;left:50%;top:22px;transform:translate(-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#67e8f9;border:5px solid #67e8f9;box-shadow:0 0 18px #22d3ee;font-size:20px}.outfit-mark{position:absolute;left:50%;bottom:-30px;transform:translate(-50%);white-space:nowrap;background:#fff;border:2px solid currentColor;color:var(--accent);border-radius:999px;padding:5px 10px;font-weight:900;font-size:13px}.tail{position:absolute;right:18px;bottom:36px;width:72px;height:66px;border:14px solid #dbeafe;border-left:0;border-bottom:0;border-radius:0 44px 0 0;z-index:1;box-shadow:0 0 0 4px #111827 inset}.selected-ribbon{position:absolute;left:12px;right:12px;bottom:10px;background:#ffffffde;border:2px solid #fff;border-radius:999px;padding:7px 10px;text-align:center;font-size:12px;font-weight:900;color:#0f172a;z-index:5}.style-accessory,.tech-antenna{display:none;position:absolute;z-index:8}.western-cowboy .western-hat{display:block;left:58px;top:20px;width:126px;height:24px;border-radius:50%;background:#8b4513;box-shadow:0 0 0 4px #5b2a0a}.western-cowboy .western-hat:after{content:"";position:absolute;left:36px;bottom:12px;width:54px;height:48px;border-radius:14px 14px 6px 6px;background:#a16207}.sport .sport-band{display:block;left:58px;top:58px;width:124px;height:22px;border-radius:999px;background:#16a34a;color:#fff;text-align:center;font-weight:900;line-height:22px}.city-explorer .city-pack{display:block;right:4px;top:174px;background:#0891b2;color:#fff;border-radius:14px;padding:9px 8px;font-weight:900;font-size:12px}.business-visit .business-badge{display:block;left:20px;top:178px;background:#475569;color:#fff;border-radius:12px;padding:8px 10px;font-weight:900}.tech-blue .tech-antenna{display:block;left:50%;top:0;transform:translate(-50%);width:70px;height:38px;border:4px solid #60a5fa;border-bottom:0;border-radius:40px 40px 0 0;box-shadow:0 0 16px #60a5fa}.outfit-card{transition:.18s ease}.outfit-card.active{border-width:2px;transform:translateY(-1px);background:linear-gradient(180deg,#eef6ff,#fff);box-shadow:0 8px 20px #267ef024,0 0 0 3px #267ef01a}.outfit-card.active strong:after{content:"  ✓ 已选择";color:#267ef0;font-size:12px}@media(max-width:440px){.mascot-stage{height:300px}.robot-cat{transform:scale(.92)}}.reference-cat{width:246px;height:286px;display:flex;align-items:center;justify-content:center;overflow:visible}.mascot-reference{position:absolute;left:50%;top:48%;width:262px;max-width:none;transform:translate(-50%,-50%);border-radius:22px;box-shadow:0 0 0 4px #ffffff80,0 16px 30px #0f172a35}.reference-cat .style-accessory{display:none;position:absolute;z-index:9}.reference-cat .talking-bubble{display:block;left:50%;bottom:-8px;transform:translate(-50%);min-width:166px;text-align:center;background:#ffffffea;border:2px solid #67e8f9;border-radius:999px;padding:7px 12px;color:#0f172a;font-size:12px;font-weight:900;box-shadow:0 8px 18px #0ea5e933}.western-cowboy .reference-cat .western-hat{display:block;left:54px;top:18px;width:146px;height:28px;border-radius:50%;background:linear-gradient(180deg,#b45309,#78350f);box-shadow:0 0 0 4px #451a03,0 7px 14px #0005}.western-cowboy .reference-cat .western-hat:after{content:"";position:absolute;left:38px;bottom:12px;width:70px;height:56px;border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,#d97706,#92400e);box-shadow:inset 0 -8px #78350f}.western-cowboy .reference-cat .western-vest{display:block;left:56px;bottom:42px;background:#92400e;color:#fff7ed;border:2px solid #fbbf24;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900}.sport .reference-cat .sport-band{display:block;left:48px;top:78px;width:152px;height:24px;border-radius:999px;background:linear-gradient(90deg,#16a34a,#86efac);color:#052e16;text-align:center;font-weight:900;line-height:24px;box-shadow:0 0 0 3px #052e16}.city-explorer .reference-cat .city-pack{display:block;right:-8px;bottom:88px;background:#0891b2;color:#fff;border-radius:14px;padding:9px 8px;font-weight:900;font-size:12px;box-shadow:0 0 0 3px #cffafe}.business-visit .reference-cat .business-badge{display:block;left:10px;bottom:84px;background:#334155;color:#fff;border-radius:12px;padding:8px 10px;font-weight:900;box-shadow:0 0 0 3px #e2e8f0}.tech-blue .reference-cat .tech-visor{display:block;left:50%;top:102px;transform:translate(-50%);width:54px;height:28px;border-radius:999px;background:#0f172a;color:#67e8f9;text-align:center;line-height:28px;font-weight:900;box-shadow:0 0 16px #22d3ee,0 0 0 3px #67e8f9}.mascot-stage.western-cowboy{background:linear-gradient(160deg,#fef3c7,#f59e0b 40%,#38bdf8 41%,#7dd3fc)}.mascot-stage.sport{background:linear-gradient(160deg,#dcfce7,#86efac 38%,#7dd3fc 39%,#e0f2fe)}.mascot-stage.city-explorer{background:linear-gradient(160deg,#cffafe,#67e8f9 38%,#fed7aa 39%,#ffedd5)}.mascot-stage.business-visit{background:linear-gradient(160deg,#e2e8f0,#94a3b8 38%,#dbeafe 39%,#f8fafc)}.mascot-stage.tech-blue{background:linear-gradient(160deg,#dbeafe,#60a5fa 38%,#a5f3fc 39%,#ecfeff)}.quick-outfit-panel{grid-column:1/-1;margin-top:12px;background:#f8fbff;border:1px solid #dbeafe;border-radius:20px;padding:12px}.quick-title{font-size:13px;font-weight:900;color:#0f172a;margin-bottom:9px}.quick-outfit-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.quick-outfit{flex:0 0 auto;min-width:98px;border:1px solid #cfe1f7;background:#fff;border-radius:16px;padding:10px 12px;text-align:left;color:#0f172a}.quick-outfit b{display:block;font-size:14px}.quick-outfit span{display:block;margin-top:3px;font-size:11px;color:#64748b}.quick-outfit.active{background:#267ef0;color:#fff;border-color:#267ef0;box-shadow:0 8px 18px #267ef033}.quick-outfit.active span{color:#dbeafe}.outfit-section{border:2px solid #dbeafe}.outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outfit-card{min-height:92px}.voice-grid button{border-radius:18px;min-height:72px;justify-content:center}.voice-grid button b{font-size:15px}.voice-grid button.active{box-shadow:0 8px 18px #267ef033}.result{white-space:pre-line}@media(max-width:440px){.production-preview{grid-template-columns:1fr}.quick-outfit-panel{margin-top:0}.outfit-grid{grid-template-columns:1fr}.mascot-stage{width:100%;max-width:240px;margin:0 auto}}