.tool-wrap .doc-btn{font-size:14px;padding:8px 14px;border-radius:10px;gap:6px}.tool-wrap .doc-btn svg{width:17px;height:17px}.ovc{--bg:#FBF6EF;--surface:#FFFCF7;--surface-2:#FBF3E9;--ink:#3A322C;--ink-soft:#6B5E54;--ink-faint:#9C8E81;--primary:#5A8A68;--primary-d:#456B53;--primary-soft:#9CC6AC;--primary-bg:#E9F1EA;--gold:#BC8A4A;--rose-bg:#FBEDED;--rose-line:#F1DAD7;--line:#EFE5D9;--ph-period-bg:#F9C8D0;--ph-period-bd:#EE9098;--ph-period-tx:#8B1828;--ph-fert-bg:#FDCC78;--ph-fert-bd:#F0A830;--ph-fert-tx:#6A3800;--ph-ext-bg:#FEF0C0;--ph-ext-bd:#EAD06A;--ph-ext-tx:#7A5800;--ph-ov-bg:#FFE040;--ph-ov-bd:#D4A800;--ph-ov-tx:#5A4000;--ph-safe-bg:#EDE9DF;--ph-safe-bd:#D0C8B8;--ph-safe-tx:#6A6050;--ph-unc-bg:#DDD4F4;--ph-unc-bd:#B8A4E0;--ph-unc-tx:#4A2888}.ovc *{box-sizing:border-box;margin:0;padding:0}.ovc{background:var(--bg);color:var(--ink);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased;padding:0 0 60px}.ovc .page{max-width:600px;margin:0 auto;padding:0 16px}.ovc .page>.top{text-align:center;padding:30px 0 8px}.ovc .kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--primary-d);background:var(--primary-bg);padding:5px 14px;border-radius:999px;margin:0 0 14px}.ovc .page>.top h1{font-weight:900;font-size:clamp(25px,6.6vw,34px);letter-spacing:-.01em;color:var(--ink);line-height:1.3}.ovc .page>.top .lede{font-size:15px;color:var(--ink-soft);margin-top:8px}.ovc .page>.top .lede b{color:var(--primary-d)}.ovc .calc{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px 16px 20px;margin-top:22px;box-shadow:0 1px 2px #5a37280d,0 14px 34px #5a826414}.ovc .memo{background:var(--primary-bg);border:1px solid #CADFCF;border-radius:12px;padding:11px 14px;font-size:12.5px;color:#3e5c48;line-height:1.7;margin-bottom:16px}.ovc .memo b{color:var(--primary-d)}.ovc .field{margin-bottom:12px}.ovc .field label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-soft);margin-bottom:6px}.ovc .field label .opt{font-size:10px;font-weight:700;color:var(--ink-faint);background:var(--surface-2);border-radius:5px;padding:1px 6px;margin-left:6px}.ovc .field input{width:100%;padding:12px 13px;font-size:16px;font-family:inherit;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:11px;transition:.18s}.ovc .field input:focus{outline:none;border-color:var(--primary-soft);box-shadow:0 0 0 3px #9cc6ac4d}.ovc .mgroup{margin:4px 0 12px}.ovc .glabel{font-size:10px;font-weight:800;color:var(--ink-faint);letter-spacing:.14em;margin-bottom:7px}.ovc .mrow{display:flex;flex-wrap:wrap;gap:8px}.ovc .mode-btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;cursor:pointer;transition:.18s;font-family:inherit;flex:1;min-width:96px}.ovc .mode-btn .mc{font-size:13.5px;font-weight:800;color:var(--ink)}.ovc .mode-btn .mg{font-size:10px;font-weight:600;color:var(--ink-faint)}.ovc .mode-btn.on{background:var(--primary);border-color:var(--primary)}.ovc .mode-btn.on .mc{color:#fff}.ovc .mode-btn.on .mg{color:#e3efe7}.ovc .mode-btn:active{transform:scale(.97)}.ovc .inputs{margin-top:6px}.ovc .panel{display:none}.ovc .panel.show{display:block}.ovc .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ovc .field-row{display:flex;gap:10px}.ovc .field-row .half{flex:1}.ovc .tip{background:var(--surface-2);border:1px solid #ECE0D2;border-radius:11px;padding:10px 13px;font-size:12px;color:var(--ink-soft);line-height:1.75;margin-bottom:12px}.ovc .tip b{color:var(--primary-d)}.ovc .hint{font-size:11.5px;color:var(--ink-faint);line-height:1.6;margin-top:2px}.ovc .hint b{color:var(--ink-soft)}.ovc #result{margin-top:6px}.ovc .empty{margin-top:16px;padding:20px 18px;text-align:center;font-size:13.5px;color:var(--ink-faint);background:var(--surface-2);border-radius:14px;line-height:1.7}.ovc .card{margin-top:14px;background:#fff;border:1px solid #ECE0D2;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #5a6e500f}.ovc .card-hd{padding:11px 15px;border-bottom:1px solid #F2E9DC;background:linear-gradient(135deg,#eef4ef,#fbfcf8)}.ovc .card-hd .ht{font-size:14.5px;font-weight:900;color:var(--primary-d)}.ovc .card-hd .hs{font-size:11px;color:var(--ink-faint);margin-top:1px}.ovc .r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 15px;border-bottom:1px solid #F4ECE1}.ovc .r:last-child{border-bottom:0}.ovc .rl{font-size:13px;color:var(--ink-soft);flex-shrink:0}.ovc .rl .sub{display:block;font-size:10.5px;color:var(--ink-faint);font-weight:400}.ovc .rv{font-size:14.5px;font-weight:700;color:var(--ink);text-align:right;line-height:1.5}.ovc .rv .cd{display:block;font-size:11px;font-weight:700;color:var(--primary-d)}.ovc .rv .wd{font-size:12px;color:var(--ink-faint);font-weight:600;margin-left:3px}.ovc .r.hi{background:linear-gradient(135deg,#fff7e0,#fffbf0)}.ovc .r.hi .rv{color:var(--ph-ov-tx);font-weight:900;font-size:16px}.ovc .r.hi .rl{font-weight:800;color:#7a5800}.ovc .r.fert{background:linear-gradient(135deg,#fff3df,#fffbf3)}.ovc .r.fert .rv{color:var(--ph-fert-tx);font-weight:900}.ovc .band-wrap{padding:15px 15px 16px}.ovc .band-top,.ovc .band,.ovc .band-axis{display:flex;gap:2px}.ovc .band-top{height:18px;margin-bottom:3px}.ovc .band-top .m{flex:1;position:relative}.ovc .band-top .now{position:absolute;left:50%;bottom:0;transform:translate(-50%);font-size:9px;font-weight:800;color:#fff;background:var(--primary-d);border-radius:20px;padding:1px 7px;white-space:nowrap}.ovc .band{height:30px;border-radius:9px;overflow:hidden}.ovc .band .d{flex:1;min-width:0;position:relative}.ovc .band .d.today{box-shadow:inset 0 0 0 2.5px var(--primary-d);border-radius:5px;z-index:2}.ovc .band .d.ovmark:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--ph-ov-tx);transform:translate(-50%,-50%)}.ovc .d.period{background:var(--ph-period-bg)}.ovc .d.fertile{background:var(--ph-fert-bg)}.ovc .d.ext_fertile{background:var(--ph-ext-bg)}.ovc .d.ovulation{background:var(--ph-ov-bg)}.ovc .d.safe{background:var(--ph-safe-bg)}.ovc .d.uncertain{background:var(--ph-unc-bg)}.ovc .band-axis{height:30px;margin-top:4px}.ovc .band-axis .m{flex:1;position:relative}.ovc .band-axis .lab{position:absolute;top:0;white-space:nowrap;font-size:10px;line-height:1.25;color:var(--ink-soft)}.ovc .band-axis .lab b{display:block;font-size:11px;font-weight:800;color:var(--ink)}.ovc .band-axis .lab.ov b{color:var(--ph-ov-tx)}.ovc .legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:14px;padding-top:13px;border-top:1px dashed var(--line)}.ovc .lg{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-soft)}.ovc .lg i{width:13px;height:13px;border-radius:4px;flex-shrink:0;display:inline-block}.ovc .lg .period{background:var(--ph-period-bg);box-shadow:inset 0 0 0 1px var(--ph-period-bd)}.ovc .lg .fertile{background:var(--ph-fert-bg);box-shadow:inset 0 0 0 1px var(--ph-fert-bd)}.ovc .lg .ext_fertile{background:var(--ph-ext-bg);box-shadow:inset 0 0 0 1px var(--ph-ext-bd)}.ovc .lg .ovulation{background:var(--ph-ov-bg);box-shadow:inset 0 0 0 1px var(--ph-ov-bd)}.ovc .lg .safe{background:var(--ph-safe-bg);box-shadow:inset 0 0 0 1px var(--ph-safe-bd)}.ovc .lg .uncertain{background:var(--ph-unc-bg);box-shadow:inset 0 0 0 1px var(--ph-unc-bd)}.ovc .opk{padding:6px 4px 4px}.ovc .opk .lead{padding:11px 15px 4px;font-size:13px;color:var(--ink-soft);line-height:1.7}.ovc .opk .lead b{color:var(--primary-d)}.ovc .opk ul{list-style:none;padding:4px 15px 12px;margin:0}.ovc .opk li{position:relative;padding:5px 0 5px 20px;font-size:12px;color:var(--ink-soft);line-height:1.65}.ovc .opk li:before{content:"•";position:absolute;left:4px;top:4px;color:var(--primary);font-weight:900}.ovc .see-doc{padding:13px 15px}.ovc .see-doc .dh{font-size:12.5px;font-weight:900;color:var(--primary-d);margin-bottom:7px}.ovc .see-doc ul{list-style:none;padding:0;margin:0 0 6px}.ovc .see-doc li{position:relative;padding:4px 0 4px 20px;font-size:11.5px;color:var(--ink-soft);line-height:1.65}.ovc .see-doc li:before{content:"›";position:absolute;left:6px;top:3px;color:var(--primary);font-weight:900}.ovc .disclaimer{margin-top:14px;background:#fbf7f0;border:1.5px solid #E7D9C2;border-radius:14px;padding:12px 15px}.ovc .disclaimer p{font-size:11.5px;color:#6b5e54;line-height:1.7}.ovc .foot{margin-top:32px;text-align:center;font-size:11px;color:var(--ink-faint);line-height:1.7;padding:0 8px}@media (max-width:360px){.ovc .mode-btn{min-width:0}.ovc .band-axis .lab{font-size:9px}}@media (min-width:720px){.wrap.tool-wrap{max-width:none;padding:0}.wrap.tool-wrap .breadcrumb{max-width:720px;margin:4px auto;padding:0 28px}.ovc .page{max-width:720px;padding:0 28px}.ovc .page>.top{padding:40px 0 8px}}@media (min-width:1000px){.wrap.tool-wrap .breadcrumb,.ovc .page{max-width:1080px;padding:0 32px}.ovc .page>.top{padding:44px 0 6px}.ovc .calc{display:grid;grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:28px;align-items:start;padding:26px 28px 28px}.ovc .ctrl{position:sticky;top:20px}.ovc #result{margin-top:0}.ovc .empty{margin-top:0;min-height:160px;display:flex;align-items:center;justify-content:center}.ovc #result>.card:first-child,.ovc #result>.disclaimer:first-child{margin-top:0}}@media (min-width:1280px){.wrap.tool-wrap .breadcrumb,.ovc .page{max-width:1180px}.ovc .calc{grid-template-columns:380px minmax(0,1fr);gap:32px}}@media (min-width:1600px){.wrap.tool-wrap .breadcrumb,.ovc .page{max-width:1320px}.ovc .calc{grid-template-columns:400px minmax(0,1fr);gap:36px}}