:root{--app-max-width: 430px;--page-gutter: 30px;--panel-padding: 24px;--panel-gap: 20px;--radius-card: 12px;--radius-chip: 8px;--shadow-soft: 0 2px 10px rgba(0, 0, 0, .05);--color-primary: #4f6dff;--color-primary-strong: #3048c7;--color-accent: #8aa3ff;--color-success: #00b42a;--color-danger: #f53f3f;--color-bg: #eef3ff;--color-card: #ffffff;--color-card-soft: #f6f8ff;--color-border: #d9e1f2;--color-border-strong: #c3cfe8;--color-title: #1d2129;--color-text: #4e5969;--color-muted: #86909c;--color-highlight: rgba(79, 109, 255, .12);--font-family-base: "Bahnschrift", "DIN Alternate", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}html{background:var(--color-bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at top center,rgba(69,96,255,.16),transparent 24%),linear-gradient(180deg,#8198ff2e,#eef3ff00 240px),var(--color-bg)}#app{max-width:var(--app-max-width);margin:0 auto;min-height:100vh;background:transparent}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{min-height:44px}.page-back-link{padding:0;border:none;min-height:auto;background:transparent;color:#ffffffeb;font-size:12px;font-weight:700;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.page-shell{min-height:100vh;padding-top:max(20px,calc(8px + env(safe-area-inset-top)));padding-right:max(var(--page-gutter),calc(12px + env(safe-area-inset-right)));padding-bottom:calc(112px + env(safe-area-inset-bottom));padding-left:max(var(--page-gutter),calc(12px + env(safe-area-inset-left)))}@media (max-width: 640px){.page-shell{padding-top:max(12px,calc(6px + env(safe-area-inset-top)));padding-right:max(14px,calc(10px + env(safe-area-inset-right)));padding-bottom:calc(104px + env(safe-area-inset-bottom));padding-left:max(14px,calc(10px + env(safe-area-inset-left)))}}.surface-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-soft)}.metric-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:var(--radius-chip);background:var(--color-highlight);color:var(--color-primary);font-size:12px;font-weight:700;line-height:1}.metric-badge.is-accent{background:#8aa3ff2e;color:var(--color-accent)}.metric-badge.is-success{background:#00b42a1f;color:var(--color-success)}.metric-badge.is-danger{background:#f53f3f1f;color:var(--color-danger)}.value-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border-radius:var(--radius-chip);background:#4f6dff1f;color:var(--color-primary);font-size:16px;font-weight:700}.value-chip.is-orange{background:#8aa3ff2e;color:var(--color-accent)}.value-chip.is-success{background:#00b42a1f;color:var(--color-success)}.value-chip.is-danger{background:#f53f3f1f;color:var(--color-danger)}.el-button{min-height:44px;border-radius:12px!important;font-weight:700}.el-button--primary{--el-button-bg-color: var(--color-primary);--el-button-border-color: var(--color-primary);--el-button-hover-bg-color: var(--color-primary-strong);--el-button-hover-border-color: var(--color-primary-strong);--el-button-active-bg-color: var(--color-primary-strong);--el-button-active-border-color: var(--color-primary-strong)}.el-button--default{--el-button-bg-color: #ffffff;--el-button-border-color: var(--color-border);--el-button-text-color: var(--color-text);--el-button-hover-text-color: var(--color-primary);--el-button-hover-border-color: rgba(79, 109, 255, .28);--el-button-hover-bg-color: rgba(79, 109, 255, .08)}.el-button.is-text{min-height:44px;padding:0 12px}.el-button--danger.is-plain{--el-button-text-color: var(--color-danger);--el-button-border-color: rgba(245, 63, 63, .3);--el-button-bg-color: rgba(245, 63, 63, .06)}.el-button--primary.is-plain{--el-button-text-color: var(--color-primary);--el-button-border-color: rgba(79, 109, 255, .24);--el-button-bg-color: rgba(79, 109, 255, .1)}.el-input__wrapper,.el-textarea__wrapper,.el-select__wrapper,.el-date-editor.el-input__wrapper{min-height:48px;border-radius:12px!important;background:#fff!important;box-shadow:0 0 0 1px var(--color-border) inset!important}.el-textarea__inner,.el-input__inner,.el-select__placeholder,.el-input-number .el-input__inner{color:var(--color-title)!important}.el-input__inner::placeholder,.el-textarea__inner::placeholder{color:var(--color-muted)!important}.el-input-number{width:100%}.el-input-number,.el-date-editor{--el-input-border-radius: 12px}.el-segmented{padding:4px;border:1px solid var(--color-border);border-radius:12px;background:#edf2ff}.el-segmented__item{min-height:44px;border-radius:10px;color:var(--color-text);font-weight:700}.el-segmented__item-selected{color:var(--color-primary);background:#fff;box-shadow:var(--shadow-soft)}.el-tag{border-radius:8px;font-weight:700}.el-tag--success{--el-tag-bg-color: rgba(0, 180, 42, .1);--el-tag-border-color: transparent;--el-tag-text-color: var(--color-success)}.el-tag--info{--el-tag-bg-color: rgba(79, 109, 255, .1);--el-tag-border-color: transparent;--el-tag-text-color: var(--color-primary)}.el-alert{border-radius:12px}.el-alert--info{--el-alert-bg-color: rgba(79, 109, 255, .08);--el-alert-text-color: var(--color-text)}.el-drawer{border-top-left-radius:16px;border-top-right-radius:16px}.el-drawer__header{margin-bottom:0;padding-bottom:8px;color:var(--color-title);font-weight:700}.el-drawer__body{padding-top:16px}.el-loading-mask{background:#f5f7fab8!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.el-message{border-radius:12px!important;box-shadow:var(--shadow-soft)!important}.el-checkbox__label{color:var(--color-text)}.el-checkbox__input.is-checked .el-checkbox__inner{border-color:var(--color-primary);background:var(--color-primary)}.number-strong{color:var(--color-title);font-weight:800;line-height:1.2}.number-primary{color:var(--color-primary)}.number-accent{color:var(--color-accent)}.number-success{color:var(--color-success)}.number-danger{color:var(--color-danger)}