:root{--paper: #F7F8FB;--grid: #E6EAF1;--ink: #22303F;--ink-soft: #5A6B7C;--blue: #2F5D8A;--blue-deep: #264B6F;--seal: #C9403B;--seal-ink: rgba(201, 64, 59, .55);--green: #2E7D5B;--green-deep: #226349;--green-bg: #E9F3ED;--line: #E2E7EE;--card: #FFFFFF;--radius: 18px;--shadow: 0 1px 2px rgba(34, 48, 63, .04), 0 10px 28px -14px rgba(34, 48, 63, .14);--font-body: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display: "Songti SC", "Noto Serif SC", "SimSun", serif;--font-num: "SF Mono", "JetBrains Mono", Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:var(--font-body);color:var(--ink);overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;background:radial-gradient(1100px 560px at 88% -8%,rgba(47,93,138,.08),transparent 62%),radial-gradient(820px 460px at -12% 24%,rgba(201,64,59,.05),transparent 58%),radial-gradient(960px 640px at 50% 116%,rgba(46,125,91,.06),transparent 62%),var(--paper)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.app{max-width:430px;margin:0 auto;height:100vh;display:flex;flex-direction:column;position:relative}@supports (height: 100dvh){.app{height:100dvh}}.app-header{flex:none;background:#f7f8fbd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(34,48,63,.06);padding:13px 18px 11px;position:relative;z-index:10}.app-header h1{font-family:var(--font-display);font-size:1.28rem;font-weight:700;letter-spacing:.06em}.app-header h1 em{font-style:normal;color:var(--seal)}.h-seal{position:absolute;right:16px;top:50%;transform:translateY(-50%) rotate(-8deg);width:38px;height:38px;border:2px solid var(--seal-ink);border-radius:9px;color:var(--seal);font-family:var(--font-display);font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;background:#fdf7f6bf;box-shadow:inset 0 0 0 1px #fdf7f6e6}.h-who{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#ffffffdb;border-radius:999px;min-height:40px;padding:0 5px 0 13px}.h-who .hw-name{font-size:.8rem;font-weight:600;color:var(--ink);max-width:7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h-who .hw-out{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:0;font-family:var(--font-body);flex:none;font-size:.72rem;color:#fff;background:var(--blue);border-radius:999px;padding:8px 11px}.h-who .hw-out:active{transform:scale(.96)}.h-who .hw-out:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.subj-bar{flex:none;display:flex;gap:8px;align-items:center;padding:10px 16px;margin:0 0 2px;overflow-x:auto;scrollbar-width:none}.subj-bar::-webkit-scrollbar{display:none}.subj-tag{flex:none;font-family:var(--font-display);font-weight:700;font-size:.74rem;letter-spacing:.1em;color:var(--blue);padding:3px 9px;border-radius:7px;background:#2f5d8a17;border:1px solid rgba(47,93,138,.16)}.subj-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;cursor:pointer;font-family:var(--font-display);border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;min-height:38px;padding:0 15px;font-size:.95rem;font-weight:700;letter-spacing:.04em;display:inline-flex;align-items:center;gap:7px;transition:all .18s;box-shadow:0 1px 2px #22303f0d}.subj-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#c3ccd6;transition:background .18s,box-shadow .18s}@media (hover: hover){.subj-pill:hover{border-color:var(--blue);color:var(--blue)}}.subj-pill.on{background:linear-gradient(135deg,var(--blue),var(--blue-deep));border-color:transparent;color:#fff;box-shadow:0 6px 16px -6px #2f5d8a99}.subj-pill.on:before{background:#7fd1a5;box-shadow:0 0 0 3px #7fd1a547}.subj-pill:focus-visible{outline:2px solid var(--blue);outline-offset:2px}main{flex:1;position:relative;overflow:hidden;z-index:5}.view{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;display:flex;flex-direction:column;padding:14px 16px 20px;scrollbar-width:thin;overscroll-behavior:contain;animation:view-in .24s ease}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.stagger>*{animation:rise .34s both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.05s}.stagger>*:nth-child(3){animation-delay:.08s}.stagger>*:nth-child(4){animation-delay:.11s}.stagger>*:nth-child(5){animation-delay:.14s}.stagger>*:nth-child(6){animation-delay:.17s}.stagger>*:nth-child(7){animation-delay:.2s}.stagger>*:nth-child(8){animation-delay:.22s}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.tabbar{flex:none;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 16px calc(12px + env(safe-area-inset-bottom));padding:5px;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(34,48,63,.06);border-radius:999px;box-shadow:0 14px 34px -14px #22303f47,0 2px 8px #22303f0f}.tabbar.three{grid-template-columns:repeat(3,1fr)}.tabbar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;border-radius:999px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:var(--font-body);font-size:.72rem;color:var(--ink-soft);transition:background .22s,color .22s,box-shadow .22s}.tabbar button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s}@media (hover: hover){.tabbar button:hover svg{transform:translateY(-1px)}}.tabbar button[aria-selected=true]{color:#fff;font-weight:600;background:linear-gradient(135deg,#3A6EA5,var(--blue));box-shadow:0 8px 18px -8px #2f5d8aa6}.tabbar button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.card{background:var(--card);border:1px solid rgba(34,48,63,.05);border-radius:var(--radius);box-shadow:var(--shadow)}.section-title{font-family:var(--font-display);font-size:1rem;font-weight:700;margin:16px 2px 10px;display:flex;align-items:baseline;gap:8px}.section-title:before{content:"";align-self:center;width:4px;height:14px;border-radius:2px;background:linear-gradient(180deg,var(--seal),#D9705E);flex:none}.section-title:first-child{margin-top:2px}.section-title .count{font-family:var(--font-num);font-size:.73rem;font-weight:400;color:var(--ink-soft)}.section-title .spacer{margin-left:auto}.empty{text-align:center;padding:40px 20px;color:var(--ink-soft)}.empty .mark{display:block;font-family:var(--font-display);font-size:1.7rem;color:#c3ceda;letter-spacing:.18em}.empty p{font-size:.85rem;margin-top:8px;line-height:1.7}.tip{padding:12px 14px;font-size:.78rem;color:var(--ink-soft);line-height:1.8}.tip.err{color:var(--seal);background:#fbeeed;border-radius:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font-family:var(--font-body);font-weight:600;border-radius:13px;min-height:46px;padding:0 18px;font-size:.92rem;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .12s,box-shadow .18s,opacity .18s}.btn.primary{background:linear-gradient(135deg,#3A6EA5,var(--blue));color:#fff;box-shadow:0 8px 18px -8px #2f5d8a8c}.btn.primary:active{transform:translateY(1.5px) scale(.99);box-shadow:0 4px 10px -6px #2f5d8a80}.btn.ghost{background:transparent;color:var(--blue);border:1px solid var(--line)}.btn.danger{background:#f9ebea;color:var(--seal)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.mini-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;cursor:pointer;border:1px solid var(--line);background:var(--card);border-radius:999px;min-height:32px;padding:0 12px;font-size:.73rem;color:var(--blue);font-family:var(--font-body);transition:background .15s,border-color .15s,transform .12s}.mini-btn:active{transform:scale(.95);background:#eaf1f8}.mini-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.mini-btn.on{background:var(--blue);border-color:var(--blue);color:#fff}.mini-btn:disabled{opacity:.35;cursor:default}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;color:var(--ink-soft);min-width:44px;min-height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center}.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-btn:disabled{opacity:.22;cursor:default}@media (hover: hover){.icon-btn:not(:disabled):hover{background:#edf2f8;color:var(--blue)}}.icon-btn.del:not(:disabled):hover{background:#f9ebea;color:var(--seal)}.icon-btn:focus-visible{outline:2px solid var(--blue)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#22303f61;z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;z-index:70;background:var(--card);border-radius:26px 26px 0 0;padding:16px 18px calc(18px + env(safe-area-inset-bottom));max-height:82vh;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;box-shadow:0 -12px 40px -12px #22303f40;animation:sheet-fade .24s ease both}@supports (max-height: 82dvh){.sheet{max-height:82dvh}}@keyframes sheet-fade{0%{opacity:.35}to{opacity:1}}.sheet h2{font-family:var(--font-display);font-size:1.05rem;margin-bottom:14px;letter-spacing:.04em;flex:none}.sheet .handle{width:36px;height:4px;border-radius:99px;background:var(--line);margin:0 auto 12px;flex:none}.sheet-foot{position:sticky;bottom:0;flex:none;background:var(--card);padding-top:4px;margin-top:4px}.sheet-actions{display:flex;gap:10px;flex:none}.sheet-actions .btn{flex:1}.sheet-scroll{overflow-y:auto;margin:0 -4px;padding:0 4px;scrollbar-width:thin;flex:1;min-height:0}.field{margin-bottom:14px}.field label{display:block;font-size:.8rem;color:var(--ink-soft);margin-bottom:6px}.field input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:0 12px;font-size:.95rem;font-family:var(--font-body);color:var(--ink);background:var(--paper)}.field input:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:transparent}.field input:disabled{background:#eef1f5;color:var(--ink-soft);border-style:dashed;cursor:not-allowed}.field .err{font-size:.76rem;color:var(--seal);margin-top:5px;min-height:1em;display:block}.err{font-size:.76rem;color:var(--seal);display:block;min-height:1em}.login-btn+.login-btn{margin-top:8px}.edit-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--ink-soft);margin:2px 2px 10px;flex:none;gap:8px}.edit-meta b{font-family:var(--font-num);color:var(--seal)}.edit-meta .meta-right{display:flex;align-items:center;gap:8px;min-width:0}.edit-meta .meta-hint{font-style:normal;font-size:.72rem;color:var(--ink-soft);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 359px){.edit-meta .meta-hint{display:none}}.edit-list{list-style:none;display:flex;flex-direction:column;gap:6px}.edit-row{display:flex;align-items:center;gap:10px;min-height:48px;padding:4px 10px;cursor:pointer;border:1px solid var(--grid);border-radius:12px;background:var(--card)}.edit-row .er-name{flex:1;font-size:.9rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-row .er-sub{font-family:var(--font-num);font-size:.72rem;color:var(--ink-soft);flex:none}.edit-row .box{width:22px;height:22px;flex:none;border-radius:6px;border:1.5px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center}.edit-row .box svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.6;opacity:0}.edit-row input{position:absolute;opacity:0;width:1px;height:1px}.edit-row input:focus-visible+.box{outline:2px solid var(--blue);outline-offset:2px}.edit-row.on{background:var(--green-bg);border-color:#b9d6c6}.edit-row.on .box{background:var(--green);border-color:var(--green)}.edit-row.on .box svg{opacity:1}.toolbar{display:flex;gap:10px;margin-bottom:4px}.search{flex:1;position:relative}.search input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:13px;background:var(--card);padding:0 12px 0 38px;font-size:.9rem;font-family:var(--font-body);color:var(--ink)}.search input:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:transparent}.search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:var(--ink-soft);fill:none;stroke-width:2}.student-list{list-style:none;display:flex;flex-direction:column;gap:8px}.student-row{display:flex;align-items:center;gap:12px;padding:9px 12px;min-height:56px;border:1px solid rgba(34,48,63,.05);background:var(--card);border-radius:14px;transition:box-shadow .18s,transform .18s}@media (hover: hover){.student-row:hover{box-shadow:0 6px 16px -8px #22303f24;transform:translateY(-1px)}}.avatar{width:38px;height:38px;border-radius:50%;flex:none;color:#fff;font-family:var(--font-display);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem;background:linear-gradient(135deg,#4A78A5,var(--blue));box-shadow:inset 0 -2px 4px #0000001f}.student-info{flex:1;min-width:0}.student-info .name{font-size:.98rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-info .no{font-family:var(--font-num);font-size:.73rem;color:var(--ink-soft);margin-top:2px}.row-actions{display:flex;gap:2px;flex:none}#checkin-view,.view.tight{overflow:hidden;padding-bottom:8px}.checkin-bar{flex:none;padding:8px 12px;margin-bottom:6px;display:flex;flex-direction:column;gap:6px}.checkin-bar .row1{display:flex;align-items:center;gap:10px}.checkin-bar .label{font-size:.78rem;color:var(--ink-soft);letter-spacing:.04em;flex:none}.checkin-bar input[type=date]{flex:1;font-family:var(--font-num);font-size:.95rem;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:10px;background:var(--paper);min-height:38px;padding:0 10px;min-width:0}.checkin-bar input:focus{outline:2px solid var(--blue);outline-offset:-1px}.checkin-bar .weekday{font-family:var(--font-display);font-size:.85rem;color:var(--blue);flex:none;font-weight:700}.checkin-bar .row2{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.progress-text{font-size:.82rem;color:var(--ink-soft);white-space:nowrap}.progress-text b{font-family:var(--font-num);color:var(--seal);font-size:1.05rem}.pending-hint{font-size:.72rem;color:var(--seal);margin-left:6px}.quick-actions{display:flex;gap:6px}.quick-actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;min-height:32px;padding:0 12px;font-size:.73rem;color:var(--blue);font-family:var(--font-body);transition:background .15s,transform .12s}.quick-actions button:active{transform:scale(.95);background:#eaf1f8}.quick-actions button:focus-visible{outline:2px solid var(--blue)}.quick-actions button.primary{background:var(--green-bg);border-color:#b9d6c6;color:var(--green);font-weight:600}.quick-actions button.primary:active{background:#dcebe3}.quick-actions button.ghost{color:var(--ink-soft)}.pick-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;margin:0 -4px;padding:4px 4px 2px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.pick-legend{display:flex;gap:12px;align-items:center;padding:0 4px 6px;font-size:.66rem;color:var(--ink-soft)}.pick-legend i{display:inline-block;width:10px;height:10px;border-radius:4px;margin-right:5px;vertical-align:-1px}.pick-legend .lg-done{background:var(--green-bg);border:1.5px solid #8FBFA6}.pick-legend .lg-new{background:var(--green-bg);border:1px solid #B9D6C6}.pick-legend .lg-miss{background:#fff;border:1.5px dashed #C0C9D4}.mini-bar{height:5px;border-radius:99px;background:#ebeff4;overflow:hidden;margin-top:2px}.mini-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#4C9C74,var(--green));transition:width .4s ease}.mini-bar.low i{background:linear-gradient(90deg,#D9635E,var(--seal))}.pick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}@media (min-height: 800px){.pick-grid{gap:7px}.pick{min-height:50px}}.pick{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--font-body);border:1px solid rgba(34,48,63,.07);background:var(--card);border-radius:12px;min-height:44px;padding:2px;display:flex;align-items:center;justify-content:center;font-size:.84rem;color:var(--ink);box-shadow:0 1px 2px #22303f0a;transition:background .18s,border-color .18s,color .18s,transform .12s,box-shadow .18s}@media (hover: hover){.pick:hover{transform:translateY(-1px);box-shadow:0 6px 14px -6px #22303f2e}}.pick:active{transform:scale(.93)}.pick:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.pick .tick{position:absolute;top:-5px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--green);display:none;align-items:center;justify-content:center}.pick .tick svg{width:9px;height:9px;stroke:#fff;fill:none;stroke-width:3.2;stroke-linecap:round}.pick.on{background:var(--green-bg);border-color:#b9d6c6;color:var(--green);font-weight:600}.pick.on .tick{display:flex}.pick.rec{background:var(--green-bg);border:1.5px solid #8FBFA6;color:var(--green);font-family:var(--font-display);font-weight:700}.pick.rec:after{content:"已打卡";position:absolute;top:-6px;left:-3px;background:#f1f8f4;color:var(--green);font-family:var(--font-display);font-size:.58rem;font-weight:700;padding:0 3px}.pick.miss{border:1.5px dashed #C0C9D4;color:var(--ink-soft);background:var(--card)}.pick.miss:after{content:"未打卡";position:absolute;top:-6px;left:-3px;background:#fff;color:#8a98a8;font-size:.58rem;font-weight:600;padding:0 3px}.checkin-footer{flex:none;padding-top:10px}.checkin-footer .btn{width:100%}.checkin-footer .btn+.btn{margin-top:8px}.overview{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:4px 6px;margin-bottom:2px}.ov-cell{padding:11px 6px;text-align:center}.ov-cell+.ov-cell{border-left:1px dashed var(--grid)}.ov-cell .v{font-family:var(--font-num);font-size:1.22rem;font-weight:700;color:var(--blue)}.ov-cell .v.good{color:var(--green)}.ov-cell .v.bad{color:var(--seal)}.ov-cell .v small{font-family:var(--font-display);font-weight:700;font-size:.6em;color:var(--ink-soft);margin-left:3px}.ov-cell .k{font-size:.7rem;color:var(--ink-soft);margin-top:3px}.trend-card{padding:14px 12px 10px}.trend{display:flex;align-items:stretch;gap:10px;height:132px}.tcol{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;cursor:pointer;border-radius:10px;transition:background .15s}.tcol:active{background:#2f5d8a12}.tcol:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.tval{font-family:var(--font-num);font-size:.64rem;color:var(--ink-soft);flex:none}.ttrack{width:100%;max-width:26px;flex:1;background:#eef2f6;border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}.ttrack i{display:block;width:100%;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#4C9C74,var(--green));transition:height .5s ease}.ttrack i.low{background:linear-gradient(180deg,#D9635E,var(--seal))}.tdate{font-size:.64rem;color:var(--ink-soft);font-family:var(--font-num);white-space:nowrap;flex:none}.tcol.last .tdate{color:var(--blue);font-weight:700}.tcol.last .ttrack{outline:1.5px solid rgba(47,93,138,.4);outline-offset:1px}.tcol.last .tval{color:var(--blue);font-weight:700}.trend-cap{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px dashed var(--grid);font-size:.72rem;color:var(--ink-soft)}.trend-cap b{font-family:var(--font-num);color:var(--ink);font-weight:700}.miss-card{padding:12px 14px}.allgood{text-align:center;padding:10px 0;font-size:.86rem;color:var(--green);display:flex;align-items:center;justify-content:center;gap:8px}.mini-seal{font-family:var(--font-display);color:var(--seal);border:1.5px solid var(--seal-ink);border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:700;transform:rotate(-8deg);background:#fdf7f6}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:.78rem;padding:5px 11px;border-radius:99px;background:var(--green-bg);color:var(--green);font-weight:500;transition:transform .15s}@media (hover: hover){.chip:hover{transform:translateY(-1px)}}.chip.miss{background:#fff;color:var(--ink-soft);border:1px dashed #C0C9D4;font-weight:400}.chip.miss.top{background:#fbeeed;color:var(--seal);border:1px solid rgba(201,64,59,.4);font-weight:600}.chip .cnum{font-family:var(--font-num);font-size:.7em;margin-left:4px}.date-cards{list-style:none;display:flex;flex-direction:column;gap:10px}.date-card-stat{padding:0;overflow:hidden}.date-head{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:56px;font-family:var(--font-body);text-align:left;border-radius:var(--radius);transition:background .18s}@media (hover: hover){.date-head:hover{background:#f8fafc}}.date-head:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.date-head .d-num{font-family:var(--font-display);font-weight:700;font-size:.92rem;line-height:1.3;flex:none;width:76px}.date-head .d-num small{display:block;font-size:.7rem;font-weight:400;color:var(--ink-soft)}.date-head .d-mid{flex:1;min-width:0}.date-head .d-mid .cap{font-size:.76rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar{height:7px;border-radius:99px;background:#ebeff4;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3D9A70,var(--green));transition:width .5s ease}.bar.low i{background:linear-gradient(90deg,#D9635E,var(--seal))}.date-head .d-rate{font-family:var(--font-num);font-size:.82rem;font-weight:600;flex:none}.date-head .chev{width:16px;height:16px;stroke:#b0bcc8;fill:none;stroke-width:2;flex:none;transition:transform .18s}@media (hover: hover){.date-head:hover .chev{transform:translate(2px)}}.perfect-seal{font-family:var(--font-display);color:var(--seal);border:1.5px solid var(--seal-ink);border-radius:6px;padding:1px 4px;font-size:.66rem;font-weight:700;transform:rotate(-6deg);display:inline-block;margin-right:5px;background:#fdf7f6}.load-more{padding:12px 0 4px;text-align:center;font-size:.75rem;color:var(--ink-soft)}.load-more .spin{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-2px;border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.record-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;max-width:430px;margin:0 auto;display:flex;flex-direction:column;background:radial-gradient(1100px 560px at 88% -8%,rgba(47,93,138,.08),transparent 62%),radial-gradient(820px 460px at -12% 24%,rgba(201,64,59,.05),transparent 58%),var(--paper)}.rec-header{flex:none;display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid rgba(34,48,63,.06);background:#f7f8fbe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.back-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(34,48,63,.08);background:var(--card);cursor:pointer;border-radius:999px;min-height:38px;padding:0 14px 0 10px;display:flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:.82rem;color:var(--blue);box-shadow:0 2px 6px #22303f0f;transition:transform .12s}.back-btn:active{transform:scale(.95)}.back-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.back-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.rec-header h2{font-family:var(--font-display);font-size:1.12rem;letter-spacing:.04em}.rec-body{flex:1;overflow-y:auto;padding:14px 16px 22px}.rec-hero{padding:14px 16px 15px;background:linear-gradient(180deg,#fff,#fafcfe);border-radius:var(--radius)}.day-band{animation:rise .34s both}.db-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.db-eyebrow{font-family:var(--font-display);font-size:.84rem;letter-spacing:.2em;color:var(--ink-soft);padding-top:5px}.db-stamp{flex:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(47,93,138,.42);border-radius:11px;background:#f0f5facc;box-shadow:inset 0 0 0 2px #ffffffa6;color:var(--blue);font-family:var(--font-display);font-weight:700;font-size:.8rem;transform:rotate(-7deg)}.db-num{font-family:var(--font-display);font-weight:700;font-size:3.1rem;line-height:1.06;letter-spacing:-.01em;margin-top:2px}.db-unit{font-size:1rem;font-weight:400;color:var(--ink-soft);letter-spacing:.1em;margin-left:5px}.rec-metric{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding-top:13px;border-top:1px dashed rgba(34,48,63,.16);animation:rise .34s both;animation-delay:.07s}.ring{width:90px;height:90px;flex:none;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:9}.ring .bgc{stroke:#ebeff4}.ring .fgc{stroke:var(--green);stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.3,1)}.ring.low .fgc{stroke:var(--seal)}.ring .center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring .pct{font-family:var(--font-num);font-size:1.16rem;font-weight:700}.ring .plabel{font-size:.62rem;color:var(--ink-soft);margin-top:1px}.rec-metric .info{flex:1;min-width:0}.rec-metric .big{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.25}.rec-metric .big small{font-size:.85rem;color:var(--ink-soft);font-weight:400}.rec-metric .sub{font-size:.76rem;color:var(--ink-soft);letter-spacing:.04em;margin-top:2px}.rec-actions{display:flex;gap:10px;margin-top:14px}.rec-actions .btn{flex:1;min-height:42px;font-size:.85rem;border-radius:12px}.rec-sec{margin-top:18px}.rec-sec .head{display:flex;align-items:center;gap:7px;font-size:.9rem;font-weight:700;margin-bottom:10px}.rec-sec .head .dot{width:9px;height:9px;border-radius:3px}.rec-sec .head .n{margin-left:auto;font-family:var(--font-num);font-size:.78rem;font-weight:400;color:var(--ink-soft)}.rec-sec.g .head{color:var(--green)}.rec-sec.g .dot{background:var(--green)}.rec-sec.r .head{color:var(--seal)}.rec-sec.r .dot{background:var(--seal)}.rec-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rec-chip{padding:7px 4px;border-radius:999px;font-size:.85rem;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:rise .3s both;box-shadow:0 1px 2px #22303f0d;transition:transform .15s,box-shadow .15s}@media (hover: hover){.rec-chip:hover{transform:translateY(-1px);box-shadow:0 5px 12px -5px #22303f33}}.rec-chip.g{background:var(--green-bg);border:1px solid #B9D6C6;color:var(--green-deep)}.rec-chip.r{background:#fff;border:1.5px dashed #D8A6A3;color:var(--seal)}.rec-empty{font-size:.82rem;color:var(--ink-soft);padding:6px 2px}.subj-list{list-style:none;display:flex;flex-direction:column;gap:8px}.subj-row{display:flex;align-items:center;gap:10px;padding:10px 12px}.subj-badge{flex:none;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--blue);background:linear-gradient(150deg,#e7eef7,#dce7f3);border:1px solid rgba(47,93,138,.14)}.subj-row .sname{flex:1;font-weight:600;font-size:.95rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subj-row .sname small{display:block;font-weight:400;font-size:.72rem;color:var(--ink-soft);margin-top:1px}.subj-empty-tip{padding:14px;text-align:center;font-size:.8rem;color:var(--ink-soft);border:1.5px dashed #C0C9D4;border-radius:14px}.cur-admin{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:4px;background:linear-gradient(140deg,#fff,#f2f6fb)}.cur-admin .avatar{flex:none;width:42px;height:42px;border-radius:13px;font-size:1.05rem}.cur-admin .who{flex:1;min-width:0}.cur-admin .who b{font-size:.98rem}.cur-admin .who p{font-size:.74rem;color:var(--ink-soft);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cur-admin .logout-btn{flex:none;min-height:36px;padding:0 12px;font-size:.78rem;border-radius:10px}.role-badge{display:inline-block;font-size:.64rem;font-weight:600;padding:2px 8px;border-radius:99px;margin-left:6px;vertical-align:1px}.role-badge.super{color:var(--seal);background:#fbeeed;border:1px solid rgba(201,64,59,.25)}.role-badge.normal{color:var(--blue);background:#eaf1f8;border:1px solid rgba(47,93,138,.2)}.admin-row .subj-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.admin-row .subj-tags span{font-size:.66rem;color:var(--ink-soft);background:#f0f3f8;border-radius:6px;padding:1px 6px}.admin-row.me{border:1.5px solid rgba(47,93,138,.45);box-shadow:0 4px 14px -8px #2f5d8a59}.lock-tip{padding:10px 12px;font-size:.76rem;color:var(--ink-soft);background:#f4f6fa;border-radius:12px;margin-top:4px;line-height:1.7}.super-row{display:flex;align-items:flex-start;gap:10px;padding:10px 2px;cursor:pointer;-webkit-user-select:none;user-select:none}.super-row input{position:absolute;opacity:0;pointer-events:none}.super-row .box{flex:none;width:22px;height:22px;border-radius:7px;border:1.8px solid #C0C9D4;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s;margin-top:2px}.super-row .box svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;opacity:0;transition:opacity .12s}.super-row input:checked+.box{background:var(--blue);border-color:var(--blue)}.super-row input:checked+.box svg{opacity:1}.super-row input:focus-visible+.box{outline:2px solid var(--blue);outline-offset:2px}.super-row .sr-text b{display:block;font-size:.9rem}.super-row .sr-text small{display:block;font-size:.72rem;color:var(--ink-soft);margin-top:1px}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;gap:20px;padding:28px;overflow-y:auto;overscroll-behavior:contain;max-width:430px;margin:0 auto;background:radial-gradient(900px 520px at 86% -6%,rgba(47,93,138,.14),transparent 60%),radial-gradient(760px 440px at -12% 104%,rgba(201,64,59,.09),transparent 56%),var(--paper)}.login-brand{text-align:center;flex:none;margin-top:auto}.login-seal{width:56px;height:56px;margin:0 auto 12px;border:2.5px solid var(--seal-ink);border-radius:13px;color:var(--seal);font-family:var(--font-display);font-weight:700;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);background:#fdf7f6d9}.login-brand h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:.06em;color:var(--ink)}.login-brand h1 b{color:var(--seal)}.login-brand p{font-size:.8rem;color:var(--ink-soft);margin-top:5px;letter-spacing:.14em}.login-card{width:100%;max-width:340px;background:var(--card);border:1px solid rgba(34,48,63,.06);border-radius:18px;padding:18px 18px 16px;box-shadow:0 20px 44px -22px #22303f57;flex:none}.login-card .field{margin-bottom:12px}.login-card .err{min-height:1.2em;margin-top:0}.login-btn{width:100%;margin-top:4px}.login-note{width:100%;max-width:340px;flex:none;margin-bottom:auto;font-size:.74rem;color:var(--ink-soft);line-height:1.8;text-align:center}.rules{list-style:none;display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:.74rem;color:var(--ink-soft)}.rules li:before{content:"·";margin-right:6px;color:var(--blue);font-weight:700}.toast-host{position:fixed;bottom:calc(92px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:95;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:88%}.toast{background:#22303feb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.84rem;padding:10px 18px;border-radius:99px;box-shadow:0 10px 28px -10px #22303f73;pointer-events:auto;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast.err{background:#c9403bf0}.toast.ok{background:#2e7d5bf0}.toast-enter-active,.toast-leave-active{transition:opacity .22s ease,transform .22s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}.dlg-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#22303f6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:26px}.dlg{width:100%;max-width:320px;padding:18px;animation:rise .2s ease both}.dlg-title{font-family:var(--font-display);font-size:1.02rem;letter-spacing:.04em}.dlg-body{font-size:.84rem;color:var(--ink-soft);line-height:1.75;margin-top:8px}.dlg-acts{display:flex;gap:10px;margin-top:16px}.dlg-acts .btn{flex:1;min-height:42px;font-size:.88rem}.skeleton{height:56px;border-radius:14px;background:linear-gradient(90deg,#eef2f7,#f6f8fb,#eef2f7);background-size:200% 100%;animation:slide 1.2s linear infinite}@keyframes slide{to{background-position:-200% 0}}.center-load{flex:1;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:.84rem;gap:8px}@media (max-width: 359px){.pick-grid,.rec-chips,.overview{grid-template-columns:repeat(3,1fr)}.ov-cell .v{font-size:1.05rem}.db-num{font-size:2.6rem}.rec-metric{gap:14px}}