:root{color:#1f2937;background-color:#f3f5f9;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}#app{min-height:100vh}h1,h2,h3,p{margin:0}button,input,select{font:inherit}.app-shell{width:min(1040px,100%);margin:0 auto;padding:16px}.page-shell{flex-direction:column;gap:16px;display:flex}.home-header h1{font-size:clamp(1.8rem,2.8vw,2.4rem)}.home-header p{color:#6b7280;margin-top:4px}.home-header-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.auth-loading{padding:24px 0}.login-page{max-width:420px;margin:0 auto}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 10px 20px #0f172a0d}.login-field{color:#475569;flex-direction:column;gap:6px;font-size:.92rem;display:flex}.login-field input{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px}.login-field input:focus{border-color:#60a5fa;outline:2px solid #93c5fd}.login-submit{width:100%}.login-submit:disabled{opacity:.6;cursor:not-allowed}.summary-card,.entry-card,.filter-card,.month-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 20px #0f172a0d}.summary-card,.filter-card,.entry-card{padding:16px}.summary-head,.history-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.summary-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.summary-item .label{color:#64748b;font-size:.88rem;display:block}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.site-footer{text-align:center;margin-top:8px;padding:12px 0 4px}.beian-link{color:#6b7280;font-size:.88rem;text-decoration:none;transition:color .2s}.beian-link:hover{color:#475569;text-decoration:underline}.actions{justify-content:flex-end;margin-top:16px;display:flex}.actions.split{justify-content:space-between;gap:12px}.primary,.secondary,.ghost,.danger{cursor:pointer;border:none;border-radius:12px;padding:10px 16px;transition:transform .15s,opacity .2s}.primary:active,.secondary:active,.ghost:active,.danger:active{transform:translateY(1px)}.primary{color:#fff;background:#1d4ed8}.secondary{color:#fff;background:#0f766e}.ghost{color:#1f2937;background:#e2e8f0}.danger{color:#fff;background:#dc2626}.ghost-danger{color:#b91c1c;background:#fee2e2;margin-top:8px}.hint{color:#64748b;font-size:.9rem}.error{color:#b91c1c;font-size:.9rem}.entry-shell{min-height:calc(100vh - 32px)}.full-screen-step{min-height:calc(100vh - 64px)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.card-option{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;min-height:100px;padding:12px}.card-option.selected{background:#dbeafe;border-color:#1d4ed8}.field{flex-direction:column;gap:8px;margin-top:12px;display:flex}.field input,.field select{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px}.wheel-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.wheel-column{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px}.wheel-column label{color:#64748b;font-size:.82rem}.wheel-column select{border-radius:10px;width:100%;margin-top:6px}.summary-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.summary-list li{border-bottom:1px dashed #e2e8f0;justify-content:space-between;gap:12px;padding-bottom:6px;display:flex}.stats-card .formula{color:#334155;margin-top:8px;font-size:.88rem}.filter-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.month-list{flex-direction:column;gap:12px;display:flex}.month-card{padding:12px}.month-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:4px 0 12px;display:flex}.record-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.record-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px}.record-row{justify-content:space-between;gap:8px;margin-bottom:4px;display:flex}.dialog-mask{background:#0f172a59;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog-card{background:#fff;border-radius:14px;width:min(440px,100%);padding:16px}.dialog-content{color:#475569;margin-top:10px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.slide-step-enter-active,.slide-step-leave-active{transition:transform .25s,opacity .25s}.slide-step-enter-from{opacity:0;transform:translate(14px)}.slide-step-leave-to{opacity:0;transform:translate(-14px)}@media (width<=768px){.app-shell{padding:12px}.home-actions,.summary-grid,.filter-card,.card-grid{grid-template-columns:1fr}.wheel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-screen-step{min-height:calc(100vh - 48px)}}