.page[data-v-113352e9]{max-width:430px;margin:0 auto;padding:20px 18px 40px;min-height:100vh;display:flex;flex-direction:column}.topbar[data-v-113352e9]{display:flex;justify-content:space-between;align-items:center;animation:rise-113352e9 .5s ease both}.mode-chip[data-v-113352e9]{font-size:12px;letter-spacing:.12em;padding:4px 12px;border-radius:999px;color:#fff}.mode-chip.is-mock[data-v-113352e9]{background:var(--seal)}.mode-chip.is-real[data-v-113352e9]{background:var(--blue)}.topbar-tip[data-v-113352e9]{font-size:11px;color:var(--ink-soft);letter-spacing:.18em}.hero[data-v-113352e9]{position:relative;padding:34px 4px 26px;animation:rise-113352e9 .5s ease .05s both}.hero-title[data-v-113352e9]{font-family:var(--serif);font-weight:900;font-size:42px;line-height:1.18;letter-spacing:.04em}.hero-sub[data-v-113352e9]{margin-top:10px;font-size:13px;color:var(--ink-soft);letter-spacing:.08em}.hero-stamp[data-v-113352e9]{position:absolute;right:6px;top:30px;width:54px;height:54px;display:grid;place-items:center;font-family:var(--serif);font-size:17px;color:var(--seal);border:2px solid var(--seal);border-radius:50%;transform:rotate(12deg);opacity:.75}.card[data-v-113352e9]{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 20px #1c21300d}.user-card[data-v-113352e9]{display:flex;align-items:center;gap:14px;padding:18px;animation:rise-113352e9 .5s ease .12s both}.avatar[data-v-113352e9]{width:52px;height:52px;flex:none;display:grid;place-items:center;background:var(--blue);color:#fff;font-family:var(--serif);font-size:24px;font-weight:900;border-radius:50%}.user-name[data-v-113352e9]{font-size:19px;font-weight:700;letter-spacing:.04em}.user-id[data-v-113352e9]{margin-top:3px;font-size:12px;color:var(--ink-soft);font-family:monospace}.user-dept[data-v-113352e9]{margin-top:3px;font-size:12px;color:var(--blue)}.list-card[data-v-113352e9]{margin-top:14px;padding:18px;animation:rise-113352e9 .5s ease .2s both}.card-title[data-v-113352e9]{font-family:var(--serif);font-size:15px;font-weight:600;letter-spacing:.1em;padding-bottom:12px;border-bottom:1px dashed var(--line)}.demo-list[data-v-113352e9]{list-style:none}.demo-list li[data-v-113352e9]{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #f0ece2;animation:rise-113352e9 .4s ease both}.demo-list li[data-v-113352e9]:last-child{border-bottom:none}.li-icon[data-v-113352e9]{width:22px;height:22px;flex:none;display:grid;place-items:center;font-size:12px;color:var(--seal);border:1.5px solid var(--seal);border-radius:50%}.li-title[data-v-113352e9]{font-size:14px;font-weight:600}.li-desc[data-v-113352e9]{margin-top:2px;font-size:12px;color:var(--ink-soft);line-height:1.5}.todo-card[data-v-113352e9]{margin-top:14px;padding:18px;animation:rise-113352e9 .5s ease .16s both}.card-head[data-v-113352e9]{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px dashed var(--line)}.isolate-tag[data-v-113352e9]{font-size:11px;color:var(--blue);border:1px solid rgba(31,78,140,.35);border-radius:999px;padding:2px 10px;letter-spacing:.08em}.todo-form[data-v-113352e9]{display:flex;gap:8px;margin-top:12px}.todo-form input[data-v-113352e9]{flex:1;font-size:14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);outline:none}.todo-form input[data-v-113352e9]:focus{border-color:var(--blue)}.todo-form button[data-v-113352e9]{border:none;border-radius:10px;padding:0 18px;font-size:14px;background:var(--blue);color:#fff;cursor:pointer;letter-spacing:.08em}.todo-form button[data-v-113352e9]:disabled{opacity:.45;cursor:default}.todo-list[data-v-113352e9]{list-style:none;margin-top:4px}.todo-list li[data-v-113352e9]{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0ece2;animation:rise-113352e9 .35s ease both}.todo-list li[data-v-113352e9]:last-child{border-bottom:none}.check[data-v-113352e9]{width:22px;height:22px;flex:none;border:1.5px solid var(--blue);border-radius:50%;background:transparent;color:#fff;font-size:12px;cursor:pointer;display:grid;place-items:center}.check.done[data-v-113352e9]{background:var(--blue)}.todo-body[data-v-113352e9]{flex:1;min-width:0}.todo-text[data-v-113352e9]{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-text.done[data-v-113352e9]{color:var(--ink-soft);text-decoration:line-through}.todo-time[data-v-113352e9]{display:block;font-size:11px;color:var(--ink-soft);margin-top:2px}.del[data-v-113352e9]{flex:none;border:none;background:transparent;color:var(--seal);font-size:12px;cursor:pointer;letter-spacing:.06em}.todo-empty[data-v-113352e9]{margin-top:16px;text-align:center;font-size:13px;color:var(--ink-soft)}.state-box[data-v-113352e9]{text-align:center;padding:60px 20px;color:var(--ink-soft);font-size:14px}.is-error[data-v-113352e9]{color:var(--seal)}.error-title[data-v-113352e9]{font-family:var(--serif);font-size:18px;margin-bottom:6px}.error-detail[data-v-113352e9]{font-size:13px;color:var(--ink-soft);word-break:break-all}.dot-spinner[data-v-113352e9]{display:inline-block;width:8px;height:8px;background:var(--blue);border-radius:50%;animation:pulse-113352e9 .9s ease-in-out infinite}.footer[data-v-113352e9]{margin-top:auto;padding-top:24px;text-align:center;animation:rise-113352e9 .5s ease .28s both}.footer p[data-v-113352e9]{font-size:12px;color:var(--ink-soft);margin-bottom:12px}.btn[data-v-113352e9]{border:none;cursor:pointer;font-size:14px;padding:10px 26px;border-radius:999px;background:var(--blue);color:#fff;letter-spacing:.1em}.btn-ghost[data-v-113352e9]{background:transparent;color:var(--ink-soft);border:1px solid var(--line)}@keyframes rise-113352e9{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-113352e9{50%{transform:scale(1.8);opacity:.4}}*{margin:0;padding:0;box-sizing:border-box}:root{--paper: #f5f2ec;--ink: #1c2130;--ink-soft: #6b7280;--seal: #c53d2b;--blue: #1f4e8c;--line: #e3ddd0;--card: #fffdf8;--serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--sans: "PingFang SC", "Microsoft YaHei", sans-serif}html,body{height:100%}body{font-family:var(--sans);background-color:var(--paper);background-image:radial-gradient(circle at 12% 8%,rgba(31,78,140,.06),transparent 42%),radial-gradient(circle at 88% 92%,rgba(197,61,43,.05),transparent 40%);color:var(--ink);-webkit-font-smoothing:antialiased}#app{min-height:100%}