*,*:before,*:after{outline:none!important;-webkit-tap-highlight-color:transparent!important}:root{--primary: #006eff;--primary-hover: #0052d9;--primary-light: #e8f3ff;--success: #00a870;--warning: #ff9c00;--danger: #e34d59;--text-primary: #1d2129;--text-regular: #4e5969;--text-secondary: #86909c;--border: #e5e6eb;--bg-page: #f5f7fa;--bg-card: #ffffff;--shadow: 0 1px 4px rgba(0, 0, 0, .04);--shadow-hover: 0 4px 16px rgba(0, 0, 0, .08);--radius: 4px;--radius-lg: 8px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-page)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}.page-header{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.page-header h2{font-size:20px;font-weight:600;margin:0;color:var(--text-primary)}.page-header .sub{color:var(--text-secondary);font-size:13px;margin-top:4px}.panel-title{font-size:15px;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.toolbar .spacer{flex:1}.empty-state{padding:60px 0;text-align:center;color:var(--text-secondary)}.empty-state .el-icon{font-size:48px;margin-bottom:12px;color:var(--border)}.price-text{color:var(--danger);font-weight:600;font-size:16px}.price-text:before{content:"¥";font-size:12px;margin-right:1px}.price-lg{color:var(--danger);font-weight:700;font-size:24px}.price-lg:before{content:"¥";font-size:14px;margin-right:2px}.original-price{color:var(--text-secondary);text-decoration:line-through;font-size:13px;margin-left:6px}.tag-on-sale{background:#e8f3ff;color:var(--primary)}.tag-sold{background:#f2f3f5;color:var(--text-secondary)}.tag-pending{background:#fff7e8;color:var(--warning)}.tag-completed{background:#e8ffea;color:var(--success)}.tag-cancelled{background:#f2f3f5;color:var(--text-secondary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow);transition:all .2s}.stat-card:hover{box-shadow:var(--shadow-hover)}.stat-card .label{color:var(--text-secondary);font-size:13px;margin-bottom:8px}.stat-card .value{font-size:26px;font-weight:600;color:var(--text-primary)}.stat-card .value.danger{color:var(--danger)}.stat-card .value.success{color:var(--success)}.host-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;transition:all .2s;cursor:pointer;display:flex;flex-direction:column;gap:12px}.host-card:hover{box-shadow:var(--shadow-hover);border-color:var(--primary);transform:translateY(-2px)}.host-card .card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.host-card .card-title{font-weight:600;font-size:15px;color:var(--text-primary);flex:1;word-break:break-all}.host-card .card-info{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;color:var(--text-regular);font-size:13px}.host-card .card-info .item{display:flex;gap:6px}.host-card .card-info .item .k{color:var(--text-secondary);flex-shrink:0}.host-card .card-foot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px dashed var(--border)}.el-button--primary{--el-button-bg-color: var(--primary);--el-button-border-color: var(--primary);--el-button-hover-bg-color: var(--primary-hover);--el-button-hover-border-color: var(--primary-hover)}.el-table th.el-table__cell{background:#f7f8fa!important;color:var(--text-regular);font-weight:500}.el-pagination.is-background .el-pager li.is-active{background:var(--primary)!important;color:#fff}.page{padding:16px 24px}.page-header{margin-bottom:16px}.panel{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 767px){.page{padding:12px}.page-header{margin-bottom:12px}.page-header h2{font-size:18px}.panel{padding:12px;border-radius:6px}.card-grid{grid-template-columns:1fr;gap:12px}.host-card{padding:14px}.host-card .card-info{grid-template-columns:1fr 1fr;gap:6px 12px;font-size:12px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px 12px}.stat-card .value{font-size:20px}.toolbar{gap:8px}.toolbar .el-input,.toolbar .el-select{width:100%!important}.price-lg{font-size:20px}.el-dialog{width:92%!important;margin:10px auto!important}.el-form-item__label,.el-table{font-size:13px}}body.app-anim-on .page-enter-active,body.app-anim-on .page-leave-active{transition:opacity .22s ease,transform .22s ease}body.app-anim-on .page-enter-from{opacity:0;transform:translateY(8px)}body.app-anim-on .page-leave-to{opacity:0;transform:translateY(-4px)}body.app-anim-on .anim-fade-up{animation:appFadeUp .4s ease both}@keyframes appFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body.app-anim-on .anim-stagger>*{animation:appFadeUp .4s ease both}body.app-anim-on .anim-stagger>*:nth-child(1){animation-delay:.02s}body.app-anim-on .anim-stagger>*:nth-child(2){animation-delay:.06s}body.app-anim-on .anim-stagger>*:nth-child(3){animation-delay:.1s}body.app-anim-on .anim-stagger>*:nth-child(4){animation-delay:.14s}body.app-anim-on .anim-stagger>*:nth-child(5){animation-delay:.18s}body.app-anim-on .anim-stagger>*:nth-child(6){animation-delay:.22s}body.app-anim-on .anim-stagger>*:nth-child(7){animation-delay:.26s}body.app-anim-on .anim-stagger>*:nth-child(8){animation-delay:.3s}body.app-anim-on .anim-stagger>*:nth-child(n+9){animation-delay:.34s}body.app-anim-on .stat-card{transition:transform .2s ease,box-shadow .2s ease}body.app-anim-on .stat-card:hover{transform:translateY(-2px)}body.app-anim-on .el-button:not(.is-disabled):not(.is-link):not(.is-text):active{transform:scale(.97);transition:transform .08s ease}body.app-anim-on .sk-shimmer{position:relative;overflow:hidden;background:#f2f3f5}body.app-anim-on .sk-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:skShimmer 1.4s ease-in-out infinite}@keyframes skShimmer{to{transform:translate(100%)}}.sk-shimmer{background:#f2f3f5}body.app-anim-on .anim-count{animation:appCountUp .5s ease both}@keyframes appCountUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){body.app-anim-on .page-enter-active,body.app-anim-on .page-leave-active,body.app-anim-on .anim-fade-up,body.app-anim-on .anim-stagger>*,body.app-anim-on .anim-count,body.app-anim-on .sk-shimmer:after{animation:none!important;transition:none!important}}
