:root{--ink:#202b47;--muted:#758098;--line:#e7e9ee;--paper:#fff;--bg:#f5f5f2;--yellow:#ffbe23;--pink:#f5a9b5;--mint:#bfe2d6}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.5 "Segoe UI","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{text-decoration:none;color:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;width:244px;height:100vh;flex-shrink:0;background:#1d2943;color:#fff;padding:30px 19px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 48px}.brand strong{display:block;line-height:1;letter-spacing:-1px;font-size:23px;font-weight:850}.brand small{display:block;font-size:11px;color:#b0bcd1;margin-top:6px;letter-spacing:1px}.brand-mark{display:inline-flex;width:39px;height:39px;border-radius:13px;align-items:center;justify-content:center;background:var(--yellow);color:#1d2943;font-size:23px;font-weight:900;letter-spacing:-2px}.side-label{font-size:10px;letter-spacing:2px;color:#8492aa;padding:0 13px;margin-bottom:12px;font-weight:700}.nav{display:grid;gap:5px}.nav a{display:flex;align-items:center;gap:13px;color:#b7c2d6;border-radius:10px;padding:12px 14px;font-weight:650}.nav a span{font-size:19px;width:20px;text-align:center}.nav a:hover,.nav a.selected{background:#35425c;color:white}.nav a.selected{box-shadow:inset 3px 0 var(--yellow)}.side-bottom{margin-top:auto;padding:0 7px}.mode{font-weight:700;background:#303d56;border-radius:11px;padding:13px;font-size:12px}.mode small{display:block;font-weight:400;color:#acb9cd;margin:4px 0 0 15px}.pulse{display:inline-block;background:#f6bd2f;border-radius:50%;width:7px;height:7px;margin-right:6px}.logout{padding:17px 0 0;border:0;background:none;color:#b4bfd0;font-size:12px}.main{flex:1;min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{color:#9aa3b3;font-size:12px}.breadcrumb span{margin:0 9px;color:#d4d9e0}.breadcrumb strong{color:var(--ink)}.top-right{font-size:12px;color:#8b94a3}.content{max-width:1420px;margin:auto;padding:38px 42px 60px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.page-head h1{margin:2px 0 0;font-size:32px;letter-spacing:-1.2px;line-height:1.25}.page-head p{margin:8px 0 0;color:var(--muted)}.title-dot{color:#efae10}.eyebrow{font-size:10px;color:#a4adbb;font-weight:800;letter-spacing:1.8px}.date-badge{background:#fff;border:1px solid var(--line);padding:11px 16px;border-radius:10px;font-weight:750;white-space:nowrap}.date-badge small{font-weight:400;color:var(--muted);margin-left:6px}.hero-banner{background:#f9eebf;border-radius:18px;min-height:218px;padding:30px 36px;display:flex;justify-content:space-between;overflow:hidden;position:relative;margin-bottom:32px}.hero-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#a87e20}.hero-banner h2{font-size:27px;letter-spacing:-.8px;line-height:1.22;margin:13px 0 9px}.hero-banner p{color:#777969;margin:0 0 15px}.hero-link{font-weight:800;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:3px}.hero-link span{margin-left:10px}.hero-art{position:relative;width:245px;min-width:245px}.art-card{position:absolute;width:106px;height:132px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:48px;box-shadow:0 14px 26px #a987301c}.art-one{top:3px;right:75px;background:#f3a6b4;transform:rotate(-12deg)}.art-two{top:26px;right:14px;background:#b8ddcf;transform:rotate(11deg);font-size:42px}.art-caption{position:absolute;bottom:0;right:15px;text-align:right;font-weight:800;letter-spacing:1.4px;font-size:9px;color:#9c8f64}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-heading h2{font-size:18px;margin:4px 0 0}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.kpi{position:relative;background:white;border:1px solid var(--line);border-radius:14px;padding:19px 20px 17px;min-height:155px}.kpi-icon{width:37px;height:37px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.rose{background:#fce4e8;color:#bf5b70}.lemon{background:#fff2c7;color:#ad810d}.mint{background:#e0f2ea;color:#36886a}.blue{background:#e6edf7;color:#5677ac}.kpi-arrow{position:absolute;right:19px;top:18px;color:#a6afbe}.kpi-value{font-size:33px;font-weight:800;line-height:1;margin-top:19px;letter-spacing:-1px}.kpi-label{font-size:12px;color:var(--muted);margin-top:8px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.panel h2{font-size:17px;margin:4px 0 0}.panel-header p{margin:5px 0 0;color:var(--muted);font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dde2e8;background:white;border-radius:9px;color:var(--ink);font-weight:700;padding:10px 15px;white-space:nowrap;min-height:41px}.btn:hover{border-color:#9ba8bc}.btn.primary{background:var(--ink);border-color:var(--ink);color:white}.btn.primary:hover{background:#384864}.btn.small{padding:6px 11px;min-height:33px;font-size:12px}.btn.full{width:100%}.text-link{font-size:12px;font-weight:750;color:#526c92}.filter-bar{display:flex;gap:9px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #dfe4ec;border-radius:9px;padding:0 12px;min-height:41px;min-width:240px}.search-box span{font-size:22px;color:#98a4b3}.search-box input{border:0;outline:0;width:100%;background:transparent}.filter-bar select{min-height:41px;border:1px solid #dfe4ec;border-radius:9px;background:#fff;padding:0 30px 0 12px;color:var(--ink)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:630px}th{background:#f8f9fa;color:#8793a5;font-weight:700;font-size:11px;white-space:nowrap;padding:12px}td{border-top:1px solid #edf0f2;padding:15px 12px;color:#56647a;font-size:12px;white-space:nowrap}td.em{font-weight:700;color:var(--ink)}.empty{text-align:center;padding:38px 12px;color:#9ba5b3}.status{display:inline-block;padding:5px 10px;border-radius:50px;font-size:11px;font-weight:700}.status.success{color:#318362;background:#e7f5ed}.status.waiting{color:#a77812;background:#fff2d2}.status.muted{color:#8792a2;background:#f0f2f5}.link-danger{background:none;border:0;color:#bd6170;padding:0}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#9ca6b3;font-size:12px;margin-top:20px}.notice{background:#fff8e6;border:1px solid #f5e7bc;color:#84692f;border-radius:10px;padding:13px 16px;margin-bottom:18px;font-size:12px}.alert{background:#edf9f0;border:1px solid #d4eddb;color:#2a7549;border-radius:10px;padding:13px 16px;margin-bottom:18px}.form-stack{display:grid;gap:16px}.form-stack label{display:grid;gap:8px;font-size:12px;font-weight:700}.form-stack input,.form-stack textarea{width:100%;padding:12px 13px;border:1px solid #dce1e9;border-radius:9px;outline:none;color:var(--ink);background:white;font-weight:400}.form-stack input:focus,.form-stack textarea:focus,.search-box:focus-within{border-color:#8aa8c4;box-shadow:0 0 0 3px #e8f2f9}.form-stack textarea{resize:vertical;line-height:1.7}.duration-form{grid-template-columns:repeat(2,minmax(0,200px)) auto;justify-content:start;align-items:end}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.campaign-cols{grid-template-columns:1.12fr .88fr}.campaign-list{display:grid}.campaign-row{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #edf0f2;padding:17px 0}.campaign-row:first-child{border-top:0}.campaign-row strong{display:block}.small-text{color:#99a3b2;font-size:12px;margin-top:5px}.right{display:grid;justify-items:end;align-content:start;gap:10px}.email-view{min-height:360px}.email-meta{font-size:10px;letter-spacing:2px;color:#9aa6b7}.email-view h2{font-size:25px;margin:13px 0 22px}.email-body{white-space:pre-wrap;border-top:1px solid #edf0f2;padding:24px 0;line-height:1.85}.pair{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #edf0f2}.pair span{color:#8b97a8}.pair+.notice{margin-top:20px}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.editor-panel{max-width:850px}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px;background:#f5f3eb}.login-box{width:420px;background:white;border:1px solid var(--line);padding:40px;border-radius:18px;box-shadow:0 18px 60px #26314a0b}.login-logo{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:850;letter-spacing:-1px}.login-eyebrow{margin-top:43px;color:#9aa7b4;font-size:10px;font-weight:800;letter-spacing:2px}.login-box h1{font-size:29px;margin:7px 0}.login-box>p{color:var(--muted);margin:0 0 28px}.login-note{margin-top:24px;text-align:center;color:#9da7b5;font-size:11px}.error{color:#ba5665!important;margin:0!important;font-size:12px}.count{font-size:12px;color:var(--muted)}
@media(max-width:1050px){.sidebar{width:210px}.content{padding:28px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{grid-template-columns:1fr}}@media(max-width:650px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:13px 16px}.brand{padding:0 0 12px}.brand-mark{width:34px;height:34px}.side-label,.side-bottom{display:none}.nav{display:flex;overflow:auto;gap:4px}.nav a{white-space:nowrap;font-size:12px;padding:9px 10px;gap:5px}.nav a span{font-size:15px;width:auto}.topbar{height:49px;padding:0 17px}.content{padding:24px 16px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:27px}.hero-banner{padding:25px;min-height:190px}.hero-banner h2{font-size:22px}.hero-art{width:90px;min-width:90px}.art-card{width:65px;height:90px;font-size:30px}.art-one{right:34px}.art-two{right:0}.art-caption{display:none}.kpis{gap:9px}.kpi{padding:15px;min-height:140px}.panel{padding:18px}.duration-form{grid-template-columns:1fr}.filter-bar .search-box{width:100%}.panel-header{align-items:flex-start}.top-right{font-size:11px}.pagination{align-items:flex-start}.date-badge{font-size:12px}}

.connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.connections>div{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #edf0f2;border-radius:12px}.connection-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e8f0fd;color:#356cbb;font-weight:850}.connection-icon.aliyun{background:#fff1d6;color:#bd850f}.connections strong,.connections small{display:block}.connections small{color:#929eae;margin-top:3px}@media(max-width:650px){.connections{grid-template-columns:1fr}}
@media(max-width:650px){.side-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 4px 0}.side-bottom .mode{padding:0;background:none}.side-bottom .mode small{display:inline;margin-left:4px}.logout{padding:0}}