*{box-sizing:border-box;margin:0;padding:0}a,a:hover{text-decoration:none}:root{--main-color:#2563eb;--main-light:#eff6ff;--warn-color:#f97316;--text-dark:#1e293b;--text-normal:#475569;--text-light:#94a3b8;--border-color:#e2e8f0;--bg-page:#f8fafc;--bg-card:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow:0 4px 16px rgba(0,0,0,.06);--shadow-hover:0 6px 20px rgba(0,0,0,.08);--transition:all 0.25s ease}body{background-color:var(--bg-page);color:var(--text-dark);font-family:system-ui,-apple-system,Microsoft YaHei,sans-serif;line-height:1.6;padding:24px 16px}main{margin:0 auto;max-width:860px}.page-header{margin-bottom:32px;text-align:center}.page-header h1{color:var(--text-dark);font-size:32px;font-weight:700;margin-bottom:8px}.page-header p{color:var(--text-normal);font-size:16px}.main-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:24px;padding:36px 28px;transition:var(--transition)}.main-card:hover{box-shadow:var(--shadow-hover)}.calc-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:36px}.form-item{display:flex;flex-direction:column;gap:6px}.form-item label{color:var(--text-normal);font-size:14px;font-weight:500}.date-select-group{display:flex;gap:8px}input[type=date],select{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-dark);font-size:15px;min-width:96px;outline:none;padding:12px 14px;transition:var(--transition)}input[type=date]:focus,select:focus{border-color:var(--main-color);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.btn{background-color:var(--main-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:var(--transition)}.btn:hover{background-color:#1d4ed8;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.result-top{margin-bottom:28px;text-align:center}.result-top h2{color:var(--text-dark);font-size:24px;margin-bottom:8px}.result-date-tip{color:var(--text-normal);font-size:15px}.result-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.result-panel{background:var(--main-light);border-radius:var(--radius-md);padding:24px}.result-panel h3{border-bottom:1px solid var(--border-color);color:var(--main-color);font-size:17px;margin-bottom:18px;padding-bottom:10px}.age-large{color:var(--warn-color);font-size:42px;margin:8px 0}.age-large,.age-normal{font-weight:800;line-height:1.2}.age-normal{color:var(--main-color);font-size:38px;margin:12px 0}.age-desc{color:var(--text-normal);font-size:14px;margin-top:10px}.info-row{border-bottom:1px dashed var(--border-color);color:var(--text-dark);display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.info-row:last-child{border-bottom:none}.info-row span:last-child{color:var(--text-normal);font-weight:500}.highlight-text{color:var(--warn-color);font-weight:600}.explain-note{background:var(--main-light);border-radius:var(--radius-sm);color:var(--text-normal);font-size:14px;line-height:1.8;margin-top:16px;padding:18px}.back-link{color:var(--main-color);display:inline-block;font-weight:600;margin-top:18px;text-decoration:none;transition:var(--transition)}.back-link:hover{color:#1d4ed8;text-decoration:underline}.center-text{text-align:center}.section-title{color:var(--text-dark);font-size:19px;font-weight:600;margin:32px 0 16px}.link-group{display:flex;flex-wrap:wrap;gap:12px}.link-group a{background:var(--main-light);border-radius:24px;color:var(--main-color);font-size:14px;padding:9px 16px;text-decoration:none;transition:var(--transition)}.link-group a:hover{background-color:var(--main-color);color:#fff}.desc-grid{display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-top:30px}.desc-card{background:var(--main-light);border-radius:var(--radius-md);padding:20px}.desc-card h4{color:var(--text-dark);font-size:16px;margin-bottom:8px}.desc-card p{color:var(--text-normal);font-size:14px;line-height:1.7}.link-items{color:#777;font-size:14px;margin:28px 0 0;text-align:center}.link-items a{color:#777;font-size:14px;margin:0 5px}.error-tip{background:#fef2f2;border-radius:var(--radius-sm);color:#dc2626;font-size:14px;margin-bottom:16px;padding:14px;text-align:center}.page-footer{color:var(--text-light);font-size:13px;margin-top:40px;text-align:center}@media (max-width:640px){.desc-grid,.result-grid{grid-template-columns:1fr}.page-header h1{font-size:26px}.main-card{padding:24px 18px}.calc-form{align-items:stretch;flex-direction:column}.date-select-group{justify-content:space-between}input[type=date],select{min-width:70px}.age-large{font-size:36px}.age-normal{font-size:32px}}