/* 宝宝鱼母婴工具箱 - 共享样式 */
*{margin:0;padding:0;box-sizing:border-box;}
:root{--main:#ff6a3d;--main-d:#e8542a;--bg:#fff7f2;--card:#fff;--txt:#4a3b32;--mut:#9a8b80;--line:#ffe4d6;}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--txt);line-height:1.7;}
a{color:var(--main);text-decoration:none;}
.topbar{background:linear-gradient(135deg,#ff9a5a,#ff6a3d);color:#fff;padding:14px 0;box-shadow:0 2px 10px rgba(255,106,61,.25);}
.topbar .wrap{max-width:760px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;}
.topbar h1{font-size:19px;font-weight:700;}
.topbar h1 a{color:#fff;}
.topbar .home{color:#fff;font-size:14px;opacity:.95;}
.wrap{max-width:760px;margin:0 auto;padding:0 16px;}
.card{background:var(--card);border-radius:14px;box-shadow:0 2px 12px rgba(180,120,80,.08);padding:22px;margin:18px 0;}
.card h2{font-size:18px;margin-bottom:4px;color:var(--txt);}
.card .sub{font-size:13px;color:var(--mut);margin-bottom:16px;}
label.f{display:block;font-size:14px;font-weight:600;margin:14px 0 6px;}
input[type=date],input[type=number],select{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;font-size:16px;color:var(--txt);background:#fff;outline:none;}
input:focus{border-color:var(--main);}
.row2{display:flex;gap:12px;}
.row2>div{flex:1;}
.btn{display:block;width:100%;margin-top:20px;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#ff9a5a,#ff6a3d);color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(255,106,61,.3);}
.btn:active{transform:scale(.99);}
.result{display:none;}
.kv{display:flex;justify-content:space-between;align-items:center;padding:11px 2px;border-bottom:1px dashed var(--line);font-size:15px;}
.kv:last-child{border:none;}
.kv .k{color:var(--mut);}
.kv .v{font-weight:700;color:var(--txt);text-align:right;}
.kv .v.hl{color:var(--main);font-size:17px;}
.bar{height:10px;background:#ffe9dc;border-radius:5px;overflow:hidden;margin:10px 0 4px;}
.bar i{display:block;height:100%;background:linear-gradient(90deg,#ff9a5a,#ff6a3d);border-radius:5px;transition:width .5s;}
/* 日历 */
.cal{margin-top:14px;}
.cal h3{font-size:15px;margin:14px 0 8px;color:var(--txt);}
.cal table{width:100%;border-collapse:collapse;font-size:13px;}
.cal th{color:var(--mut);font-weight:600;padding:6px 0;font-size:12px;}
.cal td{text-align:center;padding:7px 0;border-radius:8px;position:relative;color:#555;}
.cal td.dim{color:#d8cfc8;}
.cal td.menses{background:#ffe3e3;color:#d33;}
.cal td.fertile{background:#fff0e0;color:#c96a1b;font-weight:700;}
.cal td.ov{background:#ff6a3d;color:#fff;font-weight:700;}
.cal td.safe{background:#f2fbf2;color:#5a9e5a;}
.cal td.today{outline:2px solid var(--main);outline-offset:-2px;}
.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:12px;color:var(--mut);}
.legend i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:4px;vertical-align:-1px;}
.note{background:#fff8f0;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:13px;color:#8a7a6e;margin-top:16px;}
.note b{color:var(--main);}
.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;}
.badge.done{background:#e6f7e6;color:#3d9e3d;}
.badge.soon{background:#fff3e0;color:#e8930c;}
.badge.future{background:#f0f0f0;color:#999;}
.badge.over{background:#ffe3e3;color:#d33;}
table.list{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px;}
table.list th{background:#fff4ec;color:#8a6a5a;font-size:13px;padding:10px 8px;text-align:left;}
table.list td{padding:11px 8px;border-bottom:1px solid #f7ece4;vertical-align:top;}
table.list tr:last-child td{border:none;}
.vac-check{width:20px;height:20px;accent-color:var(--main);cursor:pointer;}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;}
.tool-grid a{background:#fff;border-radius:14px;padding:20px 14px;text-align:center;box-shadow:0 2px 12px rgba(180,120,80,.08);color:var(--txt);display:block;}
.tool-grid a .ic{font-size:36px;display:block;margin-bottom:8px;}
.tool-grid a b{font-size:15px;display:block;}
.tool-grid a span{font-size:12px;color:var(--mut);}
.tool-grid a:active{transform:scale(.98);}
.footer{text-align:center;color:var(--mut);font-size:12px;padding:24px 16px 34px;}
.footer a{color:var(--mut);}
@media(max-width:560px){.tool-grid{grid-template-columns:1fr 1fr;}.row2{flex-direction:column;gap:0;}}

.btn-print{background:#fff;color:#ff6a3d;border:1.5px solid #ff6a3d;box-shadow:none;margin-top:14px;}
@media print{
  .topbar,.footer,.btn,.note,.input-card{display:none !important;}
  body{background:#fff;}
  .wrap{max-width:100%;}
  .card{box-shadow:none;border:1px solid #ddd;margin:0 0 12px;}
  .card.result{display:block !important;}
  .cal td.today{outline:none;}
}