:root{--pf-bg:#f7f5f0;--pf-panel:#fff;--pf-line:#e3ded3;--pf-ink:#23262b;--pf-ink-2:#5b6270;--pf-ink-3:#8d949e;--pf-accent:#1f6f8b;--pf-accent-soft:#e2eff4;--pf-ok:#178a5a;--pf-warn:#b97c14;--pf-bad:#c4342b;--pf-shadow:0 1px 2px #1c20260d, 0 6px 18px #1c20260d}html,body,#parent-root{height:100%;margin:0}body{background:var(--pf-bg);color:var(--pf-ink);-webkit-font-smoothing:antialiased;font-family:HarmonyOS Sans SC,MiSans,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}.pf-shell{grid-template-rows:1fr;grid-template-columns:1fr;height:100%;display:grid;overflow:hidden}.pf-pane{flex-direction:column;min-height:0;display:flex;overflow:hidden}.pf-topbar{background:var(--pf-panel);border-bottom:1px solid var(--pf-line);flex-wrap:wrap;flex:none;align-items:center;gap:10px;padding:10px 14px;display:flex}.pf-brand-name{letter-spacing:.4px;font-size:14px;font-weight:700}.pf-brand-sub{color:var(--pf-ink-3);margin-top:2px;font-size:11px}.pf-crumb{color:var(--pf-ink-3);font-size:11px}.pf-title{margin-top:1px;font-size:17px;font-weight:700}.pf-topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.pf-kids{border-bottom:1px solid var(--pf-line);scrollbar-width:thin;background:#f1eee7;flex:none;gap:8px;padding:8px 14px;display:flex;overflow-x:auto}.pf-kid{border:1px solid var(--pf-line);background:var(--pf-panel);text-align:left;cursor:pointer;border-radius:10px;flex:none;min-width:118px;padding:6px 10px}.pf-kid.on{border-color:var(--pf-accent);background:var(--pf-accent-soft)}.pf-kid-name{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.pf-kid-meta{color:var(--pf-ink-2);margin-top:2px;font-size:11px}.pf-kid-add{border:1px dashed var(--pf-line);color:var(--pf-ink-2);cursor:pointer;background:0 0;border-radius:10px;flex:none;padding:6px 12px}.pf-main{flex:1 1 0;min-height:0;padding:12px 14px 18px;overflow:auto}.pf-body{flex-direction:column;gap:12px;max-width:900px;margin:0 auto;display:flex}.pf-col{flex-direction:column;gap:10px;display:flex}.pf-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pf-grid2{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;display:grid}.pf-panel{background:var(--pf-panel);border:1px solid var(--pf-line);box-shadow:var(--pf-shadow);border-radius:12px;overflow:hidden}.pf-panel-head{border-bottom:1px solid var(--pf-line);background:#fbfaf7;flex-wrap:wrap;align-items:baseline;gap:8px;padding:9px 12px;display:flex}.pf-panel-title{font-size:13px;font-weight:700}.pf-panel-hint{color:var(--pf-ink-3);font-size:11px}.pf-panel-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}.pf-panel-body{flex-direction:column;gap:10px;padding:12px;display:flex}.pf-stat{padding:10px 12px}.pf-stat-label{color:var(--pf-ink-3);font-size:11px}.pf-stat-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.25}.pf-stat-foot{color:var(--pf-ink-2);font-size:11px}.pf-chip{border:1px solid var(--pf-line);color:var(--pf-ink-2);white-space:nowrap;background:#f4f2ed;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.pf-chip.ok{color:var(--pf-ok);background:#e9f5ee;border-color:#cfe7db}.pf-chip.warn{color:var(--pf-warn);background:#fdf3e3;border-color:#f0dfc0}.pf-chip.bad{color:var(--pf-bad);background:#fbeceb;border-color:#f0cfcd}.pf-chip.info{color:var(--pf-accent);background:var(--pf-accent-soft);border-color:#c9e2ea}.pf-chip.proto{color:#6b4fa8;background:#f0ebfa;border-color:#ddd2f0}.pf-note{color:var(--pf-ink-2);border-left:3px solid var(--pf-line);background:#f4f2ed;border-radius:0 8px 8px 0;padding:8px 10px;font-size:12px}.pf-note.warn{border-left-color:var(--pf-warn);background:#fdf3e3}.pf-note.bad{border-left-color:var(--pf-bad);color:#8d2b24;background:#fbeceb}.pf-empty{color:var(--pf-ink-3);text-align:center;padding:14px 6px;font-size:12px}.pf-mut{color:var(--pf-ink-3);font-size:11px}.pf-strong{font-weight:700}.pf-field{flex-direction:column;gap:4px;display:flex}.pf-label{color:var(--pf-ink-2);font-size:11px}.pf-field-hint,.pf-help{color:var(--pf-ink-3);font-size:11px}.pf-input,.pf-select{width:100%;font:inherit;border:1px solid var(--pf-line);background:var(--pf-panel);color:var(--pf-ink);border-radius:10px;padding:10px 12px;font-size:15px}.pf-input:focus,.pf-select:focus{outline:2px solid var(--pf-accent-soft);border-color:var(--pf-accent)}.pf-btn{font:inherit;border:1px solid var(--pf-line);background:var(--pf-panel);color:var(--pf-ink);cursor:pointer;border-radius:10px;padding:9px 14px;font-size:13px}.pf-btn:disabled{opacity:.5;cursor:not-allowed}.pf-btn.primary{background:var(--pf-accent);border-color:var(--pf-accent);color:#fff;font-weight:600}.pf-btn.ghost{color:var(--pf-ink-2);background:0 0}.pf-btn.danger{color:var(--pf-bad);background:#fdf5f4;border-color:#f0cfcd}.pf-btn.big{width:100%;padding:12px;font-size:15px}.pf-seg{flex-wrap:wrap;gap:4px;display:inline-flex}.pf-seg button{font:inherit;border:1px solid var(--pf-line);background:var(--pf-panel);color:var(--pf-ink-2);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px}.pf-seg button.on{background:var(--pf-accent);border-color:var(--pf-accent);color:#fff}.pf-seg button:disabled{opacity:.45;cursor:not-allowed}.pf-toggle-row{border-bottom:1px dashed var(--pf-line);align-items:center;gap:12px;padding:10px 0;display:flex}.pf-toggle-row:last-child{border-bottom:none}.pf-toggle-text{flex:auto;min-width:0}.pf-toggle-label{font-size:13px;font-weight:600}.pf-toggle-hint{color:var(--pf-ink-3);margin-top:2px;font-size:11px}.pf-toggle{border:1px solid var(--pf-line);cursor:pointer;background:#eceae4;border-radius:999px;flex:none;width:46px;height:26px;position:relative}.pf-toggle i{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.pf-toggle.on{background:var(--pf-accent);border-color:var(--pf-accent)}.pf-toggle.on i{transform:translate(20px)}.pf-toggle:disabled{opacity:.5;cursor:not-allowed}.pf-list{flex-direction:column;display:flex}.pf-list-row{border-bottom:1px dashed var(--pf-line);flex-wrap:wrap;align-items:center;gap:10px;padding:9px 0;display:flex}.pf-list-row:last-child{border-bottom:none}.pf-kv{grid-template-columns:96px 1fr;gap:4px 10px;font-size:12px;display:grid}.pf-kv dt{color:var(--pf-ink-3)}.pf-kv dd{margin:0}.pf-table-wrap{overflow-x:auto}.pf-table{border-collapse:collapse;width:100%;font-size:12px}.pf-table th{text-align:left;color:var(--pf-ink-3);border-bottom:1px solid var(--pf-line);white-space:nowrap;padding:6px 8px;font-weight:500}.pf-table td{border-bottom:1px dashed var(--pf-line);vertical-align:top;padding:7px 8px}.pf-bar{background:#eceae4;border-radius:999px;height:6px;overflow:hidden}.pf-bar>i{background:var(--pf-accent);height:100%;display:block}.pf-drop{border:1px dashed var(--pf-line);text-align:center;background:#fbfaf7;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;display:flex}.pf-drop-hint{color:var(--pf-ink-3);font-size:11px}.pf-photo-row{border:1px solid var(--pf-line);background:#fbfaf7;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.pf-photo-row.right{background:#f2fbf6;border-color:#cfe7db}.pf-photo-row.wrong{background:#fdf4f3;border-color:#f0cfcd}.pf-photo-row.blank{background:#fdf8ee;border-color:#f0dfc0}.pf-stem{overflow-wrap:anywhere;font-size:13px;line-height:1.5}.pf-answer-line{color:var(--pf-ink-2);overflow-wrap:anywhere;font-size:12px}.pf-code{font-family:var(--pf-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:6px;font-size:26px;font-weight:700}.pf-auth{place-items:center;min-height:100%;padding:22px 14px;display:grid}.pf-auth-card{background:var(--pf-panel);border:1px solid var(--pf-line);width:100%;max-width:380px;box-shadow:var(--pf-shadow);border-radius:16px;flex-direction:column;gap:12px;padding:18px 16px;display:flex}.pf-auth-title{font-size:18px;font-weight:700}.pf-auth-sub{color:var(--pf-ink-2);font-size:12px}.pf-link{color:var(--pf-accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.pf-bottom{background:var(--pf-panel);border-top:1px solid var(--pf-line);padding:4px 1px calc(4px + env(safe-area-inset-bottom,0px));flex:none;align-items:stretch;display:flex;overflow-x:auto}.pf-bottom-item{min-width:44px;font:inherit;color:var(--pf-ink-3);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:6px 1px;font-size:10px;display:flex}.pf-bottom-item i{font-size:15px;font-style:normal;line-height:1}.pf-bottom-item span{white-space:nowrap}.pf-bottom-item.active{color:var(--pf-accent);background:var(--pf-accent-soft)}.pf-side{display:none}@media (width>=900px){.pf-shell{grid-template-rows:1fr;grid-template-columns:200px 1fr}.pf-side{color:#e8eef1;background:#22323a;flex-direction:column;gap:2px;padding-bottom:12px;display:flex;overflow:auto}.pf-side .pf-brand{border-bottom:1px solid #ffffff14;padding:16px 16px 12px}.pf-side .pf-brand-sub{color:#e8eef18c}.pf-nav-group{letter-spacing:.6px;color:#e8eef173;padding:12px 16px 4px;font-size:10px}.pf-nav-item{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:9px 16px;font-size:13px;display:flex}.pf-nav-item.active{box-shadow:inset 3px 0 0 var(--pf-accent);background:#ffffff1a}.pf-nav-foot{margin-top:auto;padding-top:10px}.pf-bottom{display:none}}