:root{--ink:#172d3a;--muted:#78858e;--line:#e7ecef;--green:#167e65;--bg:#f5f7f8;--nav:#132e38;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:7px;padding:10px 17px;font-weight:500;transition:background .15s}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}input,select{border:1px solid #dce3e7;border-radius:7px;background:#fff;padding:11px 12px;color:var(--ink);outline:0}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #167e6512}input{width:100%}label{display:block;font-size:13px;margin-bottom:9px;font-weight:500}.primary{background:var(--green);color:white}.primary:hover{background:#0d6a53}.secondary{background:#fff;border:1px solid #d6dfe3;color:var(--ink)}.secondary:hover{background:#f0f5f4}.quiet{background:transparent;color:#637580;font-size:12px;padding:7px 10px}.quiet:hover{background:#eaf0f1}.muted{color:var(--muted)}.small{font-size:12px}.error{color:#b94838;font-size:13px;line-height:1.7}.error:empty{display:none}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:var(--green)}h1,h2,h3,p{margin-top:0}h2{font-size:16px;letter-spacing:.2px;margin-bottom:7px}h3{font-size:15px}p{line-height:1.8}body [hidden]{display:none!important}.brand-mark{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#e0f0e9;color:#167e65;font-size:26px;font-weight:700}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-intro{padding:12vh 10%;background:#132e38;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.login-intro .brand-mark{margin-bottom:55px}.login-intro .eyebrow{color:#9fcab9}.login-intro h1{font-size:44px;line-height:1.5;font-weight:600;letter-spacing:1px;margin:18px 0 26px}.login-intro p{color:#adbec3;font-size:15px;line-height:2}.intro-note{color:#8da3ab;font-size:12px;letter-spacing:2px;margin-top:50px}.login-card{width:360px;max-width:85%;margin:auto}.login-card h2{font-size:28px;margin:15px 0}.login-card label{margin-top:32px}.login-card input{padding:14px}.login-card .primary{width:100%;display:flex;justify-content:space-between;padding:14px 18px;margin:20px 0 15px}.workspace{display:flex;min-height:100vh}aside{width:218px;background:var(--nav);color:#c0cfd4;position:fixed;inset:0 auto 0 0;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:white;font-size:18px;font-weight:600;letter-spacing:1px}.small-mark{width:36px;height:36px;border-radius:10px;font-size:21px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.5px;color:#88a2ab;margin-top:6px}.nav-label{margin:51px 14px 17px;font-size:10px;color:#6e929d;letter-spacing:2px}nav{display:grid;gap:8px}nav a{display:flex;gap:15px;align-items:center;padding:13px 16px;font-size:19px;border-radius:7px;color:#8cabb5}nav a span{font-size:13px}nav a:hover,nav a.active{background:#24454f;color:#d9eee5}.aside-bottom{margin-top:auto;padding:20px 7px 0;font-size:12px;color:#adc3cc}.aside-bottom p{font-size:10px;color:#74939e;margin-top:10px;margin-bottom:0}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8dc4a8;margin-right:7px}main{margin-left:218px;width:calc(100% - 218px);padding:0 40px}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.breadcrumb{color:#92a0a8}.header-right{display:flex;gap:12px;align-items:center}.page-heading{display:flex;align-items:center;justify-content:space-between;padding-top:35px;margin-bottom:21px}.page-heading h1{font-size:27px;letter-spacing:.5px;font-weight:600;margin:10px 0}.page-heading p{font-size:13px;margin-bottom:0}.banner{border:1px solid #d9e8df;background:#edf5f0;border-radius:8px;color:#3c725c;padding:13px 18px;line-height:1.8;font-size:12px;margin-bottom:24px}.banner.warn{background:#fff6e8;border-color:#f0dfbd;color:#8a682d}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:23px}.stats article{padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:white}.stats article>span{color:#75848d;font-size:12px;display:block}.stats strong{font-size:35px;line-height:1.8;display:block;font-weight:600;font-variant-numeric:tabular-nums}.green{color:var(--green)}.stats small{color:#a0abb2;font-size:10px}.panel{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden}.flow{padding:22px 25px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:10px}.flow-label{font-size:12px;font-weight:600;border-right:1px solid var(--line);padding-right:25px}.flow-label small{display:block;font-size:10px;font-weight:400;color:#96a1a8;margin-top:8px}.flow-step{display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap}.flow-step b{font-size:10px;background:#edf5f2;color:var(--green);border-radius:50%;width:27px;height:27px;display:flex;align-items:center;justify-content:center}.flow-arrow{color:#bdc9cf}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 25px 18px;gap:15px}.section-heading p{margin-bottom:0}.section-heading select{font-size:12px;padding:8px 12px}.table-wrap{overflow:auto;min-height:215px}table{width:100%;border-collapse:collapse;text-align:left}th{background:#fafbfc;color:#8b989f;font-size:11px;font-weight:500;padding:13px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:17px 25px;border-bottom:1px solid #f0f3f5;font-size:12px;vertical-align:top}td code{font-size:12px;font-family:Consolas,monospace}td small{display:block;color:#8a989f;margin-top:7px;font-size:11px;line-height:1.6;max-width:290px;overflow-wrap:anywhere}.badge{display:inline-flex;padding:5px 9px;border-radius:5px;font-size:10px;white-space:nowrap}.badge.success{background:#e8f5ed;color:#258251}.badge.neutral{background:#eef2f5;color:#6b8495}.badge.warning{background:#fff3df;color:#a67327}.badge.danger{background:#fceceb;color:#b64e47}.empty{text-align:center;padding:35px 15px;color:#87969e}.empty>span{font-size:29px;display:inline-flex;align-items:center;justify-content:center;width:47px;height:47px;background:#f1f6f4;border-radius:13px;color:#80a99a;margin-bottom:17px}.empty h3{font-size:13px;font-weight:500;color:#536d78;margin-bottom:7px}.empty p{font-size:11px;margin-bottom:0}.table-footer{font-size:10px;color:#98a4ab;padding:13px 25px;background:#fcfdfd}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.checks{list-style:none;margin:0;padding:0 25px 18px}.checks li{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #f2f4f6;font-size:12px}.checks span:last-child{font-size:10px}.checks .ok{color:#2c8b64}.checks .missing{color:#ad853b}.callback-box{border-top:1px solid var(--line);padding:20px 25px;position:relative}.callback-box label{font-size:10px;color:#8b9ba3}.callback-box code{font-family:Consolas,monospace;display:block;overflow-wrap:anywhere;font-size:10px;line-height:1.8;color:#527381;padding-right:60px}.callback-box button{position:absolute;right:15px;top:42px;font-size:10px}#verify-form{padding:4px 25px 0}.input-row{display:flex;gap:10px}.input-row input{font-size:11px;min-width:0}.input-row button{white-space:nowrap;font-size:12px}.verify-result{margin:17px 25px;padding:15px;background:#f5f8f7;border-radius:7px;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.template-preview{margin:25px;padding:18px;background:#f8fafb;border-left:3px solid #c6dbd3;border-radius:0 7px 7px 0}.template-preview p{font-size:12px;line-height:1.9;margin:10px 0 0;color:#607985}footer{font-size:10px;color:#9ba7ad;display:flex;justify-content:space-between;padding:25px 0 28px}@media(min-width:1700px){main{padding-left:65px;padding-right:65px}}@media(max-width:1150px){aside{width:178px;padding:25px 14px}main{margin-left:178px;width:calc(100% - 178px);padding:0 25px}.flow-label{display:none}.stats{gap:12px}.stats article{padding:17px}.bottom-grid{grid-template-columns:1fr}td,th{padding-left:16px;padding-right:16px}}@media(max-width:780px){aside{position:static;width:100%;height:auto;flex-direction:row;padding:15px 20px;align-items:center;justify-content:space-between}.workspace{display:block}.nav-label,.aside-bottom,nav{display:none}main{margin:0;width:100%;padding:0 17px}header{height:58px}.header-right .small{display:none}.page-heading{padding-top:25px;gap:15px}.page-heading h1{font-size:22px}.page-heading .secondary{padding:8px 10px;font-size:11px}.stats{grid-template-columns:repeat(2,1fr)}.stats strong{font-size:29px}.flow{padding:15px 12px;gap:5px}.flow-step{flex-direction:column;gap:7px;font-size:9px}.flow-step b{width:23px;height:23px}.flow-arrow{font-size:10px}.section-heading{padding:20px 17px}.checks{padding:0 17px 15px}.callback-box{padding:17px}#verify-form{padding:4px 17px 0}.template-preview{margin:20px 17px}.login-shell{grid-template-columns:1fr}.login-intro{padding:35px 30px;min-height:280px}.login-intro .brand-mark{margin-bottom:20px;width:38px;height:38px;font-size:21px}.login-intro h1{font-size:26px;margin:12px 0}.login-intro p{font-size:12px;margin:0}.intro-note{display:none}.login-card{margin:40px auto 50px}.login-card h2{font-size:23px}footer span{display:none}}
#pause { white-space: nowrap; flex-shrink: 0; }

.global-banner{margin-top:24px}.padded{padding:26px}.section-gap{margin-top:24px}.padded h2{margin-bottom:15px}.padded p{line-height:1.9}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:11px 17px;font-weight:500;font-size:13px}.feedback{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;color:#296f59;margin:17px 0 0}.feedback:empty{display:none}.settings-section{margin-bottom:22px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.config-field{min-width:0}.config-field.wide{grid-column:1/-1}.config-field input,.config-field select,.config-field textarea{width:100%}.config-field select{min-width:0}.config-field textarea{resize:vertical;min-height:90px;font:12px/1.9 Consolas,"Microsoft YaHei",monospace;padding:12px;border:1px solid #dce3e7;border-radius:7px;color:var(--ink);background:#fff}.field-help{font-size:11px;color:#82939c;margin:8px 0;overflow-wrap:anywhere}.field-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.checkbox-line{display:flex;gap:9px;align-items:flex-start;line-height:1.8;font-weight:400;margin:15px 0}.checkbox-line input{width:16px;height:16px;flex:0 0 16px;margin:4px 0 0;accent-color:var(--green)}.checkbox-line.compact{margin:0;font-size:11px;align-items:center}.checkbox-line.compact input{margin:0}.save-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0}.wrap-code{overflow-wrap:anywhere;font:12px/1.8 Consolas,monospace}.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.step-tag{display:block;color:var(--green);font-size:11px;letter-spacing:1px;margin-bottom:16px}.guide-grid p{color:#637984;font-size:13px}.guide-grid a{color:var(--green);font-size:12px}.guide-grid code{font-size:12px;overflow-wrap:anywhere}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:500}details p{margin:14px 0 0;font-size:13px;color:#637984}#verify-form{padding:0}.checks li{gap:12px}.checks li>span:first-child{flex:1}.checks li>a{flex-shrink:0}.checks li .ok,.checks li .missing{font-size:11px}.page-heading .button-link{flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #79b8a7;outline-offset:3px}
@media(max-width:980px){.form-grid,.guide-grid{grid-template-columns:minmax(0,1fr)}.config-field.wide{grid-column:auto}}
@media(max-width:780px){aside{display:flex;flex-wrap:wrap;gap:15px}aside .brand{flex-basis:100%}nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}nav a{padding:10px 8px;justify-content:center;gap:7px;font-size:14px}nav a span{font-size:12px}.padded{padding:20px 17px}.page-heading{align-items:flex-start;flex-wrap:wrap}.global-banner{margin-top:18px}.form-grid{gap:20px}.save-bar{align-items:flex-start;flex-direction:column}.save-bar button{width:100%}.guide-grid{gap:18px}.actions>*{max-width:100%}.checks li{gap:5px}.checks li>span:first-child{font-size:11px}.checks li>a{padding:5px;font-size:10px}#send-test{width:100%;font-size:12px;padding:12px 8px}}

.marketing-upload{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.marketing-preview{display:flex;gap:18px;align-items:center;margin-top:18px}.marketing-preview img{width:160px;height:160px;object-fit:contain;border:1px solid var(--line,#e6e8ec);border-radius:14px;background:#fff}
