:root{--paper:#f7f6f2;--card:#fff;--ink:#19332e;--sub:#788783;--jade:#176c59;--jade2:#2b9678;--mint:#e3f2ec;--coral:#ec755c;--coral-bg:#fff0eb;--line:#e7ebe7;--nav:#163e35;--shadow:0 18px 45px rgba(28,60,52,.07)}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:14px}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{max-width:1480px;margin:auto;padding:0 42px 50px}.topbar{height:82px;border-bottom:1px solid #e2e6e2;display:flex;align-items:center}.brand,.install-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800}.brand{margin-right:60px}.brand-mark{width:36px;height:36px;border-radius:12px 12px 12px 4px;background:var(--jade);color:#fff;display:grid;place-items:center}.desktop-nav{height:100%;display:flex;gap:32px}.desktop-nav a{display:flex;align-items:center;color:#7a8985;position:relative}.desktop-nav a.active{color:var(--ink);font-weight:700}.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--jade);border-radius:3px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center}.profile{display:flex;align-items:center;gap:9px}.profile>span{width:38px;height:38px;border-radius:12px;background:#e6eee9;color:var(--jade);display:grid;place-items:center;font-weight:800}.profile small{display:block;color:var(--sub);font-size:10px;margin-top:3px}.welcome,.module-head{padding:31px 0 22px;display:flex;align-items:end;justify-content:space-between}.welcome>div>span,.module-head>div>span{color:var(--jade);font-size:11px;font-weight:800;letter-spacing:1px}.welcome h1,.module-head h1{font-size:27px;margin:7px 0 5px;letter-spacing:-1px}.welcome p,.module-head p{margin:0;color:var(--sub)}.month-input,.filter-bar input,.filter-bar select{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 13px;color:var(--ink)}.card{background:#fff;border:1px solid #e9ede9;border-radius:22px;box-shadow:var(--shadow)}.dashboard-grid{display:grid;grid-template-columns:minmax(560px,1.35fr) minmax(350px,.8fr);gap:20px}.latest-card{min-height:300px;background:var(--nav);color:white;border-radius:22px;padding:27px 30px;position:relative;overflow:hidden}.latest-card:after{content:"";position:absolute;width:300px;height:300px;border:55px solid #ffffff08;border-radius:50%;right:-130px;top:-110px}.latest-top,.latest-body{position:relative;z-index:1}.latest-top{display:flex;justify-content:space-between;color:#bed1cc;font-size:11px}.status-pill{font-weight:500;color:#d5e8e3;background:#ffffff12;border:1px solid #ffffff16;border-radius:20px;padding:6px 10px}.status-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#61d2a8;margin-right:6px}.latest-body{display:grid;grid-template-columns:1fr 190px;align-items:center;margin-top:24px}.big-reading{font-size:53px;font-weight:800;line-height:1;letter-spacing:-3px}.big-reading small{font-size:11px;color:#bdd2cc;font-weight:400;letter-spacing:0;margin-left:8px}.latest-body p{color:#aac4bd;font-size:11px;margin:13px 0 22px}.reading-meta{display:flex;gap:20px}.reading-meta span{border-left:1px solid #ffffff20;padding-left:12px;color:#aac4bd;font-size:10px}.reading-meta b{display:block;color:#fff;font-size:14px;margin-bottom:4px}.pulse-ring{width:150px;height:150px;border:1px solid #ffffff21;border-radius:50%;display:grid;place-items:center}.pulse-ring>div{width:124px;height:124px;border-radius:50%;background:linear-gradient(145deg,#2b806b,#174f42);display:grid;place-content:center;text-align:center}.pulse-ring b{display:block;font-size:31px}.pulse-ring span{color:#bdd2cc;font-size:10px}.section-title{display:flex;justify-content:space-between;align-items:flex-start}.section-title h2{font-size:16px;margin:0}.section-title p{font-size:10px;color:var(--sub);margin:5px 0 0}.section-title a,.section-title>span{font-size:11px;color:var(--jade)}.summary-card{padding:25px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}.summary-grid>div{background:#f6f8f5;border-radius:15px;padding:16px}.summary-grid .warn{background:var(--coral-bg)}.summary-grid span{font-size:10px;color:var(--sub)}.summary-grid b{display:block;font-size:24px;margin:7px 0 4px}.summary-grid b small{font-size:10px}.summary-grid em{font-style:normal;font-size:9px;color:var(--jade)}.summary-grid .warn em{color:var(--coral)}.progress{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.progress>span{font-size:11px;display:flex;justify-content:space-between}.progress>i,.period-row i{display:block;height:7px;background:#edf0ed;border-radius:8px;margin-top:9px;overflow:hidden}.progress>i>em,.period-row i em{display:block;height:100%;background:var(--jade2);border-radius:8px}.trend-card,.calendar-card,.recent-card{padding:25px}.trend-card canvas{width:100%;height:200px;margin-top:5px}.legend{display:flex;align-items:center;gap:7px;color:var(--sub);font-size:10px;margin-top:15px}.legend i{width:7px;height:7px;border-radius:50%;background:var(--jade2);margin-left:12px}.legend i:first-child{margin-left:0}.legend .coral{background:var(--coral)}.month-title{display:flex;justify-content:space-between}.month-title span{font-size:9px;color:var(--sub)}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:5px}.week{color:#9aa6a3;font-size:9px;margin:17px 0 8px}.day{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;font-size:10px;position:relative}.day.low{background:var(--coral-bg);color:#c96049;font-weight:700}.day.low:after{content:"";position:absolute;bottom:3px;width:3px;height:3px;background:var(--coral);border-radius:50%}.day.today{background:var(--jade);color:#fff}.calendar-note{display:flex;align-items:center;gap:9px;background:#fff7f3;border-radius:11px;padding:10px;margin-top:12px;color:#8b5d51;font-size:10px}.calendar-note>b{width:25px;height:25px;border-radius:8px;background:#ffe4dc;color:var(--coral);display:grid;place-items:center}.recent-card{grid-column:1/-1}.recent-card .section-title>div:last-child{display:flex;align-items:center;gap:15px}.btn{border:0;border-radius:11px;padding:10px 15px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.primary{background:var(--jade);color:#fff;font-weight:700;box-shadow:0 8px 20px #176c5925}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:12px;min-width:720px}th{text-align:left;color:#98a5a2;font-size:9px;font-weight:500;padding:11px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #eef0ed;font-size:11px}tbody tr:last-child td{border-bottom:0}.period-tag{background:#f1f4f2;padding:6px 8px;border-radius:8px}.bp{font-size:14px;font-weight:800}.low-text{color:var(--coral)}.dot-status{color:var(--jade)}.dot-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--jade2);margin-right:5px}.dot-status.low{color:var(--coral)}.dot-status.low:before{background:var(--coral)}.empty{padding:50px;text-align:center;color:var(--sub)}.empty.light{padding:75px 10px;color:#bdd2cc;text-align:left}.module-card{padding:25px}.filter-bar{display:flex;gap:9px;align-items:center;margin-bottom:14px}.row-actions{display:flex;gap:8px;align-items:center}.row-actions>button,.row-actions form button{border:0;background:none;color:var(--jade);font-size:11px;cursor:pointer}.row-actions form{display:inline}.row-actions .danger{color:var(--coral)}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.report-kpi{padding:23px}.report-kpi>span{color:var(--sub);font-size:11px}.report-kpi>b{display:block;font-size:27px;margin:10px 0 5px}.report-kpi>small{color:var(--jade)}.report-kpi.coral{background:var(--coral-bg)}.report-kpi.coral small{color:var(--coral)}.period-report{padding:25px;grid-column:span 1}.low-report{padding:25px;grid-column:span 2}.period-row{display:grid;grid-template-columns:45px 1fr 45px;gap:11px;align-items:center;margin-top:20px;font-size:11px}.period-row i{margin:0}.period-row i em{background:var(--coral)}.period-row b{text-align:right}.low-item{display:grid;grid-template-columns:130px 90px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.low-item strong{color:var(--coral);font-size:14px}.low-item span{color:var(--sub)}.settings-card{max-width:750px;padding:28px}.settings-card h2{font-size:16px;margin:0 0 16px}.settings-card h2:not(:first-of-type){margin-top:30px}.settings-card>p{color:var(--sub);font-size:11px}.settings-card>label{display:block;color:var(--sub);font-size:11px}.settings-card input,.install-card input,.login-card input{display:block;width:100%;border:1px solid var(--line);border-radius:11px;padding:11px;margin-top:7px;outline:none}.settings-card>label input{max-width:350px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-grid label{background:#f5f7f4;border-radius:13px;padding:13px;color:var(--sub);font-size:10px}.settings-grid input{display:inline-block;width:100px;border:0;background:none;font-size:24px;font-weight:800;margin:5px 5px 0 0;outline:0}.medical-note{background:#fff7f3;color:#8b5d51;border-radius:12px;padding:13px;margin:20px 0;font-size:11px}.modal-bg{position:fixed;inset:0;background:#0c292275;display:none;align-items:center;justify-content:center;z-index:20;padding:18px}.modal-bg.open{display:flex}.record-modal{width:520px;background:#fff;border-radius:24px;padding:27px}.handle{display:none}.modal-top{display:flex;justify-content:space-between}.modal-top h2{margin:0;font-size:20px}.modal-top p{margin:5px 0;color:var(--sub);font-size:10px}.close{border:0;background:#f1f4f2;border-radius:50%;width:31px;height:31px}.date-field{display:block;color:var(--sub);font-size:10px;margin-top:16px}.date-field input{display:block;width:100%;border:1px solid var(--line);border-radius:11px;padding:10px;margin-top:6px}.periods{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.periods button{border:1px solid var(--line);background:white;color:var(--sub);border-radius:10px;padding:9px}.periods button.active{background:var(--mint);border-color:#bddfd2;color:var(--jade)}.measure-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.measure-form label{background:#f5f7f4;border-radius:13px;padding:11px;color:var(--sub);font-size:9px}.measure-form label span{display:block}.measure-form input{border:0;background:none;outline:none;width:72%;font-size:22px;font-weight:800;color:var(--ink);margin-top:6px}.measure-form label:last-child input{width:100%;font-size:13px;font-weight:400}.full{width:100%;margin-top:17px;padding:13px}.toast{position:fixed;top:20px;right:25px;z-index:30;background:var(--nav);color:#fff;padding:12px 17px;border-radius:12px;box-shadow:var(--shadow)}.toast.error,.form-alert{background:#fff0eb;color:#b34f3d}.mobile-nav{display:none}
/* installer + login */.install-body,.login-body{min-height:100vh;background:#e9efeb;padding:30px}.installer{max-width:750px;margin:auto}.install-brand{justify-content:center;margin-bottom:20px}.install-brand em{font-style:normal;font-size:11px;font-weight:400;color:var(--sub);border-left:1px solid #cfd8d4;padding-left:10px}.install-card{background:#fff;border-radius:25px;padding:32px;box-shadow:var(--shadow)}.install-card h1{font-size:25px;margin:8px 0}.install-card>p,.login-card>p{color:var(--sub)}.step{color:var(--jade);font-weight:700;font-size:10px;letter-spacing:1px}.check-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.check-item{background:#f4f7f4;border-radius:11px;padding:10px;font-size:10px}.check-item span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:7px;background:var(--mint);color:var(--jade);margin-right:5px}.check-item b{display:block;margin:6px 0 0 28px;color:var(--jade)}.check-item.bad{background:var(--coral-bg)}.check-item.bad span,.check-item.bad b{color:var(--coral)}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.install-grid label,.login-card label{font-size:10px;color:var(--sub)}.install-grid .wide{grid-column:1/-1}.choice{display:flex;align-items:center;gap:8px;margin:14px 0;color:var(--sub);font-size:10px}.choice input{display:inline;width:auto;margin:0}.agreement{border:1px solid var(--line);border-radius:14px;padding:14px}.agreement h3{font-size:13px;margin:0 0 10px}.agreement-text{height:150px;overflow:auto;background:#f7f8f6;border-radius:9px;padding:12px;color:var(--sub);font-size:10px;line-height:1.7}.agree{color:var(--ink);font-weight:700}.install-btn{width:100%;padding:13px}.finish-icon{width:55px;height:55px;background:var(--mint);color:var(--jade);border-radius:18px;display:grid;place-items:center;font-size:26px}.login-shell{max-width:900px;min-height:600px;margin:3vh auto;display:grid;grid-template-columns:1.2fr .8fr;background:white;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.login-art{background:var(--nav);color:white;padding:35px;display:flex;flex-direction:column;justify-content:space-between}.install-brand.light{justify-content:flex-start}.login-art>div:last-child>span{color:#80cbb2;font-size:10px;letter-spacing:1px}.login-art h1{font-size:31px;line-height:1.5}.login-art p{color:#bdd2cc}.login-card{padding:55px 38px;align-self:center}.login-card h2{font-size:23px;margin:0}.login-card label{display:block;margin-top:17px}.login-card .btn{width:100%;margin-top:22px;padding:13px}.login-card>small{display:block;text-align:center;color:var(--sub);margin-top:20px}.form-alert{border-radius:10px;padding:10px;margin:13px 0;font-size:11px}
@media(max-width:900px){body{background:var(--paper)}.app-shell{padding:0 0 90px;max-width:430px;min-height:100vh}.topbar{height:auto;border:0;padding:17px 18px 0}.brand{margin:0}.desktop-nav{display:none}.top-actions{gap:7px}.top-actions .icon-btn,.profile>div{display:none}.profile>span{width:34px;height:34px}.page{padding:0}.welcome,.module-head{padding:20px 17px 14px;align-items:center}.welcome>div>span,.module-head>div>span{display:none}.welcome h1,.module-head h1{font-size:22px;margin:0 0 5px}.welcome p,.module-head p{font-size:10px}.month-input{width:125px;font-size:10px;padding:8px}.dashboard-grid{display:block}.latest-card{margin:0 17px;min-height:205px;border-radius:23px;padding:20px}.latest-body{grid-template-columns:1fr 75px;margin-top:18px}.big-reading{font-size:42px}.pulse-ring{width:72px;height:72px;border:0}.pulse-ring>div{width:72px;height:72px}.pulse-ring b{font-size:20px}.pulse-ring span{font-size:8px}.latest-body p{margin:10px 0 13px}.reading-meta{gap:10px}.reading-meta span{font-size:8px}.summary-card{margin:10px 17px 0;padding:15px;box-shadow:none}.summary-card .section-title,.summary-card .progress{display:none}.summary-grid{margin:0}.summary-grid>div{padding:13px}.summary-grid b{font-size:21px}.trend-card{display:none}.calendar-card,.recent-card{margin:20px 17px 0;padding:16px;box-shadow:none}.recent-card{margin-top:20px}.recent-card .section-title>div:last-child{display:block}.desktop-add{display:none}.table-wrap table{min-width:0;margin-top:8px}.recent-card table thead,.recent-card td:nth-child(2),.recent-card td:nth-child(4),.recent-card td:nth-child(6){display:none}.recent-card tr{display:grid;grid-template-columns:90px 1fr 55px;align-items:center;border-bottom:1px solid var(--line)}.recent-card td{border:0;padding:12px 4px}.recent-card td:nth-child(1),.recent-card td:nth-child(3),.recent-card td:nth-child(5){display:block}.recent-card .bp{font-size:14px}.calendar-note{font-size:9px}.mobile-nav{position:fixed;display:flex;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(430px,100%);height:72px;background:#fff;border-top:1px solid var(--line);align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{width:60px;text-align:center;color:#96a29f;font-size:9px}.mobile-nav a i{display:block;font-style:normal;font-size:18px;margin-bottom:4px}.mobile-nav a.active{color:var(--jade)}.mobile-add{width:56px;height:56px;border:5px solid var(--paper);background:var(--coral);color:#fff;border-radius:18px 18px 18px 6px;font-size:25px;transform:translateY(-18px);box-shadow:0 8px 20px #d85d4633}.module-head{margin-top:5px}.module-head .btn{font-size:10px;padding:9px}.module-card,.settings-card{margin:0 17px;padding:15px;border-radius:18px;box-shadow:none}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-bar input{grid-column:1/-1}.filter-bar .btn{grid-column:1/-1}.module-card table{min-width:700px}.report-grid{display:block;margin:0 17px}.report-kpi,.period-report,.low-report{margin-bottom:10px;padding:17px;box-shadow:none}.low-item{grid-template-columns:100px 75px 1fr;font-size:9px}.settings-grid{display:block}.settings-grid label{display:block;margin-bottom:9px}.modal-bg{align-items:flex-end;padding:0}.record-modal{width:min(430px,100%);border-radius:24px 24px 0 0;padding:12px 19px 27px}.handle{display:block;width:38px;height:4px;border-radius:3px;background:#dbe2df;margin:0 auto 17px}.toast{top:14px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}.install-body,.login-body{padding:15px}.check-list{grid-template-columns:1fr}.install-grid{grid-template-columns:1fr}.install-grid .wide{grid-column:auto}.install-card{padding:22px}.login-shell{display:block;min-height:0;margin:4vh auto}.login-art{padding:25px;min-height:230px}.login-art h1{font-size:24px}.login-card{padding:30px 24px}}
.day{border:0;background:transparent;color:var(--ink);cursor:pointer}.day:hover{background:var(--mint);color:var(--jade)}.day.today:hover{background:var(--jade);color:#fff}.settings-layout{display:grid;grid-template-columns:minmax(480px,1.3fr) minmax(280px,.7fr);gap:18px;align-items:start}.settings-layout .settings-card{max-width:none}.category-card{padding:25px}.category-list{margin:18px 0}.category-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.category-list em{font-style:normal;font-size:10px;color:var(--jade);background:var(--mint);border-radius:12px;padding:4px 8px}.category-list form button{border:0;background:none;color:var(--coral);font-size:10px;cursor:pointer}.add-category{display:flex;gap:8px}.add-category input{min-width:0;flex:1;border:1px solid var(--line);border-radius:11px;padding:10px;outline:none}.periods{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));max-height:105px;overflow:auto}@media(max-width:900px){.settings-layout{display:block}.category-card{margin:10px 17px 0;padding:17px;box-shadow:none}.add-category{display:grid;grid-template-columns:1fr auto}}