:root{--bg-top: #fff8ef;--bg-bottom: #f4f7fb;--panel: rgba(255, 255, 255, .92);--panel-strong: #ffffff;--text: #1f2937;--muted: #6b7280;--line: rgba(148, 163, 184, .22);--accent: #ff7a18;--accent-deep: #dc5d00;--good: #0f9f63;--bad: #dc2626;--shadow: 0 24px 60px rgba(31, 41, 55, .12);--radius: 28px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,122,24,.18),transparent 30%),radial-gradient(circle at right center,rgba(56,189,248,.12),transparent 28%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,select{width:100%;min-height:54px;border:1px solid var(--line);border-radius:16px;padding:0 16px;background:var(--panel-strong);color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px}input:focus,select:focus{border-color:#ff7a187a;box-shadow:0 0 0 4px #ff7a181f}#app{min-height:100vh}.page-shell{min-height:100vh;display:grid;place-items:center;padding:32px 16px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom)) 16px}.calculator-card{width:min(1040px,100%);background:var(--panel);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.hero-panel{padding:40px 40px 24px;background:radial-gradient(circle at top right,rgba(255,255,255,.28),transparent 28%),linear-gradient(135deg,#ff7a18,#ff9f43 52%,#ffd37a);color:#fffdf8}.eyebrow{display:inline-flex;margin:0 0 14px;padding:8px 12px;border-radius:999px;background:#ffffff29;font-size:13px;letter-spacing:.04em}.hero-panel h1{margin:0;font-size:clamp(32px,5vw,48px);line-height:1.08}.hero-copy{max-width:640px;margin:14px 0 0;font-size:16px;line-height:1.8;color:#fffdf8eb}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;padding:28px 40px 40px}.form-panel,.result-panel{border-radius:24px;background:#ffffffeb;border:1px solid rgba(226,232,240,.9)}.form-panel{padding:24px;display:grid;gap:18px}.field-group{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:16px}.preset-row{display:grid;gap:10px}.preset-row span{font-size:14px;font-weight:600;color:#374151}.preset-list{display:flex;flex-wrap:wrap;gap:10px}.preset-btn{min-height:44px;border:0;border-radius:999px;padding:0 16px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.preset-btn{background:#fff1e8;color:var(--accent-deep)}.preset-btn:hover{transform:translateY(-1px)}.field{display:grid;gap:8px}.field span{font-size:14px;font-weight:600;color:#374151}.field-hint{color:var(--muted);font-size:12px;line-height:1.5}.date-wheel-input{letter-spacing:.02em}.result-panel{padding:24px;display:grid;align-content:start;gap:12px;background:linear-gradient(180deg,#fff7edf2,#fffffff5)}.result-panel.success{background:linear-gradient(180deg,#ecfdf5f5,#fffffffa)}.result-panel.danger{background:linear-gradient(180deg,#fef2f2f5,#fffffffa)}.result-label{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.today-box{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:#ffffffbd;border:1px solid rgba(226,232,240,.9)}.today-box span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.today-box strong{display:block;margin-top:6px;font-size:18px}.today-field{display:grid;gap:8px;width:100%}.today-field input{background:#fffffff5}.result-panel h2{margin:0;font-size:32px;color:var(--accent-deep)}.result-panel.success h2{color:var(--good)}.result-panel.danger h2{color:var(--bad)}.result-copy{margin:0;color:#4b5563;line-height:1.8}.result-meta{margin:8px 0 0;display:grid;gap:12px}.result-meta div{padding:14px 16px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(226,232,240,.9)}.result-meta dt{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.result-meta dd{margin:8px 0 0;font-size:18px;font-weight:700}@media(max-width:860px){.content-grid{grid-template-columns:1fr}}@media(max-width:640px){.page-shell{display:block;padding:max(12px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom)) 12px}.calculator-card{border-radius:22px}.hero-panel{padding:24px 16px 16px}.hero-panel h1{font-size:28px}.hero-copy{font-size:14px;line-height:1.7}.content-grid{padding:16px;gap:14px}.form-panel,.result-panel{padding:16px;border-radius:20px}.field-group{grid-template-columns:1fr;gap:12px}.preset-list{gap:8px}.preset-btn{flex:1 1 calc(50% - 8px);padding:0 12px;font-size:14px}.today-box{display:grid;gap:10px}.result-panel h2{font-size:28px}.result-copy{font-size:14px;line-height:1.7}.result-meta dd{font-size:16px}}@media(max-width:390px){.hero-panel h1{font-size:26px}.hero-copy,.field span,.preset-row span,.result-copy{font-size:13px}.field-hint{font-size:11px}input,select{min-height:52px;padding:0 14px}.preset-btn{min-height:42px;font-size:13px}.today-box strong,.result-meta dd{font-size:15px}}