*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f6f8;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.center-tip{color:#999;justify-content:center;align-items:center;height:100vh;display:flex}.muted{color:#999}.small{font-size:12px}input,select,textarea{border:1px solid #d9d9d9;border-radius:6px;width:100%;padding:9px 11px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:#13c2c2;outline:none}textarea{resize:vertical}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:9px 20px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#13c2c2}.btn-primary:hover{background:#36cfc9}.btn-ghost{color:#666;background:0 0;border:1px solid #d9d9d9}.btn-sm{padding:5px 12px;font-size:13px}.btn-block{width:100%;padding:12px;font-size:16px}.link{color:#13c2c2;cursor:pointer;background:0 0;border:none;font-size:13px}.link.danger{color:#cf1322}.auth-page{background:#f5f6f8;justify-content:center;align-items:center;height:100vh;display:flex}.auth-card{background:#fff;border-radius:12px;width:380px;padding:40px 36px;box-shadow:0 4px 20px #00000014}.auth-card h1{text-align:center;color:#13c2c2;margin-bottom:8px;font-size:22px}.auth-card .muted{text-align:center;color:#999;margin-bottom:20px;display:block}.auth-card label{color:#666;margin-bottom:16px;font-size:14px;display:block}.auth-card input{margin-top:6px}.auth-card .btn-block{margin-top:8px}.auth-error{color:#cf1322;background:#fff1f0;border:1px solid #ffa39e;border-radius:6px;margin-bottom:16px;padding:8px 12px;font-size:13px}.layout{height:100vh;display:flex}.sidebar{color:#fff;background:#001529;flex-direction:column;flex-shrink:0;width:200px;display:flex}.logo{color:#fff;border-bottom:1px solid #ffffff14;padding:20px 18px;font-size:17px;font-weight:700}.nav{padding:12px 0}.nav-item{text-align:left;color:#ffffffbf;cursor:pointer;background:0 0;border:none;width:100%;padding:13px 22px;font-size:15px;display:block}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:#13c2c2}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.topbar-title{font-size:16px;font-weight:600}.topbar-right{align-items:center;gap:14px;display:flex}.content{flex:1;padding:20px 24px;overflow:auto}.page{max-width:1200px}.toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar .search{flex:1;max-width:320px}.toolbar select{width:160px}.table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:11px 12px;font-size:14px}.table th{color:#666;background:#fafafa;font-size:13px;font-weight:600}.table .num{text-align:right}.table .wrap{word-break:break-all;max-width:260px}.table .empty{text-align:center;color:#bbb;padding:48px 0}.ops{white-space:nowrap}.ops .link{margin-right:10px}.view-toggle{border:1px solid #d9d9d9;border-radius:6px;margin-left:auto;display:flex;overflow:hidden}.view-toggle button{cursor:pointer;color:#666;background:#fff;border:none;padding:6px 18px;font-size:13px}.view-toggle button+button{border-left:1px solid #d9d9d9}.view-toggle button.active{color:#fff;background:#13c2c2}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.card-grid .empty{grid-column:1/-1}.shop-card{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:16px;box-shadow:0 1px 3px #0000000a}.shop-card-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.shop-card-name{font-size:15px;font-weight:600}.shop-card-row{color:#555;gap:8px;margin:4px 0;font-size:13px;display:flex}.shop-card-row .label{color:#999;flex:0 0 64px}.shop-card-foot{text-align:right;margin-top:10px}.tag{border-radius:4px;padding:2px 8px;font-size:12px}.tag-on{color:#13c2c2;background:#e6fffb}.tag-off{color:#999;background:#f0f0f0}.split{gap:16px;height:100%;display:flex}.panel{background:#fff;border-radius:8px;flex-direction:column;min-height:0;display:flex}.panel-left{flex-shrink:0;width:380px}.panel-right{flex:1}.panel-head{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;display:flex}.panel-body{flex:1;padding:12px 16px;overflow:auto}.tree{font-size:14px}.tree-node{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.tree-node:hover{background:#f5f5f5}.tree-node.active{color:#13c2c2;background:#e6fffb}.tree-name{font-weight:500}.tree-ops{gap:8px;display:none}.tree-node:hover .tree-ops,.tree-node.active .tree-ops{display:flex}.tree-children{border-left:1px dashed #e0e0e0;margin-left:16px;padding-left:8px}.empty{color:#bbb;text-align:center;padding:40px 0;font-size:14px}.form label{color:#555;margin:12px 0 4px;font-size:13px;display:block}.form label.inline{align-items:center;gap:6px;margin-top:12px;display:flex}.form label.inline input{width:auto}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.section-title{color:#333;justify-content:space-between;align-items:center;margin:18px 0 8px;font-size:14px;font-weight:600;display:flex}.required{color:#cf1322;margin-left:2px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.detail{margin-bottom:8px}.detail-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:9px 0;font-size:14px;display:flex}.modal-mask{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;flex-direction:column;width:520px;max-width:92vw;max-height:88vh;display:flex;box-shadow:0 8px 32px #0000002e}.modal-wide{width:860px}.modal-head{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:14px 18px;font-weight:600;display:flex}.modal-body{padding:16px 18px;overflow:auto}.toast{color:#fff;z-index:2000;border-radius:8px;padding:12px 24px;font-size:15px;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.toast.ok{background:#52c41a}.toast.err{background:#cf1322}.ops-card{cursor:pointer}.ops-card:hover{border-color:#13c2c2;box-shadow:0 4px 12px #13c2c21f}.ops-card-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.ops-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.ops-title{align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.ops-metrics{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.ops-metric{background:#fff;border:1px solid #f0f0f0;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.ops-metric-v{color:#13c2c2;font-size:20px;font-weight:700}.ops-metric-l{color:#999;font-size:12px}.tabs{border-bottom:1px solid #eee;gap:4px;margin-bottom:16px;display:flex}.tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:14px}.tab:hover{color:#13c2c2}.tab.active{color:#13c2c2;border-bottom-color:#13c2c2;font-weight:600}.tab-body{min-height:200px}