*{margin:0;padding:0;box-sizing:border-box}:root{--hm-primary: #007dff;--hm-primary-hover: #1a8fff;--hm-primary-pressed: #0066d6;--hm-primary-light: rgba(0, 125, 255, .14);--hm-primary-glow: rgba(0, 125, 255, .28);--hm-bg: #f3f6fc;--hm-bg-secondary: #eaf0f9;--hm-bg-elevated: #ffffff;--hm-bg-glass: rgba(255, 255, 255, .72);--hm-bg-overlay: rgba(241, 245, 252, .72);--hm-bg-input: #ffffff;--hm-text-primary: #101828;--hm-text-secondary: #4c5b70;--hm-text-tertiary: #7a8799;--hm-text-disabled: #a2adbb;--hm-text-inverse: #ffffff;--hm-border: rgba(16, 24, 40, .1);--hm-border-light: rgba(16, 24, 40, .06);--hm-border-input: rgba(16, 24, 40, .13);--hm-border-focus: #0a84ff;--hm-success: #1fa971;--hm-success-light: rgba(31, 169, 113, .14);--hm-success-bg: rgba(31, 169, 113, .14);--hm-success-text: #136747;--hm-danger: #f04438;--hm-danger-light: rgba(240, 68, 56, .14);--hm-danger-bg: rgba(240, 68, 56, .14);--hm-danger-text: #b42318;--hm-warning: #f79009;--hm-warning-light: rgba(247, 144, 9, .15);--hm-accent-gradient: linear-gradient(135deg, #007dff 0%, #3da8ff 48%, #7cc8ff 100%);--hm-accent-shadow: rgba(0, 125, 255, .28);--hm-navbar-bg: rgba(255, 255, 255, .78);--hm-navbar-border: rgba(16, 24, 40, .07);--hm-navbar-inactive: #8a97a8;--hm-navbar-active: #007dff;--hm-navbar-pill: rgba(0, 125, 255, .14);--hm-donut-track: #dce4f2;--hm-progress-track: #dce4f2;--hm-card-blue-bg: linear-gradient(152deg, #edf5ff 0%, #d8eaff 100%);--hm-card-blue-border: rgba(0, 125, 255, .18);--hm-card-blue-icon-bg: rgba(0, 125, 255, .14);--hm-card-blue-icon: #007dff;--hm-card-orange-bg: linear-gradient(152deg, #fff4e6 0%, #ffe6cc 100%);--hm-card-orange-border: rgba(247, 144, 9, .2);--hm-card-orange-icon-bg: rgba(247, 144, 9, .14);--hm-card-orange-icon: #f79009;--hm-card-green-bg: linear-gradient(152deg, #ecfbf5 0%, #d7f5e8 100%);--hm-card-green-border: rgba(31, 169, 113, .18);--hm-card-green-icon-bg: rgba(31, 169, 113, .14);--hm-card-green-icon: #1fa971;--hm-card-gray-bg: linear-gradient(152deg, #f3f6fa 0%, #e4ebf3 100%);--hm-card-gray-border: rgba(76, 91, 112, .18);--hm-card-gray-icon-bg: rgba(76, 91, 112, .14);--hm-card-gray-icon: #4c5b70;--hm-shadow-sm: 0 2px 8px rgba(16, 24, 40, .06);--hm-shadow-md: 0 10px 30px rgba(16, 24, 40, .08);--hm-shadow-lg: 0 18px 42px rgba(16, 24, 40, .12);--hm-shadow-xl: 0 26px 60px rgba(16, 24, 40, .16);--hm-scrollbar-thumb: rgba(76, 91, 112, .38);--hm-scrollbar-thumb-hover: rgba(76, 91, 112, .56);--hm-scrollbar-track: rgba(16, 24, 40, .08);--hm-radius-sm: 10px;--hm-radius-md: 14px;--hm-radius-lg: 20px;--hm-radius-xl: 24px;--hm-radius-2xl: 28px;--hm-radius-full: 9999px;--hm-space-xs: 4px;--hm-space-sm: 10px;--hm-space-md: 18px;--hm-space-lg: 26px;--hm-space-xl: 36px;--hm-space-2xl: 52px}[data-theme=dark]{--hm-primary: #3da8ff;--hm-primary-hover: #5bb8ff;--hm-primary-pressed: #2b96ed;--hm-primary-light: rgba(61, 168, 255, .18);--hm-primary-glow: rgba(61, 168, 255, .32);--hm-bg: #060c16;--hm-bg-secondary: #0e1624;--hm-bg-elevated: #141f31;--hm-bg-glass: rgba(20, 31, 49, .72);--hm-bg-overlay: rgba(6, 12, 22, .7);--hm-bg-input: #1a263a;--hm-text-primary: #ecf2ff;--hm-text-secondary: #b0bdd0;--hm-text-tertiary: #8795ab;--hm-text-disabled: #69778f;--hm-text-inverse: #0e1624;--hm-border: rgba(236, 242, 255, .12);--hm-border-light: rgba(236, 242, 255, .08);--hm-border-input: rgba(236, 242, 255, .16);--hm-border-focus: #3fa8ff;--hm-success: #2ec48d;--hm-success-light: rgba(46, 196, 141, .18);--hm-success-bg: rgba(46, 196, 141, .18);--hm-success-text: #7fe8bf;--hm-danger: #ff6f61;--hm-danger-light: rgba(255, 111, 97, .2);--hm-danger-bg: rgba(255, 111, 97, .2);--hm-danger-text: #ffb8b0;--hm-warning: #ffb547;--hm-warning-light: rgba(255, 181, 71, .2);--hm-accent-gradient: linear-gradient(135deg, #3da8ff 0%, #56b5ff 48%, #78d2ff 100%);--hm-accent-shadow: rgba(61, 168, 255, .34);--hm-navbar-bg: rgba(8, 13, 24, .8);--hm-navbar-border: rgba(236, 242, 255, .08);--hm-navbar-inactive: #8593a8;--hm-navbar-active: #3da8ff;--hm-navbar-pill: rgba(61, 168, 255, .18);--hm-donut-track: #233146;--hm-progress-track: #233146;--hm-card-blue-bg: linear-gradient(152deg, rgba(61, 168, 255, .18) 0%, rgba(26, 122, 220, .12) 100%);--hm-card-blue-border: rgba(61, 168, 255, .28);--hm-card-blue-icon-bg: rgba(61, 168, 255, .2);--hm-card-blue-icon: #63bcff;--hm-card-orange-bg: linear-gradient(152deg, rgba(255, 181, 71, .18) 0%, rgba(255, 145, 59, .12) 100%);--hm-card-orange-border: rgba(255, 181, 71, .25);--hm-card-orange-icon-bg: rgba(255, 181, 71, .2);--hm-card-orange-icon: #ffbe66;--hm-card-green-bg: linear-gradient(152deg, rgba(46, 196, 141, .18) 0%, rgba(30, 150, 110, .12) 100%);--hm-card-green-border: rgba(46, 196, 141, .25);--hm-card-green-icon-bg: rgba(46, 196, 141, .2);--hm-card-green-icon: #59d7a9;--hm-card-gray-bg: linear-gradient(152deg, rgba(135, 149, 171, .2) 0%, rgba(93, 106, 127, .14) 100%);--hm-card-gray-border: rgba(135, 149, 171, .2);--hm-card-gray-icon-bg: rgba(135, 149, 171, .16);--hm-card-gray-icon: #b7c3d5;--hm-shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--hm-shadow-md: 0 10px 30px rgba(0, 0, 0, .32);--hm-shadow-lg: 0 18px 42px rgba(0, 0, 0, .4);--hm-shadow-xl: 0 26px 60px rgba(0, 0, 0, .5);--hm-scrollbar-thumb: rgba(176, 189, 208, .34);--hm-scrollbar-thumb-hover: rgba(176, 189, 208, .52);--hm-scrollbar-track: rgba(236, 242, 255, .1)}html,body,#app{height:100%;font-family:HarmonyOS Sans SC,PingFang SC,SF Pro Display,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--hm-text-primary);background:radial-gradient(1200px 520px at 0% -8%,rgba(10,132,255,.18),transparent 66%),radial-gradient(900px 360px at 100% -10%,rgba(141,215,255,.15),transparent 60%),linear-gradient(180deg,var(--hm-bg) 0%,var(--hm-bg-secondary) 100%)}body,button,input,textarea,select,h1,h2,h3,h4,h5,h6,strong,b{color:var(--hm-text-primary)}p,label,small,li,td,th{color:var(--hm-text-secondary)}a{text-decoration:none;color:var(--hm-primary)}::selection{background:var(--hm-primary-light)}*{scrollbar-width:thin;scrollbar-color:var(--hm-scrollbar-thumb) var(--hm-scrollbar-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--hm-scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--hm-scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--hm-scrollbar-thumb-hover);background-clip:padding-box}.page-container{width:100%;max-width:1360px;margin:0 auto;padding:10px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:14px;border-radius:var(--hm-radius-lg);background:var(--hm-bg-glass);border:1px solid var(--hm-border-light);box-shadow:var(--hm-shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-header h1,.page-header h2,.page-header h3{margin:0;color:var(--hm-text-primary);letter-spacing:.2px}.card-grid{display:grid;gap:14px}.card-grid.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.n-card{border-radius:var(--hm-radius-lg)!important;border:1px solid var(--hm-border-light)!important;background:var(--hm-bg-glass)!important;box-shadow:var(--hm-shadow-sm)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.n-data-table{border-radius:var(--hm-radius-lg);overflow:hidden;border:1px solid var(--hm-border-light);box-shadow:var(--hm-shadow-sm)}.n-data-table .n-data-table-th{background:#0a84ff14!important;color:var(--hm-text-primary)!important;font-weight:700}.n-data-table .n-data-table-td{color:var(--hm-text-primary)}.n-data-table .n-data-table-tr:not(.n-data-table-tr--summary):hover .n-data-table-td{background:#0a84ff0f!important}.n-modal,.n-drawer,.n-dialog{--n-border-radius: var(--hm-radius-lg)}.n-input,.n-base-selection,.n-select{border-radius:var(--hm-radius-md)}.n-button{border-radius:var(--hm-radius-md);--n-font-weight: 600 !important;font-weight:600;letter-spacing:.1px;transition:all .2s ease}.n-button--default-type{background:var(--hm-bg-elevated)!important;color:var(--hm-text-primary)!important;border:1px solid var(--hm-border)!important;box-shadow:var(--hm-shadow-sm)}.n-button--default-type:hover{background:var(--hm-bg-glass)!important;color:var(--hm-primary)!important;border-color:var(--hm-primary)!important}.n-button--default-type:active{background:var(--hm-primary-light)!important;border-color:var(--hm-primary)!important}.n-button--tertiary-type,.n-button--quaternary-type,.n-button--text-type{color:var(--hm-text-primary)!important}.n-button--primary-type{background:var(--hm-accent-gradient)!important;color:var(--hm-text-inverse)!important;box-shadow:0 8px 20px var(--hm-accent-shadow);border:none!important}.n-button--error-type,.n-button--warning-type,.n-button--success-type{color:var(--hm-text-inverse)!important}.n-button--secondary.n-button--error-type{--n-color: var(--hm-danger-light) !important;--n-color-hover: rgba(240, 68, 56, .2) !important;--n-color-pressed: rgba(240, 68, 56, .12) !important;--n-color-focus: rgba(240, 68, 56, .2) !important;--n-text-color: var(--hm-danger) !important;--n-text-color-hover: var(--hm-danger) !important;--n-text-color-pressed: var(--hm-danger) !important;--n-text-color-focus: var(--hm-danger) !important;--n-border: 1px solid rgba(240, 68, 56, .46) !important;--n-border-hover: 1px solid rgba(240, 68, 56, .62) !important;--n-border-pressed: 1px solid rgba(240, 68, 56, .7) !important;--n-border-focus: 1px solid rgba(240, 68, 56, .62) !important}.n-button .n-button__content,.n-button .n-button__content span{color:inherit!important}.n-tag{border-radius:999px}.n-form-item-label__text,.n-input__placeholder,.n-base-selection-placeholder{color:var(--hm-text-tertiary)!important}.status-item,.test-stat-item,.summary-item{border-radius:var(--hm-radius-md)!important;border:1px solid var(--hm-border-light);background:var(--hm-bg-elevated)}.progress-count,.test-stat-value,.summary-value{color:var(--hm-text-primary)!important}@media (max-width: 1024px){.card-grid.four-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.two-cols{grid-template-columns:1fr}}@media (max-width: 768px){.page-container{padding:6px}.page-header{border-radius:var(--hm-radius-md);padding:10px 12px}}
