:root{--blue-700: #2f6fb3;--blue-600: #3a7bc2;--blue-100: #e7f0fb;--blue-50: #f4f8fe;--green-500: #76b245;--gray-900: #1f2a37;--gray-700: #4a5568;--gray-500: #718096;--gray-200: #e2e8f0;--white: #ffffff;--shadow: 0 20px 40px rgba(25, 46, 76, .12)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#f0f4fb,#e9eef7 50%,#f6f8fb);font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,serif;color:var(--gray-900)}#app{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px 16px 48px}.phone-shell{width:min(420px,100%);background:var(--white);border-radius:26px;overflow:hidden;box-shadow:var(--shadow);min-height:760px;position:relative}.topbar{background:var(--blue-700);color:var(--white);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar .brand{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:.5px}.topbar .brand .icon{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.9);display:grid;place-items:center;font-size:20px;font-weight:700}.topbar .actions{display:flex;gap:8px}.topbar .action-btn{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff29;color:var(--white);font-size:18px;cursor:pointer}.page{padding:26px 24px 90px}.page-title{font-size:22px;font-weight:600;margin-bottom:18px}.page-subtitle{font-size:16px;color:var(--gray-700);margin-bottom:16px}.center{text-align:center}.qr-box{width:210px;height:210px;margin:18px auto;background:#fff;border-radius:12px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #11111114}.qr-box canvas{width:200px;height:200px}.stats-card{background:var(--blue-50);border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;box-shadow:inset 0 0 0 1px #2f6fb314}.stats-card .left{display:flex;gap:12px;align-items:center}.stats-card .left .avatar{width:42px;height:42px;background:var(--blue-600);color:var(--white);border-radius:12px;display:grid;place-items:center;font-size:20px}.stats-card .number{font-size:26px;color:var(--blue-700);font-weight:700}.card{background:var(--blue-50);padding:18px;border-radius:18px;box-shadow:inset 0 0 0 1px #2f6fb314}.form-row{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;margin-bottom:18px}input[type=text]{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--gray-200);font-size:14px}.btn{border:none;border-radius:10px;padding:12px 18px;font-size:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:var(--blue-700);color:var(--white);box-shadow:0 10px 18px #2f6fb340}.btn.secondary{background:var(--white);border:1px solid var(--gray-200);color:var(--gray-700)}.btn.large{width:100%;padding:14px 18px;font-size:16px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.option-btn{padding:16px 10px;border-radius:14px;border:1px solid var(--gray-200);background:var(--white);text-align:center;font-weight:600;cursor:pointer}.option-btn.active{border-color:var(--blue-700);background:var(--blue-100)}.checkbox-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:14px}.checkbox-item input{width:18px;height:18px}.footer-nav{position:absolute;left:0;right:0;bottom:16px;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.footer-step{position:absolute;left:50%;bottom:10px;transform:translate(-50%);background:var(--white);border:1px solid var(--gray-200);border-radius:20px;padding:6px 12px;font-size:12px;color:var(--gray-500);display:flex;gap:10px;align-items:center}.footer-step .icon{font-size:14px;cursor:pointer}.success-icon{width:70px;height:70px;border-radius:50%;background:var(--green-500);display:grid;place-items:center;color:var(--white);font-size:36px;margin:16px auto}.chat-window{background:#f5f6f8;padding:14px;border-radius:14px;min-height:380px;max-height:420px;overflow-y:auto}.chat-msg{display:flex;gap:10px;margin-bottom:12px}.chat-msg.assistant{justify-content:flex-start}.chat-msg.user{justify-content:flex-end}.chat-bubble{max-width:70%;padding:10px 12px;border-radius:12px;background:var(--white);border:1px solid var(--gray-200);font-size:13px;line-height:1.5}.chat-msg.user .chat-bubble{background:var(--blue-700);color:var(--white);border:none}.chat-input{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}.record-box{margin-top:18px;background:var(--white);border:1px dashed var(--blue-600);padding:14px;border-radius:12px;font-size:13px;white-space:pre-wrap}@media (max-width: 480px){.phone-shell{min-height:100vh;border-radius:0}#app{padding:0}}