:root{--gold: #c8a45c;--gold-light: #d4af37;--gold-dark: #8b6d3f;--page-bg: #1a1028;--card-bg: rgba(255, 255, 252, .94);--card-border: rgba(200, 170, 110, .45);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:var(--page-bg);color:#333}.page{max-width:480px;margin:0 auto;min-height:100vh;background:#0e0820}.poster{width:100%;height:42vh;min-height:280px;object-fit:cover;object-position:center top;display:block}.stack{margin-top:-120px;position:relative;z-index:2;padding:0 10px calc(18px + var(--safe-bottom))}.card{background:linear-gradient(180deg,#fffffdf5,#fff7eee6);border:1px solid var(--card-border);border-radius:12px;margin-bottom:10px;box-shadow:0 1px 8px #0000001f}.notice-title{text-align:center;padding:12px 0 8px;font-size:15px;font-weight:700;color:#b71c1c;letter-spacing:3px}.notice-body{padding:0 14px 14px;font-size:11.5px;line-height:1.75;color:#333}.notice-body p{margin-bottom:6px}.info-header{display:flex;align-items:center;gap:6px;padding:10px 12px 8px;border-bottom:1px solid rgba(0,0,0,.06)}.info-label{font-size:14px;font-weight:700;color:#b71c1c}.info-tip{flex:1;font-size:9.5px;color:#c62828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-row{display:flex;align-items:center;gap:8px;padding:0 12px;height:44px;border-bottom:1px solid rgba(0,0,0,.05)}.form-row:last-child{border-bottom:none}.form-label{width:72px;flex-shrink:0;font-size:12px;color:#444}.form-input{flex:1;min-width:0;height:30px;border:1px solid rgba(0,0,0,.06);border-radius:4px;padding:0 10px;font-size:12px;background:#f5f5f5d9}.form-input:disabled{opacity:.65}.bank-title{padding:10px 12px 4px;font-size:12px;font-weight:700;color:var(--gold-dark)}.btn-main{display:block;width:calc(100% - 24px);margin:10px auto 12px;padding:12px 0;border:none;border-radius:8px;background:linear-gradient(180deg,#f5e6b8,#d4b86a);color:#8b1a1a;font-size:16px;font-weight:700;letter-spacing:6px}.btn-main.progress{background:linear-gradient(180deg,#b8d4f0,#8bb8e0);color:#1a4a7a;letter-spacing:2px}.share{padding:12px 14px}.share-title{font-size:14px;font-weight:700;color:#b71c1c;margin-bottom:8px}.share-link{background:#f5f5f5cc;border:1px solid rgba(0,0,0,.06);border-radius:6px;padding:8px 10px;font-size:10px;color:#555;word-break:break-all;margin-bottom:10px}.share-actions{display:flex;gap:6px}.share-actions button{flex:1;padding:9px 0;border-radius:6px;border:1px solid rgba(0,0,0,.08);background:#f5f5f5e6;font-size:11px;font-weight:600}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000c7;color:#fff;padding:11px 22px;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:100}.toast.show{opacity:1}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:90}.modal-mask.show{opacity:1;pointer-events:auto}.modal-box{width:100%;max-width:310px;background:#fff;border-radius:10px;padding:24px 20px 18px;text-align:center}.modal-title{font-size:17px;font-weight:700;margin-bottom:10px}.modal-text{font-size:13px;line-height:1.9;color:#555;margin-bottom:16px;text-align:left}.modal-btn{width:100%;padding:12px 0;border:none;border-radius:6px;background:linear-gradient(180deg,#e8c872,#c8a45c);color:#fff;font-size:15px;font-weight:600}.footer-note{text-align:center;font-size:10px;color:#ffffff59;padding:8px 0 16px}
