:root{--page-bg:#f5f7fb;--surface:#fff;--surface-soft:#f8f9fc;--text:#1b2535;--muted:#7d899a;--border:#e8ecf2;--primary:#315efb;--success:#119879;--warning:#dd8a15;--danger:#d34b58;--radius-sm:8px;--radius-md:13px;--radius-lg:19px;--shadow-sm:0 4px 14px rgba(25,43,78,.045);font-family:'DM Sans','Noto Sans SC',system-ui,-apple-system,sans-serif;color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.admin-body{background:var(--page-bg);font-size:13px}.admin-layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#182333;color:#eaf0fa;padding:25px 16px 17px;display:flex;flex-direction:column;z-index:20}.admin-brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit;padding:0 9px 26px}.admin-brand .brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#315efb;color:white;font-size:12px;font-weight:800;letter-spacing:.05em}.admin-brand strong,.admin-brand small{display:block}.admin-brand strong{font-size:14px;letter-spacing:.01em}.admin-brand small{font-size:8px;letter-spacing:.15em;color:#8794a9;margin-top:4px}.side-nav{overflow:auto;flex:1;scrollbar-width:thin}.nav-group{margin:0 0 12px}.nav-group-title{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;color:#8491a6;font-size:10px;letter-spacing:.06em;text-align:left;padding:12px 12px 7px;cursor:pointer}.nav-group-title span{font-size:14px;transition:transform .2s}.nav-group-title[aria-expanded=false] span{transform:rotate(-90deg)}.nav-group-items[hidden]{display:none}.nav-item{display:flex;align-items:center;gap:11px;margin:2px 0;padding:10px 12px;border-radius:9px;color:#c2cad7;text-decoration:none;font-size:12px;transition:.15s}.nav-item:hover{background:#26364c;color:#fff}.nav-item.active{background:#294b9a;color:#fff;font-weight:600}.nav-dot{width:6px;height:6px;border-radius:50%;background:#657388}.active .nav-dot{background:#9bb4ff;box-shadow:0 0 0 3px rgba(155,180,255,.13)}.sidebar-bottom{padding:14px 9px 0;border-top:1px solid rgba(255,255,255,.09)}.sidebar-status{font-size:10px;color:#9faaba;display:flex;align-items:center;gap:8px;padding:5px 3px 14px}.status-dot{width:7px;height:7px;border-radius:50%;background:#19bd90;display:inline-block;box-shadow:0 0 0 3px rgba(25,189,144,.12)}.logout-link{width:100%;display:flex;justify-content:space-between;background:none;border:0;padding:10px 3px;color:#c5ccd7;font-size:11px;cursor:pointer}.logout-link:hover{color:white}.admin-main{margin-left:252px;min-height:100vh}.topbar{height:64px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.86);display:flex;align-items:center;justify-content:space-between;padding:0 35px;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.topbar-context{display:flex;gap:10px;align-items:center;font-size:11px;color:#8792a2}.topbar-context b{color:#445066;font-weight:600}.view-site{font-size:11px;color:#67748a;text-decoration:none;padding:8px 11px;border:1px solid var(--border);border-radius:8px;background:white}.view-site span{color:var(--primary);margin-left:5px}.menu-toggle{display:none;border:0;background:none;font-size:21px;color:#3f4c61}.admin-content{max-width:1440px;margin:0 auto;padding:31px 36px 56px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px}.breadcrumb{font-size:10px;color:#97a1af;margin-bottom:9px}.breadcrumb span{padding:0 6px;color:#c2c8d1}.page-heading h1{font-size:24px;letter-spacing:-.04em;margin:0 0 6px}.page-heading p{margin:0;font-size:11px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;text-decoration:none;padding:10px 15px;font-size:11px;font-weight:600;cursor:pointer;transition:.16s}.button-primary{background:var(--primary);color:white;box-shadow:0 4px 10px rgba(49,94,251,.16)}.button-primary:hover{background:#244fe6;transform:translateY(-1px)}.button-secondary{background:white;color:#536177;border-color:var(--border)}.button-secondary:hover{border-color:#cbd5e5;background:#fbfcff}.button-wide{width:100%}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:21px 23px;box-shadow:var(--shadow-sm);min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:17px 19px;box-shadow:var(--shadow-sm);min-width:0}.metric-card>span{display:flex;align-items:center;justify-content:space-between;color:#647187;font-size:10px}.metric-card strong{display:block;font-size:28px;letter-spacing:-.055em;margin:13px 0 6px}.metric-card strong em{font-size:14px;font-style:normal;margin-left:2px}.metric-card small{font-size:9px;color:#9aa4b2}.metric-icon{font-style:normal;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;font-size:12px}.metric-icon.blue{background:#eff3ff;color:#315efb}.metric-icon.green{background:#eaf8f3;color:#119879}.metric-icon.orange{background:#fff5e7;color:#d9891a}.metric-icon.violet{background:#f5efff;color:#8a5bd5}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:16px}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel-heading h2{font-size:13px;margin:0 0 5px;letter-spacing:-.02em}.panel-heading p{font-size:10px;color:#929cab;margin:0}.panel-heading>a{font-size:10px;color:var(--primary);text-decoration:none}.panel-label{font-size:8px;letter-spacing:.12em;color:#98a2b0;background:#f5f7fa;border-radius:5px;padding:5px 7px}.panel canvas{display:block;width:100%;height:180px}.charts-grid .panel{padding-bottom:14px}.rank-list{display:flex;flex-direction:column}.rank-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #f0f2f6}.rank-number{font-size:10px;color:#a1aab8;font-weight:700;width:18px}.rank-row:nth-child(1) .rank-number{color:#e2a22f}.rank-title{display:flex;flex:1;flex-direction:column;gap:4px}.rank-title b,.recent-row b{font-size:11px;font-weight:600}.rank-title small,.recent-row small{font-size:9px;color:#919baa}.rank-row>strong{font-size:11px}.rank-row>strong small{font-size:9px;color:#8994a4;font-weight:400}.compact-list>div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #f0f2f6;font-size:10px;color:#67748a}.compact-list b{color:#354157}.device-heading{margin:19px 0 10px}.device-pills{display:flex;flex-wrap:wrap;gap:7px}.device-pills span{font-size:9px;background:#f4f6fa;padding:6px 9px;border-radius:7px;color:#657187}.device-pills b{margin-left:6px;color:#28364b}.muted{color:#9aa4b2;font-size:10px}.recent-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #f0f2f6}.recent-row>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.link-mini-icon{width:31px;height:31px;border-radius:10px;background:#f0f4ff;color:#315efb;font-size:13px}.status-chip{font-size:9px;border-radius:999px;padding:5px 8px;white-space:nowrap}.status-chip.on{color:#128267;background:#eaf8f3}.status-chip.off{color:#929baa;background:#f0f2f5}.status-callout{display:flex;gap:12px;padding:17px;background:#f5faf8;border:1px solid #e4f3ed;border-radius:12px;margin-bottom:18px}.status-icon{width:28px;height:28px;border-radius:50%;background:#e1f6ec;color:#119879;display:grid;place-items:center}.status-callout b{font-size:11px}.status-callout p{font-size:9px;color:#8b978f;margin:5px 0 0}.device-pills+.panel-heading{margin-top:22px}.empty-state{text-align:center;color:#9aa4b2;font-size:11px;padding:30px 12px}.empty-state a{display:block;color:var(--primary);margin-top:8px;text-decoration:none}.flash-stack{margin-bottom:14px}.flash{padding:11px 14px;border:1px solid;border-radius:9px;font-size:11px;margin-bottom:8px;position:relative}.flash button{border:0;background:none;float:right;color:inherit;cursor:pointer;font-size:17px;line-height:14px}.flash-success{color:#087a5d;background:#effaf6;border-color:#d6f0e5}.flash-danger{color:#b53947;background:#fff3f3;border-color:#f6d9dc}.flash-warning{color:#95610b;background:#fff9e9;border-color:#f2e7c6}.table-panel{padding:0;overflow:hidden}.filters{display:flex;align-items:center;gap:9px;padding:16px 18px;border-bottom:1px solid var(--border);flex-wrap:wrap}.filters select,.filters input{height:36px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#536177;font-size:10px;padding:0 10px}.search-box{height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--border);border-radius:8px;color:#8994a4}.search-box input{border:0;height:32px;outline:none;padding:0;min-width:185px}.filters .button{height:36px;padding:0 13px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.02em;color:#8994a4;font-weight:500;background:#fbfcfd;padding:12px 13px;border-bottom:1px solid var(--border)}td{padding:12px 13px;border-bottom:1px solid #f0f2f5;font-size:10px;color:#647187}tbody tr:last-child td{border-bottom:0}.table-title{display:flex;align-items:center;gap:9px}.table-title span:last-child{display:flex;flex-direction:column;gap:4px}.table-title b{color:#344157;font-size:10px}.table-title small{font-size:8px;color:#9aa4b2}.row-actions{display:flex;align-items:center;gap:10px}.row-actions a,.row-actions button,.danger-text{font-size:9px;border:0;background:none;color:#536ed5;text-decoration:none;padding:0;cursor:pointer}.row-actions form{margin:0}.row-actions .danger-text,.danger-text{color:#c34d58}.form-panel{padding:25px;max-width:960px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 17px}.form-stack{display:flex;flex-direction:column;gap:14px}.form-grid label,.form-stack label,.category-edit label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#606d81;font-weight:600}.form-grid input,.form-grid select,.form-stack input,.form-stack select,.category-edit input{width:100%;height:39px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;padding:0 11px;color:#28364b;font-size:11px;outline:none;transition:.15s}.form-grid input:focus,.form-grid select:focus,.form-stack input:focus,.form-stack select:focus,.category-edit input:focus{border-color:#9ab0ff;box-shadow:0 0 0 3px rgba(49,94,251,.08)}.check-row{display:flex;gap:22px;margin-top:19px}.check-row label,.inline-check{display:flex;align-items:center;gap:7px;font-size:10px;color:#657187}.check-row input,.inline-check input{accent-color:var(--primary)}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px;padding-top:18px;border-top:1px solid #eef0f4}.management-grid{display:grid;grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr);gap:15px}.management-grid>.panel{align-self:start}.category-list{display:flex;flex-direction:column}.category-item{border-top:1px solid #eef0f4;padding:12px 0}.category-item summary{display:flex;align-items:center;gap:11px;list-style:none;cursor:pointer}.category-item summary::-webkit-details-marker{display:none}.category-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eff3ff;color:#315efb;font-size:15px;flex:none}.category-meta{display:flex;flex:1;flex-direction:column;gap:4px}.category-meta b{font-size:11px}.category-meta small{font-size:9px;color:#929cab}.category-edit{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 0 8px}.delete-category{padding:3px 0 0 2px}.banner-admin-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #eef0f4}.banner-admin-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.banner-admin-copy b{font-size:11px}.banner-admin-copy span,.banner-admin-copy small{font-size:9px;color:#8e99a9;overflow:hidden;text-overflow:ellipsis}.banner-admin-row form{margin-left:7px}.settings-section{display:grid;grid-template-columns:190px 1fr;gap:25px;padding:22px 0;border-bottom:1px solid #edf0f4}.settings-section:first-child{padding-top:0}.settings-section>div:first-child h2{font-size:12px;margin:0 0 7px}.settings-section>div:first-child p{font-size:9px;color:#929cab;line-height:1.7;margin:0}.settings-section input[type=color]{padding:4px;height:40px}.full-span{grid-column:1/-1}.password-panel{max-width:560px}.password-panel .form-stack{max-width:370px}.channel-help{background:#f6f8ff;border:1px solid #e5eaff;border-radius:12px;padding:17px 18px;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}.channel-help>b{font-size:11px}.channel-help>span{font-size:10px;color:#748097}.channel-help code{background:#fff;border:1px solid #e6eaf1;border-radius:5px;padding:4px 6px;color:#3154c8;font-size:9px}.copy-examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:3px}.source-chip{background:#f1f4fa;border-radius:6px;padding:5px 8px;color:#52617a}.login-body{min-height:100vh;background:#f4f6fb;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.login-decoration{position:absolute;width:560px;height:560px;border:1px solid rgba(49,94,251,.08);border-radius:50%;right:-160px;top:-180px;box-shadow:0 0 0 70px rgba(49,94,251,.025),0 0 0 140px rgba(49,94,251,.02)}.login-card{position:relative;z-index:1;width:min(100%,420px);background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 20px 70px rgba(25,43,78,.09);padding:36px}.login-brand{padding:0 0 42px;color:var(--text)}.login-card>.section-kicker{font-size:9px}.login-card h1{font-size:25px;margin:9px 0 6px;letter-spacing:-.04em}.login-intro{font-size:11px;color:#8490a1;margin:0 0 24px}.login-card .form-stack{gap:15px}.login-card .form-stack label{font-size:10px}.login-card .form-stack input{height:43px}.login-card .button{margin-top:3px;height:43px}.login-foot{text-align:center;color:#a0a9b6;font-size:9px;border-top:1px solid #f0f2f5;padding-top:17px;margin-top:22px}
@media(max-width:1000px){.sidebar{width:220px}.admin-main{margin-left:220px}.admin-content{padding-left:25px;padding-right:25px}.metric-grid{gap:10px}.metric-card{padding:15px}.metric-card strong{font-size:24px}.management-grid{grid-template-columns:1fr}.settings-section{grid-template-columns:150px 1fr}}
@media(max-width:700px){.sidebar{width:265px;transform:translateX(-100%);transition:transform .23s ease;box-shadow:14px 0 40px rgba(12,24,44,.2)}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(18,29,46,.4);border:0;z-index:19;opacity:0;visibility:hidden;transition:.2s}.sidebar-open .sidebar-overlay{opacity:1;visibility:visible}.admin-main{margin-left:0}.topbar{height:58px;padding:0 17px;justify-content:flex-start;gap:13px}.menu-toggle{display:block;padding:5px}.topbar-context{font-size:10px;flex:1}.view-site{font-size:9px;padding:7px 9px}.admin-content{padding:23px 16px 42px}.page-heading{align-items:center;margin-bottom:18px}.page-heading h1{font-size:21px}.page-heading p{font-size:10px}.page-heading>.button{padding:10px;font-size:10px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{padding:13px;border-radius:14px}.metric-card>span{font-size:9px}.metric-card strong{font-size:25px;margin:9px 0 4px}.metric-card small{font-size:8px}.dashboard-grid,.charts-grid{grid-template-columns:1fr;gap:11px;margin-bottom:11px}.panel{padding:17px;border-radius:15px}.charts-grid .panel{padding-bottom:10px}.panel canvas{height:165px}.table-panel{padding:0}.filters{padding:12px;gap:7px}.search-box{flex:1;min-width:100%}.search-box input{flex:1;min-width:0}.filters select{flex:1}.table-wrap{overflow:visible}table,thead,tbody,tr,th,td{display:block}thead{display:none}tbody tr{padding:11px 13px;border-bottom:1px solid #edf0f4;display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}tbody tr:last-child{border:0}tbody td{padding:0;border:0;white-space:normal;font-size:9px}tbody td:first-child{grid-column:1/-1}.table-title b{font-size:11px}.table-title small{font-size:8px}tbody td:nth-child(2):before{content:'分类：';color:#9aa4b2}tbody td:nth-child(3):before{content:'状态：';color:#9aa4b2}tbody td:nth-child(4):before{content:'今日点击：';color:#9aa4b2}tbody td:nth-child(5):before{content:'7 日点击：';color:#9aa4b2}tbody td:nth-child(6):before{content:'点击占比：';color:#9aa4b2}tbody td:nth-child(7):before{content:'修改：';color:#9aa4b2}tbody td:last-child{grid-column:1/-1;padding-top:5px}.row-actions{gap:16px}.row-actions a,.row-actions button{font-size:10px}.form-panel{padding:17px}.form-grid{gap:12px}.form-grid label,.form-stack label{font-size:9px}.form-grid input,.form-grid select,.form-stack input,.form-stack select{height:40px;font-size:11px}.settings-section{grid-template-columns:1fr;gap:14px;padding:18px 0}.settings-section .form-grid{grid-template-columns:1fr 1fr}.settings-section .full-span{grid-column:1/-1}.category-edit{grid-template-columns:1fr 1fr}.login-card{padding:28px 24px}.login-brand{padding-bottom:35px}.banner-admin-row{gap:8px}.banner-admin-row .promotion-icon{display:none}}
@media(max-width:380px){.admin-content{padding-left:12px;padding-right:12px}.metric-card{padding:11px}.metric-card>span{font-size:8px}.metric-card strong{font-size:22px}.page-heading h1{font-size:19px}.page-heading>.button{padding:9px 8px}.settings-section .form-grid{grid-template-columns:1fr}}

.row-action-button{border:0;background:none;color:#536ed5;font-size:9px;padding:0;cursor:pointer}