:root{--ink:#22231f;--muted:#74756d;--paper:#fffdf8;--lime:#dfff4f;--line:#e7e5dd}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#eeeee7;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.page-shell{min-height:100svh;padding:34px 16px 70px;position:relative;overflow:hidden;display:grid;place-items:start center}.ambient{position:fixed;border-radius:999px;filter:blur(4px);opacity:.7;pointer-events:none}.ambient-one{width:280px;height:280px;background:#dfff4f;top:-150px;right:-90px}.ambient-two{width:240px;height:240px;background:#ff9a75;bottom:-150px;left:-110px}.phone-card{width:min(100%,560px);position:relative;z-index:1;background:var(--paper);border:1px solid #22231f14;box-shadow:0 24px 70px #2a2b261f;border-radius:30px;padding:22px}.topbar{display:flex;align-items:center;gap:11px;padding-bottom:22px;border-bottom:1px solid var(--line)}.brand-mark{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;background:var(--ink);color:var(--lime);font-weight:800}.eyebrow{margin:0 0 2px;font-size:11px;color:var(--muted);letter-spacing:.08em}h1{margin:0;font-size:18px}.shop-meta{margin:4px 0 0;color:var(--muted);font-size:10px}.nfc-pill{margin-left:auto;white-space:nowrap;font-size:10px;font-weight:700;padding:7px 9px;color:#576300;background:#efffc0;border-radius:999px}.hero-copy{margin:28px 0 18px}.step{display:inline-block;font:700 11px monospace;margin-bottom:8px;border-bottom:3px solid var(--lime)}h2{margin:0;font-size:clamp(27px,7vw,38px);letter-spacing:-.04em;line-height:1.15}.hero-copy p{margin:9px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}.rating{display:flex;align-items:center;flex-wrap:wrap;padding:15px;border-radius:18px;background:#f6f5ee}.star{border:0;padding:2px;background:transparent;color:#d8d6cb;font-size:29px;cursor:pointer}.star.active{color:#ff9c2a}.rating-label{width:100%;margin-top:5px;font-size:12px;color:var(--muted)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:25px 0 12px}.section-heading h3,.detail-field>span{font-size:15px;font-weight:700;margin:0}.section-heading span,.detail-field small{color:#999a91;font-size:11px;font-weight:400}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{border:1px solid var(--line);background:#fff;color:#4e4f48;padding:10px 13px;border-radius:999px;cursor:pointer;font-size:13px}.chip span{display:inline-block;width:16px;color:#a1a298}.chip.selected{color:#232800;border-color:#cbe640;background:#f2ffc0}.detail-field{display:block;position:relative;margin:25px 0 18px}.detail-field>span{display:block;margin-bottom:10px}textarea{width:100%;resize:vertical;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:16px;padding:14px;line-height:1.6;outline:none}.detail-field textarea{min-height:92px;padding-bottom:28px}.detail-field em{position:absolute;bottom:10px;right:12px;color:#aaa;font-size:10px;font-style:normal}.primary-button{width:100%;border:0;border-radius:16px;background:var(--ink);color:#fff;padding:16px 18px;font-weight:700;cursor:pointer;box-shadow:0 8px 0 #cbe640}.primary-button span{float:right;color:var(--lime)}.draft-card{margin-top:30px;padding-top:23px;border-top:1px solid var(--line)}.hidden{display:none}.draft-title,.draft-title>div{display:flex;align-items:center;justify-content:space-between;gap:9px}.draft-title span{font:700 11px monospace;border-bottom:3px solid #ff9a75}.draft-title h3{margin:0;font-size:17px}.draft-title button{border:0;background:transparent;color:#6f791d;font-size:12px}.draft-card textarea{min-height:150px;margin-top:13px}.draft-actions{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;margin-top:10px}.draft-actions button{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 6px;font-size:12px;font-weight:700}.draft-actions .copy-button{border-color:var(--ink);background:var(--ink);color:#fff}.tip{margin:11px 2px 0;color:var(--muted);font-size:11px;line-height:1.5}footer{margin-top:28px;text-align:center;color:#9b9c94;font-size:10px}@media(max-width:420px){.page-shell{padding:0}.phone-card{min-height:100svh;border-radius:0;padding:20px 18px 32px}.nfc-pill{font-size:9px}}