:root{color:#1f252b;background:#fff8ed;--ink: #1f252b;--muted: #766f65;--line: #eadfd1;--paper: #fffdf8;--surface: #fff8ed;--brand: #b85f3a;--brand-deep: #6f3b2a;--mint: #3f7669;--mint-deep: #123f39;--gold: #a98547;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f3eadb,#e8ddcd)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}button,.styleCard,.optionGrid button,.accountCard button,.textButton{transition:transform .12s ease,opacity .12s ease,background-color .12s ease,border-color .12s ease;touch-action:manipulation}button:active{transform:scale(.985)}.phoneShell{position:relative;width:min(100vw,480px);min-height:100vh;margin:0 auto;overflow:hidden;background:var(--surface);box-shadow:0 0 70px #2635292e}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:54px 1fr 118px;align-items:center;gap:8px;padding:max(22px,env(safe-area-inset-top)) 16px 0;background:#fffdf8f5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar h1{margin:0;text-align:center;font-size:20px;font-weight:600;letter-spacing:0}.iconButton{width:42px;height:42px;border:0;background:transparent;color:var(--ink)}.iconButton:disabled{cursor:default}.wechatCapsule{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:1px solid #e5d2bd;border-radius:18px;background:#fff6ea;color:var(--brand-deep);font-weight:800}.miniCircle{display:grid;width:27px;height:27px;place-items:center;border:2px solid var(--brand-deep);border-radius:999px;font-size:13px}.progress{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:22px 0 16px}.progressItem{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;color:#c8c3bc;font-weight:800;font-size:12px}.progressItem:before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:2px;background:#e7e1d9}.progressItem:first-child:before{display:none}.dot{position:relative;z-index:1;display:grid;width:35px;height:35px;place-items:center;border-radius:999px;background:#eee5d9;font-size:16px}.dot.active{background:var(--brand);color:#fff}.activeText{color:var(--brand-deep)}.screen{min-height:calc(100vh - 158px);padding:24px 15px 112px;background:radial-gradient(circle at top left,rgba(184,95,58,.12),transparent 34%),var(--surface)}.home{display:flex;flex-direction:column;align-items:center;padding-top:38px;text-align:center}.brandIcon{display:grid;width:116px;height:116px;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:36px 24px;background:radial-gradient(circle at 30% 25%,rgba(255,244,217,.48),transparent 34%),linear-gradient(145deg,#c77748,#5f6041);color:#fff;box-shadow:0 24px 50px #6f3b2a42}.brandIcon span{display:grid;width:62px;height:62px;place-items:center;border:3px solid rgba(255,255,255,.86);border-radius:999px;font-size:34px;font-weight:900}.home h2{margin:28px 0 8px;font-size:clamp(38px,10vw,50px);line-height:1.08;letter-spacing:0}.quote{margin:0;max-width:390px;color:var(--ink);font-size:25px;font-weight:800;line-height:1.25}.slogan{max-width:390px;margin:12px 0 28px;color:var(--muted);font-size:17px;font-weight:800;line-height:1.5}.priceCard{display:flex;justify-content:space-between;width:100%;padding:18px 16px;margin-bottom:23px;border:1px solid #f0e8df;border-radius:12px;background:var(--paper);box-shadow:0 10px 28px #27313a14;text-align:left}.priceCard div{display:flex;flex-direction:column;gap:4px}.priceCard span{color:#9a9288;font-weight:700}.priceCard strong{color:var(--brand-deep);font-size:25px}.accountCard{display:grid;width:100%;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px 16px;margin-bottom:18px;border:1px solid #ead7c1;border-radius:12px;background:#fffdf8;box-shadow:0 12px 32px #26352914;text-align:left}.accountCard span{color:var(--muted);font-weight:800}.accountCard b{color:var(--brand-deep);font-size:22px}.accountCard button{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 12px;border:0;border-radius:10px;color:#fff;background:var(--mint-deep);font-weight:900}.oldPrice{color:#cfc8bd!important;text-decoration:line-through}.primary,.bottomButton,.payBar button{display:flex;align-items:center;justify-content:center;width:100%;min-height:64px;gap:10px;border:0;border-radius:16px;color:#fff;font-size:24px;font-weight:900;text-decoration:none}.primary{margin:9px 0}.red{background:linear-gradient(135deg,#d86f4e,var(--brand-deep));box-shadow:0 14px 34px #b85f3a3d}.dark,.bottomButton,.payBar button{background:linear-gradient(135deg,var(--mint-deep),#17231d)}.smallText{color:#8d867e;font-weight:600}.smallText b{color:var(--brand-deep)}.pageTitle,.settings h2,.result h2{margin:0;font-size:29px;line-height:1.15;letter-spacing:0}.subTitle{margin:7px 0 18px;color:var(--muted);font-size:22px;font-weight:900}.previewWrap{position:relative;height:268px;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:#e9e0d2;box-shadow:0 14px 34px #2635291a}.previewWrap img,.resultFrame img{width:100%;height:100%;object-fit:cover;display:block}.previewWrap span{position:absolute;left:16px;bottom:15px;padding:5px 10px;border-radius:6px;background:#17212bad;color:#fff;font-weight:900}.formCard{padding:20px 16px;margin-top:18px;border:1px solid #efe1d1;border-radius:16px;background:var(--paper);box-shadow:0 8px 28px #27313a0f}.formCard label,.fieldRow label{display:block;color:var(--muted);font-size:18px;font-weight:900}.formCard input,.formCard textarea,.bigInput{width:100%;border:1px solid #ebe4dc;outline:0;color:var(--ink);background:#fffaf2;font-weight:900}.formCard input{min-height:58px;border-width:0 0 1px;font-size:30px}.formCard textarea,.bigInput{min-height:118px;margin-top:10px;padding:16px;resize:vertical;border-radius:10px;font-size:19px;line-height:1.5}.fieldRow{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.fieldRow b{color:var(--brand-deep)}.hint,.selectedCount{color:var(--muted);font-size:16px;font-weight:700}.bottomButton{margin-top:24px}.styleList{display:grid;gap:13px;margin-top:18px}.styleCard{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:16px;border:1px solid transparent;border-radius:16px;background:var(--paper);text-align:left;box-shadow:0 7px 21px #27313a0f}.styleCard.selected,.selectedBox{border-color:var(--brand)!important;background:#fff1e8!important;box-shadow:0 10px 26px #8e34241a}.styleCard span{display:grid;gap:4px}.styleCard b{font-size:25px}.styleCard small,.optionGrid span{color:var(--muted);font-size:16px;font-weight:700}.styleCard em{flex:0 0 auto;padding:7px 10px;border:1px solid #e7c9b6;border-radius:999px;color:var(--brand-deep);background:#fff4ed;font-style:normal;font-weight:900}.settings h2{margin-top:18px;font-size:28px}.optionGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.optionGrid button{min-height:88px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--paper);text-align:left}.optionGrid b{display:block;margin-bottom:5px;font-size:21px}.payBar{position:fixed;right:50%;bottom:0;z-index:20;width:min(100vw,480px);padding:16px 16px max(17px,env(safe-area-inset-bottom));transform:translate(50%);border-radius:22px 22px 0 0;background:var(--paper);box-shadow:0 -16px 34px #2635291f}.payBar div{display:flex;justify-content:space-between;margin-bottom:13px;color:var(--muted);font-size:21px}.payBar button{min-height:62px}.tabbar{position:fixed;right:50%;bottom:0;z-index:20;display:grid;width:min(100vw,480px);grid-template-columns:repeat(3,1fr);padding:13px 8px max(14px,env(safe-area-inset-bottom));transform:translate(50%);background:var(--paper);border-top:1px solid var(--line)}.tabbar span{display:grid;justify-items:center;gap:4px;color:#9a9288;font-weight:700}.tabbar .active{color:var(--brand)}.resultFrame{display:grid;min-height:420px;overflow:hidden;place-items:center;border:1px solid #efe1d1;border-radius:16px;background:var(--paper);box-shadow:0 8px 24px #27313a0f}.loading{display:grid;justify-items:center;gap:16px;color:var(--muted);text-align:center}.spin{animation:spin 1s linear infinite}.linkButton{color:#fff}.errorBanner{padding:12px 14px;margin-bottom:14px;border:1px solid #e6b49f;border-radius:12px;color:#9f2f22;background:#fff1e8;font-weight:800}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:end center;padding:18px;background:#1f252b75}.modalCard{width:min(100%,448px);max-height:92vh;overflow:auto;padding:20px;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:var(--paper);box-shadow:0 24px 70px #17212b47}.modalCard h2{margin:0 0 8px;font-size:26px}.modalCard p{margin:0 0 14px;color:var(--muted);font-weight:700;line-height:1.5}.modalCard input,.modalCard textarea{width:100%;min-height:52px;padding:13px;margin-top:10px;border:1px solid var(--line);border-radius:14px;outline:0;color:var(--ink);background:#fffaf3;font-weight:800}.modalCard textarea{min-height:108px;resize:vertical}.textButton{width:100%;min-height:42px;border:0;color:var(--brand-deep);background:transparent;font-weight:900}.planGrid{display:grid;grid-template-columns:1fr;gap:10px;margin:12px 0}.contactBox{display:grid;grid-template-columns:1fr 116px;gap:14px;align-items:center;padding:14px;margin:14px 0;border:1px solid #d9bea7;border-radius:16px;background:#fff4e7}.contactBox b{display:block;margin-bottom:4px;color:var(--ink);font-size:18px}.contactBox span,.contactBox small{display:block;color:var(--muted);font-weight:800;line-height:1.45}.contactBox img{width:116px;height:116px;object-fit:contain;border-radius:12px;background:#fff}.copyButton{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:34px;padding:0 10px;margin-top:10px;border:1px solid #d7ad8a;border-radius:999px;color:var(--brand-deep);background:#fffaf3;font-size:14px;font-weight:900}.planGrid button{min-height:70px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--paper);text-align:left}.planGrid b,.qrGrid b{display:block;margin-bottom:4px;color:var(--ink)}.planGrid span,.qrGrid span{color:var(--muted);font-weight:800}.qrGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.qrGrid div{display:grid;min-height:150px;place-items:center;padding:12px;border:1px dashed #d9bea7;border-radius:16px;background:#fff6ea;text-align:center}.qrGrid .qrPrimary{border-style:solid;border-color:#cfa480;background:#fff0df}.qrGrid img{width:100%;max-width:128px;aspect-ratio:1;object-fit:contain}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 380px){.topbar{grid-template-columns:44px 1fr 98px}.topbar h1{font-size:18px}.primary,.bottomButton,.payBar button{font-size:21px}.optionGrid,.contactBox{grid-template-columns:1fr}.contactBox img{justify-self:center}}
