:root{--oap-primary: #6366f1;--oap-primary-light: #818cf8;--oap-primary-dark: #4f46e5;--oap-bg: #f4f6fb;--oap-sidebar: #171c2d;--oap-sidebar-hover: #232a42;--oap-card-border: #e8ebf3;--oap-text: #1f2430;--oap-text-secondary: #6b7280;--oap-success: #10b981;--oap-danger: #f43f5e;--oap-chart-1: #6366f1;--oap-chart-2: #22d3ee;--oap-chart-3: #a78bfa;--oap-chart-4: #34d399;--oap-chart-5: #fbbf24}:root{--el-color-primary: var(--oap-primary);--el-color-primary-light-3: #a5b4fc;--el-color-primary-light-5: #c7d2fe;--el-color-primary-light-7: #e0e7ff;--el-color-primary-light-8: #eef2ff;--el-color-primary-light-9: #f5f7ff;--el-color-primary-dark-2: var(--oap-primary-dark);--el-border-radius-base: 8px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--oap-text);background:var(--oap-bg)}.oap-card{min-width:0;background:#fff;border:1px solid var(--oap-card-border);border-radius:12px;box-shadow:0 1px 3px #171c2d0a}.oap-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.oap-card-header .title{font-size:15px;font-weight:600}.oap-card-header .subtitle{font-size:12px;color:var(--oap-text-secondary);margin-top:2px}.oap-page{width:100%;min-width:0;padding:20px;display:flex;flex-direction:column;gap:16px}.oap-page .page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.oap-page .page-header h2{margin:0;font-size:20px}.oap-page .page-header .desc{color:var(--oap-text-secondary);font-size:13px;margin-top:4px}.oap-page .header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d3d8e4;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.stat-number{font-variant-numeric:tabular-nums;font-weight:700}@media(max-width:768px){.oap-page{padding:12px;gap:12px}.oap-page .page-header{align-items:flex-start;gap:12px;flex-wrap:wrap}.oap-page .page-header h2{font-size:18px}.oap-card{border-radius:8px}.oap-card-header{padding:14px 14px 0;align-items:flex-start;gap:10px;flex-wrap:wrap}.stat-grid,.metric-row,.rank-grid,.main-grid,.result-grid,.journey-layout,.funnel-layout,.role-grid,.overview-grid,.stat-row,.step-metrics,.site-grid,.config-grid,.settings-grid,.content-grid{grid-template-columns:1fr!important}.oap-page .el-table{min-width:max-content}.oap-page .el-table__inner-wrapper,.oap-page .el-table__body-wrapper{overflow-x:auto}.el-dialog{width:calc(100% - 24px)!important;max-width:560px;margin:6vh auto!important}.el-dialog__body{max-height:68vh;overflow-y:auto}.el-dialog .el-form .el-form-item{display:block;margin-bottom:16px}.el-dialog .el-form .el-form-item__label{display:block;width:auto!important;height:auto;line-height:1.4;margin-bottom:6px;text-align:left}.el-dialog .el-form .el-form-item__content{margin-left:0!important}.el-drawer{max-width:calc(100% - 28px)}.el-pagination{justify-content:flex-start;flex-wrap:wrap;gap:6px}}