:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#233b37;background:#f3f5f3;font-synthesis:none;--green:#174f43;--mint:#daf1df;--muted:#73837e;--line:#e3e9e5;--red:#bb443e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h2{font-size:19px;font-weight:650;letter-spacing:-.5px}p{line-height:1.8}button:focus-visible,a:focus-visible{outline:3px solid #86c9ae;outline-offset:3px}input:focus,select:focus{outline:2px solid #72b49b;outline-offset:1px}.muted{color:var(--muted);font-size:13px}.brand{display:flex;gap:12px;align-items:center;color:#fff}.brand img{width:40px;height:40px}.brand>span{font-size:22px;font-weight:650;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:2.3px;font-weight:400;margin-top:3px;color:#b7c9c0}.primary{background:var(--green);color:white;border:0;border-radius:9px;padding:13px 22px;font-weight:600;font-size:14px}.primary:hover{background:#216452}.wide{width:100%}.quiet{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 13px;font-size:12px;color:#49615a}.quiet:hover{background:#edf4ef}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-art{background:#123d36;color:#fff;position:relative;padding:52px 9%;display:flex;flex-direction:column;overflow:hidden}.login-art:after{content:"";position:absolute;width:620px;height:620px;border:1px solid #b6e5bc14;box-shadow:0 0 0 80px #b6e5bc05,0 0 0 160px #b6e5bc04;border-radius:50%;right:-420px;top:120px;pointer-events:none}.login-copy{margin:auto 0;padding:80px 0 30px}.eyebrow{font-size:10px;letter-spacing:3px;color:#a5d0b7;margin-bottom:25px}.login-copy h1{font-size:clamp(32px,3.6vw,58px);font-weight:550;line-height:1.5;letter-spacing:1px;margin-bottom:25px}.login-copy>p:last-child{color:#adc3b9;font-size:14px;line-height:2}.light-code{display:flex;gap:12px;align-items:center;height:66px;margin-bottom:80px}.light-code i,.light-code b{width:11px;height:11px;background:#afeebd;border-radius:10px;box-shadow:0 0 20px #afeebd35}.light-code b{width:38px}.art-foot{font-size:10px;letter-spacing:1px;color:#a5bfb2;display:flex;justify-content:space-between}.login-side{display:grid;place-items:center;padding:36px}.login-side form{width:min(355px,100%)}.mini-label{font-size:10px;color:#82968d;letter-spacing:1.7px}.login-side h2{font-size:32px;margin:15px 0 8px}.login-side .muted{margin-bottom:30px}.login-side button{margin-top:23px;display:flex;justify-content:space-between}.login-side label,.settings-card form>label:not(.check-row){display:block;font-size:13px;margin:22px 0 9px;color:#435e54}.login-side input,.settings-card input:not([type=checkbox]),select{width:100%;border:1px solid #d6e1d9;border-radius:8px;background:#fff;padding:13px;font-size:14px;color:#274239}.secure-note{font-size:11px;color:#8b9b90;text-align:center;margin-top:34px}.form-error{font-size:13px;color:#b7403e;min-height:25px;margin-top:12px}.workspace{display:flex;min-height:100vh}.sidebar{width:226px;flex:0 0 226px;background:#123c35;padding:32px 21px;color:#bed0c6;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{margin:0 6px 54px}.nav-label{font-size:10px;color:#819e8f;letter-spacing:2px;margin:0 14px 13px}.nav-item{border:0;background:transparent;color:#b2c9bc;width:100%;display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:8px;margin:5px 0;font-size:14px;text-align:left}.nav-item>span{font-size:20px;width:20px}.nav-item.active{background:#d8eecf;color:#173e30;font-weight:600}.nav-item:not(.active):hover{background:#ffffff0a}.nav-item b{font-size:10px;background:#c34e47;color:white;border-radius:5px;min-width:19px;line-height:19px;text-align:center;margin-left:auto}.side-bottom{margin-top:auto;font-size:10px;padding:25px 12px 0}.side-tag{display:flex;align-items:center;gap:7px;color:#b3cdbd}.side-bottom p{color:#809f8c;margin:12px 0 23px}.logout{border:0;background:transparent;color:#c8dace;padding:0;font-size:12px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70b87d}.workspace main{width:calc(100% - 226px);padding:36px 3.3vw 16px;max-width:1780px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.breadcrumbs{font-size:11px;color:#8b9b90;margin-bottom:8px}.breadcrumbs span{color:#587363}.topbar h1{font-size:29px;letter-spacing:-1px;font-weight:650}.title-dot{color:#75ad7d;margin-left:3px}.top-actions{display:flex;align-items:center;gap:9px}.connection{font-size:11px;color:#788d7e;display:flex;align-items:center;gap:6px;margin-right:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.stats article{padding:22px 24px;background:white;border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden}.stats article:after{content:"";height:38px;width:38px;background:#eff4ec;border-radius:50%;position:absolute;right:20px;top:22px}.stats article.alarm-stat:after{background:#fbebe7}.stats article>span{font-size:12px;color:#71887a;position:relative;z-index:1}.stats article>div{font-size:37px;font-weight:550;letter-spacing:-1.5px;margin:13px 0 9px;font-variant-numeric:tabular-nums}.stats small{font-size:10px;color:#95a299}.stats .alarm-stat>div{color:var(--red)}.overview-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:20px;margin-bottom:27px}.link-panel,.device-panel{padding:25px;border:1px solid var(--line);border-radius:12px;background:#fff}.link-panel{background:#eaf0e6;border-color:#e0e7db}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{margin-top:5px}.pill{display:inline-flex;align-items:center;border-radius:5px;padding:5px 8px;font-size:10px;white-space:nowrap;color:#617466;background:#edf1ec}.pill.mint{background:#d8e6cf;color:#5a7756}.journey{display:flex;align-items:center;justify-content:space-between;margin:25px 0 20px}.journey>div{display:flex;align-items:center;flex-direction:column;min-width:68px}.journey>div>span{font-size:25px;background:#fff9;border:1px solid #dae4d6;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;color:#598367;margin-bottom:10px}.journey strong{font-size:12px;font-weight:500}.journey small{font-size:9px;color:#81907d;margin-top:6px}.journey>i{font-style:normal;color:#9bb292;letter-spacing:4px;margin-bottom:38px}.protocol-note{border-top:1px solid #dce5d5;padding-top:15px;display:flex;align-items:center;gap:16px;font-size:10px;color:#7b8d73;line-height:1.7}.protocol-note b{font-family:monospace;font-size:18px;white-space:nowrap;letter-spacing:2px;color:#608053}.device{padding:18px 0 12px;border-bottom:1px solid #edf0eb}.device>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.device strong{font-size:13px}.device p{font-size:11px;color:#8b9a8d}.footnote{font-size:10px;line-height:1.8;color:#95a090;margin-top:15px}.message-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:23px 0 0;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:0 24px}.section-heading p{font-size:11px;color:#99a49d;margin-top:6px}.filters{padding:21px 24px 19px;display:flex;justify-content:space-between;align-items:center;gap:15px}.filter-tabs{display:flex;border-radius:7px;padding:4px;background:#f1f4ef;gap:2px}.filter-tabs button{border:0;background:transparent;padding:6px 16px;font-size:11px;border-radius:5px;color:#82917f}.filter-tabs button.selected{background:#fff;color:#345a40;box-shadow:0 1px 4px #35462a0b;font-weight:600}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 11px;color:#a0aea1}.search input{border:0;background:transparent;min-width:100px;width:170px;font-size:11px;color:#52664e;padding:3px;outline-offset:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-weight:500;font-size:10px;color:#87987e;background:#f7f9f5;padding:13px 22px;border-top:1px solid #edf1e9;border-bottom:1px solid #edf1e9}td{font-size:12px;padding:17px 22px;border-bottom:1px solid #f0f3ed}td small{display:block;font-size:9px;color:#98a190;margin-top:5px}td.text-cell{font-family:Consolas,monospace;font-size:14px;color:#314a31;max-width:280px;overflow:hidden;text-overflow:ellipsis}.badge{font-size:10px;display:inline-block;border-radius:5px;padding:5px 8px;background:#eaf3e5;color:#5d8151}.badge.red{background:#fbe9e5;color:#b25143}.badge.gray{background:#f0f2ef;color:#929d8b}.badge.blue{background:#e8eef7;color:#6981a2}.text-button{font-size:11px;background:transparent;border:0;color:#799567;padding:5px}.text-button:hover{color:#224c20}.empty{padding:47px 15px 52px;text-align:center;color:#95a48c}.empty>span{font-size:35px;display:block;color:#96af87;margin-bottom:10px}.empty h3{font-weight:500;font-size:16px;color:#6f8667}.empty p{font-size:11px;margin-top:8px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 24px}.pagination>span{font-size:10px;color:#9aa690}.pagination .quiet{border:0;font-size:10px}footer{display:flex;justify-content:space-between;font-size:9px;color:#a2ab9c;padding:25px 1px 0}footer b{font-weight:400;margin-left:8px}.notice{padding:15px 18px;border-radius:10px;margin-bottom:20px;font-size:12px}.error{background:#f9e5df;color:#ad5048}.alarm-banner{padding:18px 21px;border:1px solid #edc7bf;background:#fff0eb;border-radius:12px;margin-bottom:20px;display:flex;gap:15px;align-items:center}.alarm-sign{font-size:22px;color:#bc594a;background:#f6d9d2;border-radius:50%;width:37px;height:37px;display:grid;place-items:center}.alarm-banner strong{color:#9f483e;font-size:14px}.alarm-banner p{font-size:11px;color:#b4816e;margin-top:4px}.alarm-banner button{margin-left:auto;background:white;border:1px solid #e7c6bb;border-radius:7px;padding:9px 13px;color:#aa6453;font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px}.settings-card{background:#fff;border:1px solid var(--line);padding:30px;border-radius:12px;margin-bottom:22px}.settings-card>h2{margin:12px 0}.settings-card .muted,.test-card p{font-size:12px;line-height:1.9}.recipient-box{background:#f1f5ed;border-radius:8px;padding:16px;margin-top:25px}.recipient-box span{display:block;color:#89977f;font-size:10px;margin-bottom:7px}.recipient-box strong{font-size:15px;font-weight:500}.field-hint{display:block;margin-top:8px;color:#93a089;font-size:10px}.check-row{display:flex;align-items:center;gap:8px;font-size:12px;margin:23px 0}.check-row input{accent-color:#426c38;width:15px;height:15px}.test-card{background:#eaf0e4}.test-card .primary{margin-top:21px}.test-card code{font-size:12px;font-weight:600;color:#4c7342}.test-result{font-size:11px;color:#69875a;margin-top:12px}.mail-history>div{padding:16px 0;border-bottom:1px solid #edf1e8}.mail-history>div>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.mail-history small{font-size:10px;color:#8e9d85}.mail-history p{font-size:10px;margin-top:7px;color:#9b967e}dialog{border:1px solid #dce5d5;border-radius:17px;padding:28px;width:min(560px,calc(100% - 30px));color:#324b2b;max-height:90vh;overflow:auto}dialog::backdrop{background:#11201cc9;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}#detail-body pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eff5e9;border-radius:9px;padding:22px;font-size:23px;color:#325b25}#detail-body dl{display:grid;grid-template-columns:100px 1fr;gap:13px;font-size:12px;margin:23px 0}#detail-body dt{color:#97a28c}#detail-body dd{margin:0;overflow-wrap:anywhere;line-height:1.6}#detail-actions{display:flex;justify-content:flex-end;gap:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 24px;background:#173e34;color:white;box-shadow:0 8px 30px #183e3433;border-radius:9px;max-width:90%;font-size:12px;z-index:1000}@media(min-width:1650px){.workspace main{padding-left:55px;padding-right:55px}}@media(max-width:1200px){.sidebar{width:195px;flex-basis:195px;padding:28px 14px}.workspace main{width:calc(100% - 195px);padding:30px 24px 16px}.overview-grid{grid-template-columns:1fr}.device-panel{display:none}.stats article{padding:19px 18px}.stats article:after{width:24px;height:24px;right:13px;top:20px}.top-actions{gap:6px}.connection{margin:0}.settings-card{padding:23px}.topbar h1{font-size:25px}}@media(max-width:850px){.sidebar{width:76px;flex-basis:76px;align-items:center;padding:25px 10px}.sidebar .brand{margin:0 0 35px}.sidebar .brand>span,.nav-label,.side-bottom{display:none}.nav-item{font-size:0;width:49px;justify-content:center;padding:12px;position:relative}.nav-item span{font-size:23px}.nav-item b{position:absolute;right:0;top:0}.workspace main{width:calc(100% - 76px);padding:25px 20px 16px}.stats{gap:10px}.stats article>span{font-size:10px}.stats small{font-size:9px}.stats article:after{display:none}.stats article>div{font-size:31px}.top-actions .connection{display:none}.settings-grid{grid-template-columns:1fr}.login-art{padding:38px 9%}.login-copy h1{font-size:34px}.art-foot span{display:none}.light-code{gap:8px}.light-code b{width:28px}}@media(max-width:600px){.login-page{grid-template-columns:1fr}.login-art{padding:25px 28px}.login-art .brand>span{font-size:18px}.login-copy{padding:30px 0 0}.login-copy h1{font-size:27px;margin-bottom:12px}.login-copy h1 br{display:none}.login-copy>p:last-child,.eyebrow,.light-code,.art-foot{display:none}.login-side{padding:34px 30px}.login-side h2{font-size:26px}.sidebar{position:fixed;top:auto;bottom:0;height:65px;z-index:100;width:100%;padding:7px 12px;display:block;background:#123c35}.sidebar .brand{display:none}.sidebar nav{display:flex;justify-content:space-around}.nav-item{width:auto;font-size:9px;flex-direction:column;gap:2px;margin:0;padding:3px 12px;height:50px}.nav-item span{font-size:18px}.workspace main{width:100%;padding:22px 16px 90px}.topbar{margin-bottom:20px;align-items:flex-start}.breadcrumbs{font-size:9px}.topbar h1{font-size:24px}.top-actions{margin-top:8px}.top-actions .quiet{font-size:9px;padding:8px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.stats article{padding:17px}.stats article>div{font-size:30px;margin:8px 0 6px}.overview-grid{margin-bottom:17px}.link-panel{padding:20px 15px}.panel-heading h2{font-size:16px}.journey{gap:4px}.journey>div{min-width:55px}.journey>i{font-size:9px;letter-spacing:1px}.journey strong{font-size:10px}.journey small{font-size:7px}.journey>div>span{width:36px;height:36px;font-size:21px}.protocol-note{font-size:9px;gap:10px}.protocol-note b{display:none}.filters{padding:15px;flex-wrap:wrap}.filter-tabs{flex:1;justify-content:space-between}.filter-tabs button{padding:6px 13px}.search{width:100%}.search input{width:100%}.section-heading{padding:0 17px}h2{font-size:17px}.section-heading p{font-size:10px}.section-heading .muted{font-size:10px}td,th{padding-left:16px;padding-right:16px}.alarm-banner{padding:14px;gap:10px}.alarm-banner p{display:none}.alarm-banner button{font-size:10px;white-space:nowrap;padding:8px}.alarm-banner strong{font-size:12px}.alarm-sign{width:28px;height:28px;flex:0 0 28px;font-size:17px}.settings-card{padding:22px}.pagination{padding:13px 15px}footer{gap:10px;font-size:8px}dialog{padding:23px}#detail-body dl{grid-template-columns:80px 1fr;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Keep narrow phone layouts within the viewport. */
.workspace main,.link-panel,.device-panel,.message-panel{min-width:0}
@media(max-width:600px){.journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 8px}.journey>i{display:none}.journey strong{font-size:12px}.journey small{font-size:9px}.journey>div>span{width:40px;height:40px}.table-wrap{overflow:visible}table,tbody{display:block;width:100%;white-space:normal}thead{display:none}tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:16px;border-top:1px solid #edf1e9;gap:10px 6px}td{display:block;padding:0;border:0;min-width:0}td:first-child{font-size:11px}td:nth-child(2){text-align:right;font-size:10px}td:nth-child(2):before{content:"地址 ";color:#98a190}td.text-cell{grid-column:1/-1;grid-row:2;font-size:17px;max-width:none;white-space:pre-wrap;overflow-wrap:anywhere;padding:3px 0}td:nth-child(5){text-align:right;align-self:center}td:nth-child(5) .muted{font-size:10px}td:last-child{grid-column:2;justify-self:end}.panel-heading .pill{font-size:8px;padding:5px}.panel-heading .mini-label{font-size:8px}.link-panel .mini-label{font-size:8px}.settings-card h2{font-size:17px}}

.mobile-only{display:none}@media(max-width:600px){.mobile-only{display:inline-block}.top-actions{gap:4px}.top-actions .quiet{padding:7px 5px;font-size:8px}}