*{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}