:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#17263c;background:#edf3f8;font-synthesis:none;--navy:#143b72;--blue:#2f7fd5;--muted:#708094;--line:#e5ecf2}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#d9ebfb 0,#edf3f8 38%,#f4f6f7)}button,input{font:inherit}button{cursor:pointer}.app-shell{width:100%;max-width:520px;margin:0 auto;min-height:100vh;background:#f7f9fb;box-shadow:0 0 50px #143b7214;padding-bottom:92px;position:relative}.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--navy)}.loading img{width:72px;animation:pulse 1.8s infinite}.loading span{font-weight:600}.hero{background:linear-gradient(155deg,#173f78,#1b5795 55%,#377fbc);padding:24px 20px 30px;color:#fff;border-radius:0 0 32px 32px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-120px;top:-100px}.hero:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-100px;bottom:-70px}.logo{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.logo img{width:45px;height:45px;border-radius:14px;box-shadow:0 8px 22px #0000002e}.logo div{display:flex;flex-direction:column}.logo strong{font-family:STSong,SimSun,serif;font-size:21px;letter-spacing:1px}.logo span{font-size:11px;opacity:.68;margin-top:2px}.logo-small{color:var(--navy)}.logo-small img{width:40px;height:40px}.logo-small strong{font-size:18px}.date-switcher{display:flex;align-items:center;justify-content:center;gap:14px;margin:24px 0 18px;position:relative;z-index:1}.date-switcher>button{border:0;background:#ffffff1a;color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.date-switcher>button:disabled{opacity:.25}.date-switcher .date-center{width:auto;height:auto;background:none;display:flex;flex-direction:column;font-weight:600}.date-center span{font-weight:400;font-size:11px;opacity:.56;margin-top:2px}.flip{transform:rotate(180deg)}.daily-card{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.daily-card>div:first-child{display:flex;flex-direction:column}.eyebrow{font-size:12px;opacity:.7}.daily-card strong{font-size:36px;line-height:1.2;margin:4px 0}.daily-card strong small{font-size:12px;font-weight:500;opacity:.65}.daily-card p{font-size:12px;margin:0;opacity:.65}.planet-orbit{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#86c8ff,#2e75b9 68%,#1d4e89);box-shadow:inset -10px -9px 15px #0827553d,0 12px 30px #061e414d;position:relative}.planet-orbit i{position:absolute;width:92px;height:30px;border:2px solid rgba(255,255,255,.35);border-radius:50%;transform:rotate(-18deg)}.content-section{padding:24px 20px 0}.first-section{margin-top:0;position:relative;z-index:2}.section-title,.panel-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-title>div,.panel-title>div{display:flex;flex-direction:column}.section-title span,.panel-title span,.plain-head>div>span{color:#7291b3;font-size:11px;font-weight:700;letter-spacing:1px}.section-title h2,.panel-title h2{font-family:STSong,SimSun,serif;font-size:19px;margin:2px 0 0;color:#1b3451}.count{background:#e9f1f8;color:#6482a1!important;border-radius:99px;padding:4px 9px;letter-spacing:0!important}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{border:1px solid #e8edf2;background:#fff;border-radius:17px;padding:14px;display:flex;align-items:center;gap:10px;text-align:left;color:#17263c;box-shadow:0 7px 20px #1a3a5c0b}.metric>svg{margin-left:auto;color:#a6b3c0}.metric-icon,.timeline-icon,.factor>span,.action-row>span,.form-title>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none}.metric div{display:flex;flex-direction:column;min-width:0}.metric small{color:#8490a0;font-size:11px}.metric strong{font-size:14px;white-space:nowrap}.blue{background:#e5f2ff!important;color:#2777c7!important}.green{background:#e6f7ef!important;color:#2a9b68!important}.indigo{background:#eeecff!important;color:#655dc7!important}.amber{background:#fff4dc!important;color:#c88a20!important}.coral{background:#fff0eb!important;color:#dc7657!important}.quick-row{display:flex;gap:8px;overflow:auto;padding-bottom:3px;scrollbar-width:none}.quick{border:1px solid var(--line);background:#fff!important;color:#3e5065!important;border-radius:15px;padding:11px 13px;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;font-weight:600}.quick.blue svg{color:#2777c7}.quick.green svg{color:#2a9b68}.quick.indigo svg{color:#655dc7}.quick.amber svg{color:#c88a20}.quick.coral svg{color:#dc7657}.timeline-section{padding-bottom:16px}.empty{width:100%;border:1px dashed #cbd8e4;border-radius:20px;background:#ffffffa6;padding:27px 20px;display:flex;flex-direction:column;align-items:center;color:#57718c}.empty>span{width:45px;height:45px;background:#e7f2fc;color:#347fc5;border-radius:16px;display:grid;place-items:center;margin-bottom:10px}.empty strong{font-size:14px;color:#2f4e6f}.empty p{font-size:12px;margin:4px 0 0}.timeline{background:#fff;border:1px solid var(--line);border-radius:20px;padding:4px 14px}.timeline-item{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #edf1f4}.timeline-item:last-child{border:0}.timeline-copy{min-width:0;flex:1}.timeline-copy>div{display:flex;justify-content:space-between;align-items:center}.timeline-copy strong{font-size:13px}.timeline-copy time{font-size:11px;color:#9aa5b2}.timeline-copy p{margin:3px 0 0;font-size:12px;color:#667588;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove{border:0;background:none;color:#bcc5ce;padding:4px}.medical-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#93a0ae;font-size:10px;margin:12px 0 2px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);max-width:520px;width:100%;height:76px;padding:8px 34px max(8px,env(safe-area-inset-bottom));background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #e7ecf1;display:flex;justify-content:space-around;align-items:center}.bottom-nav>button:not(.add-main){border:0;background:none;color:#95a2b0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;min-width:52px}.bottom-nav>button.active{color:#2168ad}.add-main{width:52px;height:52px;border-radius:18px;border:5px solid #f7f9fb;background:linear-gradient(145deg,#2f82d6,#164d8a);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px #1b5b9947;margin-top:-28px}.modal-backdrop{position:fixed;z-index:50;inset:0;background:#091a2f73;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet{width:100%;max-width:520px;background:#fbfcfd;border-radius:28px 28px 0 0;padding:10px 20px max(24px,env(safe-area-inset-bottom));max-height:91vh;overflow:auto;box-shadow:0 -18px 50px #071f3d2e}.sheet-handle{width:38px;height:4px;background:#d8e0e7;border-radius:99px;margin:0 auto 16px}.sheet-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px}.sheet-head>div:first-child{display:flex;flex-direction:column}.sheet-head span,.form-title small{font-size:11px;color:#7590ad}.sheet-head h2{font-family:STSong,SimSun,serif;font-size:21px;margin:2px 0}.sheet-head>button{border:0;background:#eef2f5;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#6f7c89}.chooser-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chooser-grid button{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;text-align:left;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;column-gap:10px}.chooser-grid button>span{grid-row:1/3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center}.chooser-grid strong{font-size:14px}.chooser-grid small{font-size:10px;color:#8794a2}.form-title{display:flex!important;flex-direction:row!important;align-items:center;gap:11px}.form-title>span{width:42px;height:42px}.form-title>div{display:flex;flex-direction:column}.field,.segment-field,.stress-picker{display:flex;flex-direction:column;gap:8px;margin:16px 0}.field>span,.segment-field>span,.stress-picker>span{font-size:12px;color:#657588;font-weight:600}.field>input,.field>div,.setting-row input{border:1px solid #dfe6ed;background:#fff;border-radius:13px;padding:12px 13px;outline:none;color:#20354e}.field>input:focus,.glucose-input>div:focus-within{border-color:#4d8fce;box-shadow:0 0 0 3px #3c84c91a}.segment-field>div{display:flex;background:#edf2f6;border-radius:13px;padding:4px;gap:3px}.segment-field button{flex:1;border:0;background:transparent;border-radius:10px;padding:9px 5px;font-size:12px;color:#708090}.segment-field button.selected{background:#fff;color:#1c5e9c;font-weight:700;box-shadow:0 2px 7px #183d621a}.toggle{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:#fff;border:1px solid #e2e8ee;border-radius:15px;position:relative}.toggle>div{display:flex;flex-direction:column}.toggle strong{font-size:13px}.toggle small{font-size:10px;color:#8a96a3}.toggle input{position:absolute;opacity:0}.toggle i{width:42px;height:24px;border-radius:99px;background:#d5dde5;position:relative;transition:.2s}.toggle i:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 5px #00000026}.toggle input:checked+i{background:#2b7dcc}.toggle input:checked+i:after{transform:translate(18px)}.stress-picker>div{display:flex;gap:8px}.stress-picker button{flex:1;aspect-ratio:1;border:1px solid #dfe6ed;background:#fff;border-radius:14px;color:#708090}.stress-picker button.selected{background:#1e639f;color:#fff;border-color:#1e639f}.stress-picker small{font-size:10px;color:#909ca9}.glucose-input>div{display:flex;align-items:center;background:#fff;padding:0;border:1px solid #dfe6ed;border-radius:15px}.glucose-input input{border:0!important;box-shadow:none!important;min-width:0;flex:1;font-size:28px;font-weight:700;padding:12px 14px;background:transparent;outline:0;color:#164d83}.glucose-input b{font-size:11px;color:#8492a1;padding-right:14px}.save-button{width:100%;border:0;border-radius:15px;background:linear-gradient(145deg,#2d7bc9,#164c86);color:#fff;padding:14px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700;margin-top:22px;box-shadow:0 9px 20px #164c8638}.save-button:disabled{opacity:.45}.toast{position:fixed;z-index:70;left:50%;bottom:94px;transform:translate(-50%);background:#173c6a;color:#fff;border-radius:99px;padding:10px 16px;display:flex;align-items:center;gap:7px;font-size:12px;box-shadow:0 8px 25px #0b284a3d;white-space:nowrap}.plain-page{padding:0 18px 24px}.plain-head{padding:24px 2px 20px}.plain-head>.logo{margin-bottom:24px}.plain-head h1{font-family:STSong,SimSun,serif;font-size:28px;color:#183552;margin:2px 0}.plain-head p{font-size:12px;color:#7c8998;margin:3px 0}.trend-hero{border-radius:23px;background:linear-gradient(145deg,#163e73,#2879bb);color:#fff;padding:21px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 13px 30px #13487933;margin-bottom:14px}.trend-hero>div{display:flex;flex-direction:column}.trend-hero span{font-size:11px;opacity:.65}.trend-hero strong{font-size:32px}.trend-hero strong small{font-size:11px;opacity:.6}.trend-hero p{font-size:11px;opacity:.65;margin:2px 0}.trend-hero>svg{opacity:.45}.panel{background:#fff;border:1px solid var(--line);border-radius:21px;padding:17px;margin:12px 0;box-shadow:0 8px 25px #1c3a580a}.legend{letter-spacing:0!important}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3f8bd4;margin-right:5px}.chart-wrap{width:100%;overflow:hidden}.chart-wrap svg{width:100%;display:block}.target-line{stroke:#e4ad64;stroke-width:1;stroke-dasharray:4 4}.target-text,.axis-text,.point-text{font-family:Microsoft YaHei,sans-serif}.target-text{fill:#bc8442;font-size:8px}.axis-text{fill:#91a0af;font-size:9px}.point-text{fill:#3676af;font-size:9px;font-weight:700}.chart-line{fill:none;stroke:#3c89cf;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#fff;stroke:#3c89cf;stroke-width:3}.chart-empty{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa8b5;font-size:12px;gap:9px}.factor-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.factor{border:1px solid #edf1f4;border-radius:14px;padding:11px;display:grid;grid-template-columns:32px 1fr;align-items:center}.factor>span{width:30px;height:30px;border-radius:10px;grid-row:1/3}.factor strong{font-size:11px;color:#738091}.factor b{font-size:13px}.insight-card{display:flex;gap:11px;background:#edf6fc;border:1px solid #dcecf8;border-radius:19px;padding:15px;color:#275270}.insight-card>span{width:37px;height:37px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#3c83bd;flex:none}.insight-card>div{display:flex;flex-direction:column}.insight-card small{font-size:10px;color:#7291a9}.insight-card strong{font-size:13px}.insight-card p{font-size:10px;color:#7f94a6;margin:3px 0}.form-panel .panel-title{margin-bottom:4px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f4}.setting-row:last-child{border:0}.setting-row>div:first-child{display:flex;flex-direction:column}.setting-row strong{font-size:13px}.setting-row small{font-size:10px;color:#8794a2}.setting-row>input{width:110px;padding:8px 10px;text-align:right}.range-input{display:flex!important;flex-direction:row!important;align-items:center;gap:5px}.range-input input{width:60px;padding:8px 5px;text-align:center}.backup-callout{display:flex;gap:10px;padding:13px;background:#edf7f3;border-radius:14px;color:#29664e;margin-bottom:6px}.backup-callout>svg{flex:none}.backup-callout div{display:flex;flex-direction:column}.backup-callout strong{font-size:12px}.backup-callout p{font-size:10px;margin:2px 0;color:#6d8c7f}.action-row{width:100%;border:0;border-bottom:1px solid #edf1f4;background:#fff;padding:13px 2px;display:flex;align-items:center;gap:11px;text-align:left;color:#24384e;position:relative}.action-row:last-child{border-bottom:0}.action-row>div{flex:1;display:flex;flex-direction:column}.action-row strong{font-size:13px}.action-row small{font-size:10px;color:#8a97a4}.action-row>svg{color:#aab5bf}.action-row input{position:absolute;inset:0;opacity:0;cursor:pointer}.danger-panel{padding:3px 17px}.action-row.danger{color:#c35353}.action-row.danger span{background:#fff0f0;color:#c35353}.version{text-align:center;color:#a0aab5;font-size:10px;margin:20px}.settings-page{padding-bottom:12px}@keyframes pulse{50%{transform:scale(1.07);opacity:.78}}@media(min-width:700px){body{padding:24px 0}.app-shell{border-radius:30px;overflow:hidden;min-height:calc(100vh - 48px)}.bottom-nav{bottom:24px;border-radius:0 0 30px 30px}.modal-backdrop{align-items:center}.sheet{border-radius:28px;max-height:86vh;padding-bottom:24px}}.app-shell{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.hero{padding:18px 18px 22px;border-radius:0 0 27px 27px}.hero .logo img{width:40px;height:40px;border-radius:12px}.hero .logo strong{font-size:19px}.date-switcher{margin:16px 0 12px}.daily-card{padding:15px 17px;border-radius:19px}.daily-card strong{font-size:30px}.planet-orbit{width:58px;height:58px}.planet-orbit i{width:76px;height:25px}.content-section{padding:18px 16px 0}.compact-section{padding-top:17px}.metric{padding:11px;border-radius:15px}.metric-icon{width:33px;height:33px}.metric strong{font-size:13px}.section-title{margin-bottom:11px}.section-title h2{font-size:18px}.treatment-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.treatment-strip button{border:1px solid #e4ebf0;background:#fff;border-radius:14px;padding:10px 11px;display:flex;align-items:center;gap:7px;color:#546579;text-align:left}.treatment-strip button:first-child svg{color:#138c82}.treatment-strip button:last-child svg{color:#7b63cb}.treatment-strip span{font-size:11px;flex:1}.treatment-strip strong{font-size:12px;color:#263c54}.quick{padding:9px 11px;border-radius:13px;font-size:12px}.bottom-nav{height:68px;padding:7px 10px max(7px,env(safe-area-inset-bottom))}.bottom-nav>button:not(.add-main){min-width:44px;font-size:9px}.add-main{width:48px;height:48px;border-radius:17px;margin-top:-22px}.teal{background:#e5f7f5!important;color:#138c82!important}.violet{background:#f0edff!important;color:#7659ca!important}.rose{background:#fff0f2!important;color:#cf5f72!important}.quick.teal svg{color:#138c82}.quick.violet svg{color:#7659ca}.dose-input>div{display:flex!important;align-items:center;padding:0!important;background:#fff;border:1px solid #dfe6ed;border-radius:13px}.dose-input input{min-width:0;flex:1;border:0;background:transparent;outline:0;padding:12px 13px;font-size:22px;font-weight:700;color:#164d83}.dose-input b{font-size:12px;color:#7e8c9a;padding-right:14px}.care-options{display:grid;gap:8px;margin:14px 0}.calendar-page{padding-bottom:20px}.calendar-page .plain-head{padding-bottom:14px}.calendar-card,.agenda-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;margin-bottom:12px;box-shadow:0 8px 25px #1c3a580b}.month-switch{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.month-switch strong{font-family:STSong,SimSun,serif;font-size:20px;color:#1b3958}.month-switch button{width:34px;height:34px;border:0;background:#eef4f8;border-radius:12px;color:#54718f;display:grid;place-items:center}.week-row,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.week-row{margin-bottom:7px}.week-row span{text-align:center;color:#95a1ae;font-size:10px}.calendar-grid>button,.calendar-blank{aspect-ratio:1;min-width:0}.calendar-grid>button{border:0;background:transparent;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#31465d;position:relative}.calendar-grid>button span{font-size:12px;line-height:1}.calendar-grid>button i{width:4px;height:4px;border-radius:50%;background:#7cb6e6}.calendar-grid>button.today:not(.selected){box-shadow:inset 0 0 0 1px #91b8da;color:#2368a5}.calendar-grid>button.has-record{background:#eff7fd}.calendar-grid>button.has-care{background:#256fae;color:#fff;font-weight:700}.calendar-grid>button.has-care i{background:#fff}.calendar-grid>button.selected{box-shadow:0 0 0 2px #173f72,0 3px 9px #164b7e33}.calendar-legend{display:flex;justify-content:center;gap:18px;margin-top:13px;padding-top:12px;border-top:1px solid #edf1f4;color:#7c8998;font-size:10px}.calendar-legend span{display:flex;align-items:center;gap:5px}.calendar-legend i{width:8px;height:8px;border-radius:3px}.record-dot{background:#d9edf9}.care-dot{background:#256fae}.agenda-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.agenda-head>div{display:flex;flex-direction:column}.agenda-head span{font-size:10px;color:#7991a9}.agenda-head h2{font-family:STSong,SimSun,serif;font-size:19px;margin:2px 0;color:#1b3958}.agenda-head button{border:0;background:#e8f2fa;color:#2169a6;border-radius:12px;padding:9px 10px;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700}.agenda-list{border:0;padding:0}.agenda-empty{border:1px dashed #cfdae4;border-radius:17px;padding:24px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;color:#8090a1}.agenda-empty svg{color:#6e9dc7;margin-bottom:7px}.agenda-empty strong{font-size:13px;color:#38536e}.agenda-empty p{font-size:10px;margin:4px 0 0}@media(max-width:360px){.hero{padding-left:14px;padding-right:14px}.content-section,.plain-page{padding-left:13px;padding-right:13px}.metric{padding:9px 8px}.metric-icon{width:30px;height:30px}.metric>svg{display:none}.segment-field button{font-size:10px;padding:9px 2px}.calendar-card,.agenda-card{padding:13px}.bottom-nav>button:not(.add-main){min-width:38px}}.date-switcher{display:grid;grid-template-columns:38px 132px 38px;justify-content:center;align-items:center;gap:8px;margin:14px auto 11px}.date-switcher>button{margin:0 auto;padding:0}.date-switcher .date-center{width:132px;height:42px;margin:0;align-items:center;justify-content:center;line-height:1.15}.date-switcher>button:disabled{opacity:.42}.add-main{width:46px;height:46px;padding:0;margin-top:-12px;border:3px solid #f7f9fb;border-radius:15px;box-shadow:0 5px 13px #1b5b9938}.add-main svg{display:block;margin:auto}