:root{--app-page-bg: linear-gradient(180deg, #f4f7ff 0%, #f7f8fb 42%, #f3f4f6 100%);--app-surface-bg: linear-gradient(180deg, #ffffff, #f6f8ff);--app-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .96));--app-hero-bg: linear-gradient(135deg, #1a3d8f 0%, #6a5cff 56%, #ffb36b 130%);--app-hero-shadow: 0 18px 42px rgba(40, 65, 150, .2);--app-card-shadow: 0 16px 40px rgba(15, 23, 42, .06);--app-radius-xl: 30px;--app-radius-lg: 24px;--app-radius-md: 16px;--app-radius-sm: 12px;--app-gap: 16px;--app-gap-sm: 12px;--app-topbar-height: 74px;--app-content-offset: 12px;--app-border-subtle: 1px solid rgba(148, 163, 184, .18);--app-card-media-bg: var(--el-fill-color-light);--app-title-color: #22304a}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%}body{margin:0;font-family:var( --el-font-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif );background:#f3f4f6;color:#1f2937}.app-page{min-height:100vh;background:var(--app-page-bg)}.app-hero{position:relative;overflow:hidden;color:#fff;background:var(--app-hero-bg);box-shadow:var(--app-hero-shadow)}.app-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.42),transparent 16%),radial-gradient(circle at 18% 78%,rgba(255,255,255,.16),transparent 20%);pointer-events:none}.app-hero>*{position:relative;z-index:1}.app-kicker{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.84}.app-panel,.app-card,.page-card{border:var(--app-border-subtle);border-radius:var(--app-radius-lg);background:var(--app-card-bg);box-shadow:var(--app-card-shadow)}.app-panel{padding:14px}.app-section-title{font-size:18px;font-weight:800;color:var(--app-title-color)}.app-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:22px 2px 12px}.app-grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--app-gap)}.app-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.app-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.app-muted{color:var(--el-text-color-secondary)}.app-stack{display:grid;gap:12px}.app-list-panel,.list-page-panel,.admin-panel,.farm-panel,.target-config-card,.target-type-list-panel,.farm-placeholder-panel{padding:16px;border:var(--app-border-subtle);border-radius:var(--app-radius-md);background:var(--app-card-bg)}.app-panel-title,.list-page-title,.admin-panel__title,.farm-panel__title,.target-config-card__head,.target-type-list-panel__head{font-size:15px;font-weight:700;color:var(--app-title-color)}.app-tag-list,.admin-tag-list,.class-member-tags,.reward-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.app-empty-text,.admin-empty-text{color:var(--el-text-color-secondary);font-size:13px}.app-pagination,.admin-pagination-wrap,.record-pagination{display:flex;justify-content:flex-end;margin-top:14px}.app-hidden-input,.admin-hidden-input,.import-input{display:none}.app-form-actions,.dialog-footer,.entry-actions,.data-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.app-state-text,.reward-state-text{padding:16px 0;color:var(--el-text-color-secondary)}.app-state-text--error,.reward-state-text--error{color:var(--el-color-danger)}.app-rank-badge,.rank-1,.rank-2,.rank-3{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 10px;border:1px solid transparent;border-radius:var(--el-border-radius-round);font-size:13px;font-weight:700}.rank-1{color:#7b5300;border-color:#e0bc58;background:#fff0bf}.rank-2{color:#4f5568;border-color:#c4c8d4;background:#eef1f7}.rank-3{color:#6e3d22;border-color:#c78e6d;background:#f3e1d7}.app-filter-bar,.admin-toolbar,.record-filters__group,.farm-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;width:100%;overflow-x:auto}.app-filter-field,.admin-toolbar__field,.record-filter-item,.farm-search{flex:0 0 auto}.app-table-shell,.admin-table,.list-page-table,.record-table{width:100%}.app-data-card,.reward-card,.farm-card{position:relative;overflow:hidden;border-radius:var(--app-radius-md);background:var(--app-card-bg)}.app-data-card__body{display:grid;gap:var(--app-gap-sm)}.app-data-card__media,.reward-image,.farm-card__image,.farm-card__empty{width:100%;border-radius:14px;background:var(--app-card-media-bg)}.app-data-card__title,.reward-name,.farm-card__name,.theme-label{font-size:15px;font-weight:700;color:var(--app-title-color)}.app-data-card__meta,.reward-meta,.farm-card__stats,.farm-card__footer{color:var(--el-text-color-secondary);font-size:12px}.app-data-card__desc,.reward-info{color:var(--el-text-color-secondary);line-height:1.6}.app-setting-grid,.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.app-setting-card,.theme-card{position:relative;padding:14px;border:1px solid rgba(148,163,184,.22);border-radius:var(--app-radius-md);background:var(--app-card-bg);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.app-setting-card:hover,.theme-card:hover{transform:translateY(-2px);box-shadow:var(--app-card-shadow)}.app-setting-card.is-active,.theme-card.active{border-color:var(--el-color-primary);box-shadow:0 12px 28px #4078f229}.app-setting-card.is-disabled,.theme-card.disabled{cursor:not-allowed;opacity:.62}.app-setting-preview,.theme-preview{position:relative;height:92px;margin-bottom:12px;overflow:hidden;border-radius:14px;background:var(--el-fill-color-light)}.app-setting-check,.theme-check{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;background:var(--el-color-primary);font-weight:800}img,svg,canvas,video{display:block;max-width:100%}button,input,textarea,select{font:inherit}.page-container,.page-shell{width:min(1680px,calc(100vw - 32px));margin:16px auto 0}.page-container>*,.page-content,.page-card{width:100%}.page-header,.page-content,.list-page-shell{display:grid;gap:var(--app-content-offset)}.page-shell--compact{gap:12px}.layout-flex-between-wrap,.layout-flex-between-center,.layout-flex-center-gap-8,.layout-actions-row,.layout-actions-column,.layout-actions-end,.list-page-toolbar,.list-page-actions,.list-page-footer{display:flex;gap:8px;flex-wrap:wrap}.layout-flex-between-wrap,.layout-flex-between-center,.list-page-toolbar--between,.list-page-footer{justify-content:space-between;align-items:center}.layout-flex-center-gap-8,.list-page-toolbar{align-items:center}.layout-actions-column{flex-direction:column}.layout-actions-end,.list-page-actions{justify-content:flex-end}.layout-shell-farm{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;align-items:start}.layout-shell-farm__header{grid-column:1 / -1;display:flex;justify-content:flex-end}.layout-textarea-max-420{max-width:420px}.list-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.list-page-header>:first-child{min-width:0;flex:1 1 auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.page-stack,.layout-page-stack,.layout-stack-gap-16{margin-top:16px}.layout-stack-gap-12,.page-state-banner{margin-bottom:12px}.system-topbar{display:flex;align-items:stretch;justify-content:space-between;gap:16px;height:var(--app-topbar-height);min-height:var(--app-topbar-height);padding:10px 14px;overflow:hidden}.system-topbar__brand{display:flex;align-items:center;gap:14px;min-width:0;min-height:0;flex:1 1 auto;cursor:pointer}.system-topbar__menu{align-self:center;flex:0 0 auto;height:100%}.system-topbar__menu.el-menu--horizontal{border-bottom:0}.system-topbar__menu .el-menu-item{min-width:112px;height:100%;line-height:calc(var(--app-topbar-height) - 20px)}.system-topbar__user{display:flex;align-items:center;align-self:center;gap:10px;min-width:150px;height:100%;justify-content:flex-end;padding-left:8px;background:transparent;border:0;cursor:pointer}.system-topbar__avatar{flex:0 0 auto}.system-topbar__user-info{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.system-topbar__user-name{font-size:14px;color:var(--el-text-color-primary);white-space:nowrap}.page-brand-header{display:flex;align-items:center;gap:14px;min-width:0}.page-brand-header__home{width:64px;height:52px;padding:4px;border:0;background:transparent;flex:0 0 auto}.page-brand-header__home svg{width:100%;height:100%}.page-brand-header__title-wrap{display:flex;align-items:baseline;gap:10px;min-width:0}.page-brand-header__title{font-size:18px;line-height:1.2;white-space:nowrap}.farm-layout{width:min(1680px,calc(100vw - 32px))}.farm-nav-shell{margin:0}.farm-nav-menu,.farm-nav-menu.el-menu--horizontal{border-bottom:0}.farm-nav-menu .el-menu-item{min-width:112px}.farm-stack{display:grid;gap:16px}.farm-panel,.rank-panel,.target-config-card,.target-type-list-panel,.farm-placeholder-panel,.panel-card,.home-shell{background:var(--el-bg-color)}.farm-panel,.target-config-card,.target-type-list-panel,.farm-placeholder-panel{padding:14px}.farm-panel__title,.target-config-card__head,.target-type-list-panel__head{margin-bottom:12px;font-size:15px;font-weight:600}.farm-toolbar{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;margin-bottom:14px;padding-bottom:12px;overflow-x:auto}.farm-toolbar .farm-search{flex:0 0 250px;width:250px;min-width:250px;max-width:250px}.farm-toolbar .el-button,.farm-toolbar .el-checkbox{flex:0 0 auto;width:auto;white-space:nowrap}.admin-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;width:100%;overflow-x:auto}.admin-toolbar__field,.admin-toolbar__actions{flex:0 0 auto}.admin-toolbar__field--keyword{width:250px}.admin-toolbar__field--select{width:160px}.admin-toolbar__field--date{width:300px}.admin-toolbar__actions{display:flex;align-items:center;gap:8px;margin-left:auto;white-space:nowrap}.admin-search--keyword,.admin-select,.admin-date-range{width:100%}.admin-pagination-wrap{display:flex;justify-content:flex-end;margin-top:14px}.list-page-search{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.list-page-search__input{flex:0 0 250px;width:250px;min-width:250px;max-width:250px}.list-page-search__button{flex:0 0 auto;width:auto}.list-page-toolbar{flex-wrap:nowrap}.list-page-actions{flex-wrap:nowrap;flex:0 0 auto}.list-page-actions--wrap,.list-page-header--wrap,.list-page-toolbar--wrap{flex-wrap:wrap}.class-manage-layout .el-table{width:100%}.class-manage-layout .el-table__header-wrapper,.class-manage-layout .el-table__body-wrapper{overflow-x:hidden}.org-tree-shell{display:grid;gap:16px}.org-tree-panel__toolbar--top{display:flex;justify-content:flex-end;margin-bottom:12px}.org-node{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.org-node__main{min-width:0;flex:1 1 auto}.org-node__title-row{display:flex;align-items:center;gap:8px;min-width:0}.org-node__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-node__meta{margin-top:4px;color:var(--el-text-color-secondary);font-size:12px}.org-node__actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:0 0 auto}.farm-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:20px;align-items:start}.farm-student-column{min-width:0}.farm-student-column .card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.card-grid .el-card{background:var(--el-bg-color)}.card-grid .el-card__body{padding:10px 12px 12px}.farm-student-column .card-grid .el-card__body{padding:14px 16px 16px}.farm-card__head,.farm-card__body,.farm-card__selector,.farm-card__footer{margin-bottom:10px}.farm-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.farm-card__body{display:flex;align-items:center;gap:10px}.farm-card__meta{min-width:0}.farm-card__name{font-size:14px;font-weight:600;color:#222}.farm-card__stats{display:flex;align-items:center;gap:8px;margin-top:2px;color:#555;font-size:12px}.farm-card__selector .el-select{width:100%}.farm-card__image,.farm-card__empty{background:#fafafa}.farm-card__progress{margin-top:8px}.farm-card__footer{margin-top:8px;color:#666;font-size:12px}.reward-state-text{padding:16px 0;color:var(--el-text-color-secondary)}.reward-state-text--error{color:var(--el-color-danger)}.record-filters{display:flex;gap:12px;margin-bottom:14px}.record-filters__group{display:flex;gap:10px;flex-wrap:nowrap;align-items:center;width:100%}.record-filter-item--user,.record-filter-item--reward{width:180px;flex:0 0 auto}.record-filter-item--time{width:360px;flex:0 0 auto}.record-filter-button{flex:0 0 auto}.record-pagination{display:flex;justify-content:flex-end;margin-top:14px}.rank-panel{background:var(--el-bg-color)}.rank-panel{width:100%;max-width:300px;justify-self:end}.rank-panel :deep(.el-card__header){padding:10px 12px}.rank-panel :deep(.el-card__body){padding:12px}.farm-rank-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.farm-rank-tabs{display:flex;background:transparent}.farm-rank-tab{min-width:72px;height:28px;border:0;background:transparent;cursor:pointer}.farm-rank-tab:last-child{border-right:0}.farm-rank-tab.is-active{color:var(--el-color-primary);font-weight:600}.ranking-list{display:grid;gap:6px}.ranking-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:var(--el-bg-color)}.ranking-row__left,.ranking-row__score{display:flex;align-items:center;gap:8px}.ranking-row__name{font-size:13px;color:#222}.ranking-row__score-label{color:#666;font-size:12px}.target-settings-layout{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:16px;align-items:start}.target-type-menu{border-right:0}.target-type-menu__index{color:var(--el-text-color-secondary)}.target-type-menu__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-config-card__body{padding:14px}.stage-editor{display:grid;gap:12px}.stage-card__head,.target-config-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stage-flow-actions,.target-actions{display:flex;justify-content:flex-end;margin-top:12px}.page-content .el-tag{border-radius:var(--el-border-radius-base)}@media(max-width:1100px){.farm-content-grid,.target-settings-layout{grid-template-columns:1fr}.stage-row{grid-template-columns:48px 1fr}}@media(max-width:900px){.page-container,.page-shell,.farm-layout{width:calc(100vw - 24px)}.system-topbar{flex-wrap:wrap}.system-topbar__brand{flex-basis:100%}.system-topbar__user{margin-left:auto}}@media(max-width:600px){.page-container,.page-shell,.farm-layout{width:calc(100vw - 16px)}.card-grid{grid-template-columns:1fr}}