:root{--fs-xs: 14px;--fs-sm: 15px;--fs-base: 17px;--fs-table: 16px;--fs-md: 20px;--fs-lg: 24px;--fs-xl: 30px;--fs-2xl: 34px;--lh-tight: 1.35;--lh-base: 1.65;--control-h: 44px;--control-h-lg: 52px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--c-bg: #f2f4f8;--c-surface: #ffffff;--c-surface-2: #f7f9fc;--c-text: #1d2129;--c-text-2: #4e5969;--c-text-3: #86909c;--c-line: #edf0f5;--c-line-strong: #dfe4ec;--c-primary: #1668dc;--c-primary-weak: #eef3fe;--c-success: #0f9d58;--c-warn: #b26a00;--c-danger: #d92d20;--shadow-page: 0 1px 2px rgba(20, 30, 50, .03), 0 8px 28px rgba(20, 30, 50, .04);--table-head-h: 56px;--table-row-h: 64px;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--nav-w: 248px;--nav-bg: #fbfcfe;--nav-bg-deep: #f4f7fb;--nav-border: #e3e8f0;--nav-group-fs: 15px;--nav-group-fw: 600;--nav-group-color: #4e5969;--nav-group-color-open: #1d2129;--nav-item-fs: 17px;--nav-item-fw: 400;--nav-item-fw-active: 600;--nav-item-color: #3d4757;--nav-item-color-hover: #1d2129;--nav-item-hover-bg: #eef2f8;--nav-item-active-bg: #e8f1fe;--nav-item-active-color: #1668dc;--nav-item-active-bar: #1668dc;--nav-item-h: 48px;--nav-item-px: 12px;--nav-item-gap: 2px;--nav-item-radius: 8px;--nav-icon-size: 20px;--nav-icon-gap: 10px;--nav-indent: 34px;--nav-duration: .16s;--nav-ease: cubic-bezier(.2, .6, .2, 1);--nav-focus-ring: rgba(22, 104, 220, .3);--header-h: 68px;--header-px: 28px;--header-bg: #ffffff;--header-border: #e6ebf3;--header-title-fs: 16px;--header-crumb-fs: 14px;--focus-ring: 0 0 0 3px rgba(22, 104, 220, .2);--focus-ring-dark: 0 0 0 3px rgba(157, 193, 255, .35)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);font-size:17px;line-height:var(--lh-base);padding-bottom:env(safe-area-inset-bottom)}#app{min-height:100vh}.h5-page{min-height:100vh;min-height:100dvh;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.h5-card{background:var(--c-surface);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-page)}.h5-title{font-size:20px;font-weight:600;line-height:var(--lh-tight);margin:0 0 var(--sp-2)}.h5-sub{font-size:15px;color:var(--c-text-3);line-height:var(--lh-base)}.h5-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.h5-muted{color:var(--c-text-3);font-size:15px;line-height:var(--lh-base)}.h5-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--control-h-lg);padding:12px 16px;border:none;border-radius:var(--radius-md);background:var(--c-primary);color:#fff;font-size:18px;font-weight:500;text-align:center;text-decoration:none;cursor:pointer}.h5-btn:disabled{opacity:.5}.h5-btn.ghost{background:var(--c-surface);color:var(--c-primary);border:1px solid var(--c-primary)}.h5-btn.danger{background:var(--c-danger)}.h5-input{width:100%;min-height:var(--control-h-lg);padding:12px 16px;border:1px solid var(--c-line-strong);border-radius:var(--radius-md);font-size:17px;line-height:1.4;outline:none;background:var(--c-surface);color:var(--c-text)}.h5-input:focus{border-color:var(--c-primary)}.h5-tag{display:inline-block;padding:4px 10px;border-radius:var(--radius-sm);font-size:14px;line-height:1.4}.h5-tag.ok{background:#e8f8ee;color:var(--c-success)}.h5-tag.bad{background:#ffecec;color:var(--c-danger)}.h5-tag.warn{background:#fff4e5;color:var(--c-warn)}.h5-tag.info{background:var(--c-primary-weak);color:var(--c-primary)}.h5-segment{display:flex;gap:var(--sp-2);padding:4px;background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-page)}.h5-segment__item{flex:1;min-height:var(--control-h-lg);border:none;border-radius:var(--radius-md);background:transparent;color:var(--c-text-2);font-family:inherit;font-size:17px;font-weight:400;cursor:pointer;transition:color var(--nav-duration) var(--nav-ease),background-color var(--nav-duration) var(--nav-ease),transform var(--nav-duration) var(--nav-ease)}.h5-segment__item:hover{background:var(--c-surface-2);color:var(--c-text)}.h5-segment__item.is-active{background:var(--c-primary);color:#fff;font-weight:600}.h5-segment__item:active{transform:scale(.985)}.h5-segment__item:focus-visible,.h5-btn:focus-visible,.h5-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.h5-page>.h5-card+.h5-card{margin-top:0}