.app-nav[data-v-3460daca]{z-index:10;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.app-nav__inner[data-v-3460daca]{align-items:center;gap:var(--space-lg);max-width:960px;padding:0 var(--space-md);height:56px;margin:0 auto;display:flex}.app-nav__logo[data-v-3460daca]{color:var(--color-text);font-size:var(--font-size-lg);align-items:center;gap:8px;font-weight:500;text-decoration:none;display:flex}.app-nav__logo-dot[data-v-3460daca]{background:var(--color-primary);border-radius:50%;width:12px;height:12px}.app-nav__links[data-v-3460daca]{gap:var(--space-sm);display:flex}.app-nav__link[data-v-3460daca]{min-height:var(--touch-min);border-radius:var(--radius-pill);font-size:var(--font-size-md);color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.app-nav__link[data-v-3460daca]:hover{background:var(--color-primary-soft);color:var(--color-primary-strong)}.app-nav__link--active[data-v-3460daca]{background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:500}.app-tabbar[data-v-3460daca]{z-index:10;background:var(--color-surface);border-top:1px solid var(--color-border);padding:4px 0 calc(4px + env(safe-area-inset-bottom));display:none;position:fixed;bottom:0;left:0;right:0}.app-tabbar__item[data-v-3460daca]{min-height:var(--touch-min);font-size:var(--font-size-sm);color:var(--color-text-hint);flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex}.app-tabbar__item--active[data-v-3460daca]{color:var(--color-primary-strong);font-weight:500}@media (width<=640px){.app-nav__links[data-v-3460daca]{display:none}.app-tabbar[data-v-3460daca]{display:flex}}.app-shell[data-v-0cf85076]{flex-direction:column;min-height:100vh;display:flex}.app-main[data-v-0cf85076]{flex:1}@media (width<=640px){.app-main[data-v-0cf85076]{padding-bottom:64px}}:root{--color-primary:#0f9d8f;--color-primary-strong:#0b7f74;--color-primary-soft:#e0f5f2;--color-secondary:#3d8bfd;--color-secondary-soft:#e8f1fe;--color-accent:#e8734a;--color-wrong:#e8804a;--color-wrong-soft:#fdf0e7;--color-success:#43a94c;--color-success-soft:#e9f6ea;--color-warning:#f0b429;--color-warning-soft:#fdf4e3;--color-text:#22323c;--color-text-secondary:#5f7079;--color-text-hint:#9aa7ae;--color-bg:#f4f8f9;--color-surface:#fff;--color-border:#dde7ea;--touch-min:44px;--touch-min-lg:52px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:17px;--font-size-xl:20px;--font-size-title:24px;--shadow-card:0 1px 3px #22323c14;--transition-fast:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.6}#app{min-height:100vh}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg)}.btn{min-height:var(--touch-min);border-radius:var(--radius-pill);font-size:var(--font-size-md);color:#fff;background:var(--color-primary);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-weight:500;display:inline-flex}.btn:hover{background:var(--color-primary-strong)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--lg{min-height:var(--touch-min-lg);font-size:var(--font-size-lg);padding:0 28px}.btn--secondary{background:var(--color-secondary)}.btn--ghost{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn--plain{background:var(--color-primary-soft);color:var(--color-primary-strong)}.page{max-width:960px;padding:var(--space-lg) var(--space-md) var(--space-xl);margin:0 auto}.page__title{font-size:var(--font-size-title);margin-bottom:var(--space-md);font-weight:500}.page__desc{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.list-item{min-height:var(--touch-min-lg);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.list-item:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.list-item+.list-item{margin-top:var(--space-sm)}.list-item__title{font-size:var(--font-size-md);font-weight:500}.list-item__sub{font-size:var(--font-size-xs);color:var(--color-text-hint)}.tag{border-radius:var(--radius-pill);font-size:var(--font-size-xs);background:var(--color-primary-soft);color:var(--color-primary-strong);align-items:center;padding:2px 10px;display:inline-flex}.placeholder{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;min-height:320px;color:var(--color-text-hint);flex-direction:column;display:flex}@media (width<=640px){.page{padding:var(--space-md) var(--space-sm) var(--space-lg)}}