:root{--h5-bg-page: #f1f5f9;--h5-bg-frame: #ffffff;--h5-bg-toolbar: #f8fafc;--h5-bg-card: #ffffff;--h5-bg-subcard: #f9fafb;--h5-bg-input: #ffffff;--h5-bg-elevated: #f9fafb;--h5-border: #f3f4f6;--h5-border-sub: #e5e7eb;--h5-text: #111827;--h5-text-muted: #6b7280;--h5-text-secondary: #374151;--h5-frame-border: #e5e7eb}.dark{--h5-bg-page: #0a0b18;--h5-bg-frame: #0f1026;--h5-bg-toolbar: #14152e;--h5-bg-card: #15162e;--h5-bg-subcard: #1c1e3f;--h5-bg-input: #101124;--h5-bg-elevated: #181a38;--h5-border: #252854;--h5-border-sub: #1d1f42;--h5-text: #f3f4f6;--h5-text-muted: #9ca3af;--h5-text-secondary: #d1d5db;--h5-frame-border: #22244a}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;background:var(--h5-bg-page);color:var(--h5-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}button{font-family:inherit;border:none;background:none;cursor:pointer}input,textarea{font-family:inherit}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fade-in .2s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.h5-card{padding:16px;border:1px solid var(--h5-border);background:var(--h5-bg-card);color:var(--h5-text);box-shadow:0 1px 2px #0000000d}.h5-subcard{padding:10px;border-radius:12px;background:var(--h5-bg-subcard);border:1px solid var(--h5-border)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border-radius:12px;font-size:14px;font-weight:700;color:#fff;background:#2563eb;transition:background .2s,transform .1s}.btn-primary:hover{background:#1d4ed8}.btn-primary:active{transform:scale(.98)}.btn-secondary{flex:1;padding:10px;border-radius:12px;border:1px solid var(--h5-border-sub);font-size:12px;font-weight:700;color:var(--h5-text-secondary);background:transparent;transition:background .2s}.btn-secondary:hover{background:var(--h5-bg-subcard)}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:12px;background:#000c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .2s ease-out}.modal-panel{width:100%;max-width:384px;border-radius:16px;border:1px solid var(--h5-border);background:var(--h5-bg-elevated);color:var(--h5-text);box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.icon-xs{width:14px;height:14px;flex-shrink:0}.icon-sm{width:16px;height:16px;flex-shrink:0}.icon-md{width:20px;height:20px;flex-shrink:0}