:root{--color-gold: #C8923A;--color-gold-deep: #9C6A1F;--color-gold-light: #E9D7AE;--color-ink: #2A241A;--color-ink-2: #5B513F;--color-ink-3: #8A806E;--color-bg: #F4ECDA;--color-bg-2: #FAF5EA;--color-card: #FFFBF2;--color-green: #4D6A57;--color-red: #B5473D;--color-red-deep: #8E3429;--color-border: #E5DCC2;--radius-btn: 8px;--radius-card: 12px;--shadow: 0 1px 2px rgba(0,0,0,.04);--font: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font);background:var(--color-bg);color:var(--color-ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;justify-content:center;background:var(--color-bg)}.phone{width:100%;max-width:480px;min-height:100vh;background:var(--color-bg-2);position:relative;box-shadow:0 0 24px #0000000a}@media (min-width: 481px){.phone{border-radius:12px;margin:16px 0;min-height:calc(100vh - 32px)}}.statusbar{height:24px;display:flex;align-items:center;justify-content:space-between;padding:4px 16px 0;font-size:12px;color:var(--color-ink);font-weight:600}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--color-bg-2);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:5}.topbar .back{color:var(--color-ink);font-size:18px}.topbar h1{font-size:16px;font-weight:600;margin:0;flex:1;text-align:center}.topbar .right{min-width:24px}.section{padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--color-gold);color:#fff;border:none;border-radius:var(--radius-btn);padding:10px 16px;font-size:14px;font-weight:600;width:100%;transition:background .15s}.btn:hover{background:var(--color-gold-deep)}.btn:disabled{background:var(--color-ink-3);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--color-ink);border:1px solid var(--color-border)}.btn-red{background:var(--color-red)}.btn-red:hover{background:var(--color-red-deep)}.card{background:var(--color-card);border-radius:var(--radius-card);padding:14px;box-shadow:var(--shadow);border:1px solid var(--color-border)}.field{margin-bottom:14px}.field label{display:block;margin-bottom:4px;font-size:12px;color:var(--color-ink-2)}.input,input[type=text],input[type=password],input[type=tel],input[type=number],textarea,select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-btn);background:#fff;font-size:14px;color:var(--color-ink);outline:none}.input:focus,input:focus,textarea:focus,select:focus{border-color:var(--color-gold)}.input[readonly]{background:var(--color-bg);color:var(--color-gold-deep);font-weight:600}.row{display:flex;align-items:center;gap:10px}.tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;background:var(--color-bg);color:var(--color-ink-2);border:1px solid var(--color-border)}.tag-gold{background:var(--color-gold-light);color:var(--color-gold-deep);border-color:var(--color-gold)}.tag-green{background:#e3ebdf;color:var(--color-green);border-color:var(--color-green)}.tag-red{background:#f2d9d5;color:var(--color-red);border-color:var(--color-red)}.divider{height:1px;background:var(--color-border);margin:12px 0}.empty{text-align:center;color:var(--color-ink-3);padding:48px 16px}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--color-ink);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;z-index:100;box-shadow:0 4px 16px #0000001f}.qr-frame{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:14px;text-align:center}.qr-frame img{width:180px;height:180px;object-fit:contain}.amount-locked{display:flex;align-items:baseline;justify-content:center;gap:6px;padding:14px;background:var(--color-gold-light);border-radius:var(--radius-card);color:var(--color-gold-deep)}.amount-locked .yen{font-size:18px}.amount-locked .num{font-size:36px;font-weight:700}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.book-card{background:var(--color-card);border-radius:var(--radius-card);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow)}.book-card .cover{aspect-ratio:3/4;background:var(--color-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.book-card .cover img{width:100%;height:100%;object-fit:cover}.book-card .meta{padding:10px}.book-card h3{font-size:14px;margin:0 0 4px}.book-card p{font-size:12px;color:var(--color-ink-2);margin:0}.list-row{display:flex;align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:12px;margin-bottom:10px;box-shadow:var(--shadow)}.list-row .ic{width:50px;height:64px;background:var(--color-bg);border-radius:6px;margin-right:12px;overflow:hidden}.list-row .ic img{width:100%;height:100%;object-fit:cover}.list-row .info{flex:1}.list-row .info h3{font-size:14px;margin:0 0 4px}.list-row .info p{font-size:12px;color:var(--color-ink-2);margin:0}.bg-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#f4ecdaf2;display:flex;align-items:center;justify-content:center;z-index:9999;font-size:16px;color:var(--color-ink-2);text-align:center;padding:24px}.reader-img{width:100%;height:auto;display:block;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}