*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:#f5f6fa;color:#1f2430}.page{padding:12px 12px 72px;max-width:560px;margin:0 auto;min-height:100%}.card{background:#fff;border-radius:12px;padding:14px;margin-bottom:12px;box-shadow:0 1px 4px #0000000d}.page-title{font-size:18px;font-weight:600;margin:6px 4px 12px}.muted{color:#8c93a3;font-size:13px}.row{display:flex;gap:8px;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center}.quota{font-size:26px;font-weight:700;color:#7c5cff}.tabbar{position:fixed;left:0;right:0;bottom:0;height:56px;display:flex;background:#fff;border-top:1px solid #eceef3;max-width:560px;margin:0 auto}.tab{flex:1;display:flex;align-items:center;justify-content:center;color:#8c93a3;font-size:14px}.tab.active{color:#7c5cff;font-weight:600}.script-box{white-space:pre-wrap;line-height:1.6;color:#374151;font-size:14px}.shot{color:#6b7280;font-size:13px}.video{width:100%;border-radius:10px;background:#000}.back{color:#7c5cff;font-size:14px;cursor:pointer}a{color:#7c5cff}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(160deg,#7c5cff,#4c2fd6);color:#fff}.splash-logo{font-size:22px;font-weight:700;letter-spacing:1px}.splash .muted{color:#ffffffd9}