:root{--primary: #5c4324;--primary-light: #8a6a3e;--primary-dark: #3d2c16;--accent: #966e40;--accent-soft: #c49c66;--grad-start: #c49c66;--grad-end: #7a5730;--bg: #d4dfd6;--bg-deep: #c5d1c7;--text: #171916;--muted: #5a665e;--card-bg: rgba(255, 252, 247, .82);--danger: #a33a2c;--line: rgba(90, 110, 98, .22);--wood-line: rgba(138, 106, 62, .28);--radius: 18px;--font: "Noto Sans SC", system-ui, sans-serif;--display: "Noto Serif SC", "Source Han Serif CN", "Songti SC", serif;--shadow: 0 12px 32px rgba(60, 50, 30, .1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%;font-family:var(--font);color:var(--text);-webkit-tap-highlight-color:transparent;background-color:var(--bg)}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:22px 18px 96px;max-width:480px;margin:0 auto;position:relative}.page-xq:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--bg);background-image:url(/assets/bg-xq-DokJBTuM.png);background-size:cover;background-position:center top;background-repeat:no-repeat}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.eyebrow{font-size:10px;letter-spacing:.28em;color:#736004;font-weight:500;margin-bottom:6px}.page-title{font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:.14em;color:#171916;line-height:1.2}.page-sub{font-size:12px;color:var(--muted);margin-top:6px;letter-spacing:.04em}.card{position:relative;background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:var(--shadow);border:1px solid rgba(138,106,62,.16)}.section-title{font-family:var(--display);font-size:16px;font-weight:700;margin-bottom:12px;color:#171916;letter-spacing:.1em}.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--display);letter-spacing:.12em;transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.985)}.btn-primary{background:linear-gradient(180deg,#c49c66,#966e40 48%,#7a5730);color:#fffaf2;width:100%;box-shadow:0 10px 22px #50381c38}.btn-ghost{background:#fffcf7b3;color:#3d2c16;border:1px solid var(--wood-line)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;height:46px;border:1px solid var(--wood-line);border-radius:12px;padding:0 14px;font-size:15px;font-family:inherit;outline:none;background:#ffffffb8;color:var(--text)}.input:focus{border-color:#966e408c;box-shadow:0 0 0 3px #966e401f}.textarea{width:100%;min-height:100px;border:1px solid var(--wood-line);border-radius:12px;padding:12px 14px;font-size:14px;font-family:inherit;resize:vertical;outline:none;background:#ffffffb8;color:var(--text)}.row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.row:last-child{border-bottom:none}.row .label{color:var(--muted);flex-shrink:0}.row .value{text-align:right;word-break:break-all;color:var(--text);font-weight:500}.tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;letter-spacing:.06em;background:#8a6a3e1f;color:#5c4324;border:1px solid rgba(138,106,62,.22);font-weight:600}.chip-btn,.back-btn,.ghost-link{border:1px solid var(--wood-line);background:#fffcf7bf;color:#3d2c16;height:34px;padding:0 14px;border-radius:999px;font-size:13px;font-family:inherit;cursor:pointer}.ghost-link{border:none;background:transparent;color:var(--muted);height:auto;padding:4px 0}.bottom-bar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;display:flex;align-items:flex-end;background:#fffcf7f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--wood-line);padding-bottom:env(safe-area-inset-bottom);z-index:30;box-shadow:0 -8px 24px #3c321e14;overflow:visible}.bottom-bar .tab-item{flex:1 1 33.33%;width:33.33%;height:58px;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px;font-family:inherit;letter-spacing:.1em;cursor:pointer;position:relative}.bottom-bar .tab-item svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}.bottom-bar .tab-item.active{color:#1b4332;font-weight:700}.bottom-bar .tab-item.active svg{stroke:#1b4332}.bottom-bar .tab-scan{justify-content:flex-end;padding-bottom:6px;gap:2px;overflow:visible}.bottom-bar .scan-fab{width:56px;height:56px;margin-top:-28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#90d0a2,#39b07e 72%);color:#fff;border:4px solid #f7faf6;box-shadow:0 8px 18px #1b433259,0 0 0 1px #d4b56a59}.bottom-bar .scan-fab svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.8}.bottom-bar .tab-scan.active .scan-fab,.bottom-bar .tab-scan:active .scan-fab{background:linear-gradient(160deg,#4a8f5c,#245a3a 72%);box-shadow:0 10px 22px #1b43326b,0 0 0 1px #d4b56a80}.bottom-bar .tab-scan span:last-child{margin-top:2px}.toast{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);background:#3d2c16f0;color:#fffaf2;padding:12px 20px;border-radius:12px;font-size:14px;z-index:99;pointer-events:none;letter-spacing:.06em}