:root{--color-primary: #16a34a;--color-primary-dark: #15803d;--color-bg: #f7f8f7;--color-surface: #ffffff;--color-border: #e5e7eb;--color-text: #1f2937;--color-muted: #6b7280;--color-danger: #dc2626;--radius: 12px;--gap: 16px;--container-max: 1200px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:var(--color-text);line-height:1.5}*{box-sizing:border-box}html,body{margin:0;padding:0;min-width:320px;background:var(--color-bg);overflow-x:hidden}#app{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,svg{max-width:100%;height:auto}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:clamp(12px,4vw,32px)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--gap)}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border:none;border-radius:var(--radius);background:var(--color-primary);color:#fff;font-weight:600}.btn:active{background:var(--color-primary-dark)}.btn-block{width:100%}.text-muted{color:var(--color-muted)}