*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ff6b6b;--primary-dark:#ee5a5a;--primary-bg:#fff0f0;--bg:#f8f9fa;--card-bg:#fff;--text:#333;--text-secondary:#888;--border:#eee;--shadow:0 2px 12px #00000014;--shadow-hover:0 6px 20px #0000001f}html,body{width:100%;height:100%;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;overflow-x:hidden}#app{background:var(--bg);width:100%;max-width:540px;min-height:100vh;margin:0 auto;position:relative}input,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}@media (width>=768px){#app{border-left:1px solid var(--border);border-right:1px solid var(--border)}}