:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#d9f4ff;background:#06165b;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{min-width:0;overflow:hidden;background:#06165b}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.login-shell{height:100%;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% -20%,#164a9b 0,#0a2875 43%,#040c35)}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;background-image:linear-gradient(#52c9eb1a 1px,transparent 1px),linear-gradient(90deg,#52c9eb1a 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}.login-glow{position:absolute;border:1px solid #4bd9ff3d;border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 80px #118ed33b}.login-glow-a{width:72vw;height:34vw;right:-18vw;top:-11vw}.login-glow-b{width:60vw;height:27vw;left:-19vw;bottom:-12vw}.login-panel{position:relative;width:min(440px,calc(100vw - 36px));padding:38px 44px 31px;background:#071b53e8;border:1px solid #62c9ed66;box-shadow:0 30px 90px #02082e99,0 0 45px #0c81ba1c}.brand-line{display:flex;align-items:center;gap:9px;color:#a7d8ee;font-size:10px;letter-spacing:2px;font-weight:700}.brand-mark{width:28px;height:28px;display:grid;place-items:center;border:1px solid #4ed6f3;border-radius:7px;background:linear-gradient(135deg,#20b7d4,#2856b8);color:#fff;font-size:16px;box-shadow:0 0 18px #24cbe755}.eyebrow{margin-top:26px;color:#52d8f6;font-size:10px;letter-spacing:2px;font-weight:700}.login-panel h1{margin:13px 0 7px;color:#fff;font-size:27px;font-weight:600}.login-panel>p{margin:0 0 24px;color:#8db6dc;font-size:13px}.login-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:15px}.login-switch button{height:35px;border:1px solid #2b5a98;background:#0a2467;color:#83a9cf;font-size:12px}.login-switch button.active{border-color:#36d0f0;background:linear-gradient(105deg,#116eaf,#117ea9);color:#fff;box-shadow:0 0 15px #21b8dc38}.login-field{display:block;margin:11px 0;color:#8faed1;font-size:11px}.login-field span{display:block;margin-bottom:6px}.login-field input{width:100%;height:43px;padding:0 12px;border:1px solid #2e62a0;background:#081e5d;color:#e9f7ff;outline:0}.login-field input:focus{border-color:#35d9f6;box-shadow:0 0 0 3px #35d9f622}.code-row{display:grid;grid-template-columns:1fr 106px;gap:8px;align-items:end}.code-button{height:43px;margin-bottom:11px;border:1px solid #2f83b7;background:#0c377f;color:#75ddf7;font-size:11px}.code-button:disabled{opacity:.55}.login-button{width:100%;height:46px;margin-top:12px;border:0;background:linear-gradient(105deg,#147fca,#12b8cf);box-shadow:0 9px 23px #13a9d247;color:#fff;font-size:14px;font-weight:600}.login-button span{margin-left:12px;font-size:20px}.login-error{height:21px;margin-top:11px;color:#ff8198;text-align:center;font-size:11px}.login-foot{display:flex;justify-content:center;align-items:center;gap:6px;color:#6e99c8;font-size:10px}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#36e5b0;box-shadow:0 0 9px #36e5b0}.screen-shell{height:100%;display:flex;flex-direction:column;padding:clamp(8px,1.2vw,20px) clamp(10px,1.7vw,32px) clamp(7px,1vw,14px);background:radial-gradient(ellipse at 50% 0,#102c87 0,#07165d 48%,#050e45);overflow:hidden}.screen-header{height:clamp(66px,10vh,112px);display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(300px,1fr);align-items:center;gap:20px;flex:none}.header-time{display:flex;flex-direction:column;gap:5px;color:#87b5dc;font-size:clamp(11px,.9vw,16px);letter-spacing:1px}.header-time strong{color:#c5edff;font-size:clamp(16px,1.4vw,25px);font-weight:500;letter-spacing:2px}.header-title{position:relative;display:flex;align-items:baseline;gap:14px;color:#a9e7fb;font-size:clamp(20px,2.1vw,40px);font-weight:300;white-space:nowrap}.header-title:before,.header-title:after{content:"";width:clamp(22px,3vw,75px);height:1px;background:linear-gradient(90deg,transparent,#35d8f5)}.header-title:after{background:linear-gradient(90deg,#35d8f5,transparent)}.header-title b{color:#fff;font-weight:700;text-shadow:0 0 20px #23c7ee88}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:clamp(8px,1vw,16px)}.device-picker{display:flex;flex-direction:column;gap:4px;min-width:clamp(160px,14vw,250px)}.device-picker-label{color:#6da3ce;font-size:10px;letter-spacing:1px}.device-picker select{width:100%;height:34px;padding:0 10px;border:1px solid #287bb3;background:#092463;color:#d7f4ff;outline:0;font-size:12px}.device-picker select:focus{border-color:#44d9f5}.online-state{display:flex;align-items:center;gap:6px;color:#4de6b0;font-size:11px;white-space:nowrap}.online-state i,.device-status i{width:7px;height:7px;border-radius:50%;background:#43e5ac;box-shadow:0 0 10px #43e5ac;display:inline-block}.online-state.offline,.device-status i.off{color:#ffc16a}.online-state.offline i,.device-status i.off{background:#e6a557;box-shadow:none}.logout-button{display:flex;align-items:center;gap:5px;height:34px;padding:0 11px;border:1px solid #28689d;background:#0a2769;color:#a8d9ef;font-size:11px}.logout-button:hover{border-color:#48d9f0;color:#fff}.logout-button span{font-size:17px}.logout-button em{font-style:normal}.header-rule{height:2px;display:flex;align-items:center;justify-content:center;gap:4px;flex:none;background:linear-gradient(90deg,transparent,#1a83bf 15%,#39d9f1 50%,#1a83bf 85%,transparent);box-shadow:0 0 14px #1dc7e755}.header-rule i{width:5px;height:5px;background:#51e9ff;transform:rotate(45deg);box-shadow:0 0 8px #51e9ff}.screen-content{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,2.8fr) minmax(300px,1fr);gap:clamp(10px,1.5vw,28px);padding:clamp(13px,2vh,27px) 0 clamp(7px,1vh,14px)}.quality-grid{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(10px,1.5vw,26px)}.quality-card{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(13px,2vw,34px);border:1px solid #1884bc;background:linear-gradient(145deg,#0d2780e8,#0b1766e8 65%,#091454e8);box-shadow:inset 0 0 48px #05125c,0 0 22px #0c75b32e;overflow:hidden}.quality-card:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid #3ec9ed24;pointer-events:none}.quality-card.danger{border-color:#ff6d8c;background:linear-gradient(145deg,#3d176c,#28135c 65%,#171254);box-shadow:inset 0 0 55px #5d0c5666,0 0 24px #f3537d45}.card-corner{position:absolute;width:24px;height:24px;border-color:#48dbf7;border-style:solid;opacity:.85}.corner-tl{left:0;top:0;border-width:2px 0 0 2px}.corner-br{right:0;bottom:0;border-width:0 2px 2px 0}.quality-label{width:min(90%,390px);display:flex;align-items:baseline;gap:10px;padding-bottom:clamp(7px,1vh,14px);border-bottom:1px solid #24cce8;color:#5ce5fc}.quality-label b{font-size:clamp(20px,2.5vw,51px);font-weight:700;letter-spacing:1px}.quality-label span{color:#90cbe7;font-size:clamp(10px,1vw,18px)}.quality-label small{margin-left:auto;color:#6ec9e9;font-size:clamp(9px,.85vw,15px)}.quality-value{margin:clamp(10px,1.5vh,22px) 0 clamp(8px,1.3vh,18px);color:#57ddfb;font-size:clamp(42px,7.5vw,145px);line-height:.9;font-weight:700;letter-spacing:1px;text-shadow:0 0 24px #25c5eb7a}.quality-card.danger .quality-value{color:#ff8499;text-shadow:0 0 22px #ff547188}.quality-range{max-width:90%;padding:clamp(5px,.8vh,10px) clamp(11px,1.5vw,28px);background:linear-gradient(90deg,#087db9,#182279);color:#8beaff;font-size:clamp(11px,1vw,19px);white-space:nowrap}.environment-panel{min-width:0;min-height:0;display:flex;flex-direction:column;padding:clamp(18px,2.4vw,42px) clamp(16px,2.2vw,38px) clamp(12px,1.8vw,26px);border:1px solid #1a5b9b;background:linear-gradient(160deg,#153889,#101b68 70%,#10236e);box-shadow:inset 0 0 50px #132b78}.environment-heading{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:clamp(12px,1.5vh,23px);border-bottom:1px solid #3760a044}.environment-heading span{display:block;color:#5ed8f3;font-size:clamp(9px,.7vw,13px);letter-spacing:2px}.environment-heading b{display:block;margin-top:6px;color:#d6f4ff;font-size:clamp(18px,1.6vw,30px);font-weight:500}.device-status{display:flex;align-items:center;gap:6px;color:#74c7e6;font-size:11px;white-space:nowrap}.device-summary{padding:clamp(12px,1.6vh,22px) 0;border-bottom:1px solid #3760a044}.device-summary strong{display:block;overflow:hidden;color:#effaff;font-size:clamp(14px,1.3vw,23px);text-overflow:ellipsis;white-space:nowrap}.device-summary span,.device-summary small{display:block;margin-top:5px;overflow:hidden;color:#85b2d4;font-size:clamp(10px,.75vw,14px);text-overflow:ellipsis;white-space:nowrap}.environment-item{display:flex;align-items:center;gap:clamp(10px,1.1vw,20px);flex:1;min-height:0;padding:clamp(10px,1.5vh,21px) 0;border-bottom:1px solid #3760a044}.environment-icon{width:clamp(31px,3.1vw,58px);height:clamp(31px,3.1vw,58px);display:grid;place-items:center;flex:none;border:1px solid #2bc5e5;border-radius:50%;background:linear-gradient(145deg,#1b91c5,#123f98);color:#bdf5ff;font-size:clamp(14px,1.3vw,25px);box-shadow:0 0 16px #17bade33}.environment-icon.humidity{border-color:#53d5cf;background:linear-gradient(145deg,#218e9d,#124391)}.environment-icon.water{border-color:#699bea;background:linear-gradient(145deg,#376fc1,#142e89)}.environment-item>div:last-child{min-width:0}.environment-item span{display:block;color:#a9d0e8;font-size:clamp(12px,1vw,18px)}.environment-item strong{display:block;margin-top:5px;color:#5de2ff;font-size:clamp(24px,2.4vw,46px);font-weight:500;line-height:1}.environment-item strong small{margin-left:4px;color:#72cce7;font-size:.48em}.environment-item strong.danger{color:#ff8498}.environment-item em{display:inline-block;margin-top:7px;padding:3px 7px;background:#147eb0;color:#9cecff;font-size:clamp(9px,.65vw,12px);font-style:normal;white-space:nowrap}.last-report{display:flex;justify-content:space-between;gap:8px;padding-top:clamp(11px,1.3vh,19px);color:#72a1c8;font-size:clamp(9px,.65vw,12px)}.last-report b{overflow:hidden;color:#a8cae2;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.screen-footer{height:clamp(20px,2.2vh,30px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex:none;padding:0 4px;color:#6094bf;font-size:clamp(9px,.65vw,12px)}.screen-footer strong{overflow:hidden;color:#9ed8ef;font-size:clamp(11px,.8vw,15px);font-weight:500;text-align:right;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1200px){.screen-header{grid-template-columns:180px auto minmax(270px,1fr);gap:10px}.header-title{gap:7px}.header-title:before,.header-title:after{display:none}.screen-content{grid-template-columns:minmax(0,2.1fr) minmax(260px,.9fr);gap:10px}.quality-grid{gap:10px}.quality-label{width:94%}.environment-panel{padding-left:18px;padding-right:18px}}@media(max-height:720px){.screen-shell{padding-top:6px}.screen-header{height:65px}.screen-content{padding-top:9px;padding-bottom:5px}.quality-card{padding:11px}.quality-card:before{top:6px;right:6px;bottom:6px;left:6px}.quality-value{margin:7px 0;font-size:clamp(38px,6.6vw,92px)}.environment-panel{padding-top:14px;padding-bottom:10px}.environment-item{padding:7px 0}.environment-item strong{margin-top:3px}.environment-item em{margin-top:4px}.device-summary{padding:9px 0}.screen-footer{height:19px}}@media(max-width:850px){body{overflow:auto}.screen-shell{min-height:100%;height:auto;overflow:visible}.screen-header{height:auto;grid-template-columns:1fr auto;gap:12px;padding-bottom:12px}.header-title{grid-column:1/-1;grid-row:1;justify-content:center;order:-1}.header-time{grid-column:1;grid-row:2}.header-actions{grid-column:2;grid-row:2}.device-picker{min-width:145px}.screen-content{grid-template-columns:1fr;overflow:visible}.quality-grid{min-height:520px}.environment-panel{min-height:420px}.screen-footer{height:30px}.logout-button em{display:none}}@media(max-width:520px){.login-panel{padding:30px 25px}.login-panel h1{font-size:23px}.screen-shell{padding-left:8px;padding-right:8px}.header-actions{gap:6px}.online-state{display:none}.device-picker{min-width:130px}.header-title{font-size:20px}.quality-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,190px);min-height:0}.quality-value{font-size:64px}.quality-label b{font-size:28px}.environment-panel{min-height:390px}.screen-footer{font-size:9px}}.device-picker{display:flex;align-items:center;min-width:clamp(160px,14vw,250px)}.device-picker select{height:34px}.template-default-02{padding:0;background:#071869}.template-default-02 .screen-header{height:clamp(78px,10vh,118px);padding:0 clamp(14px,1.7vw,32px);background:url(/screen/default-02/assets/monitor-top.png) center/100% 100% no-repeat}.template-default-02 .header-title{font-size:clamp(25px,3.1vw,62px);gap:clamp(8px,1vw,20px)}.template-default-02 .header-title:before,.template-default-02 .header-title:after{width:clamp(28px,4vw,90px)}.template-default-02 .header-time{font-size:clamp(11px,1vw,17px)}.template-default-02 .header-time strong{font-size:clamp(18px,1.65vw,30px)}.template-default-02 .header-actions{gap:clamp(8px,1.1vw,18px)}.template-default-02 .header-rule{margin:0 clamp(14px,1.7vw,32px)}.template-default-02 .screen-content{padding:clamp(14px,2.1vh,28px) clamp(14px,1.7vw,32px) clamp(7px,1vh,14px);grid-template-columns:minmax(0,2.8fr) minmax(300px,1fr);gap:clamp(14px,1.7vw,30px)}.template-default-02 .quality-grid{gap:clamp(14px,1.7vw,30px)}.template-default-02 .quality-card{border:0;background:#0c1972 url(/screen/default-02/assets/monitor-items-bg.png) center/100% 100% no-repeat;box-shadow:none}.template-default-02 .quality-card:before{top:14px;right:14px;bottom:14px;left:14px;border-color:#36b8e42b}.template-default-02 .quality-card.danger{background:#2a1468 url(/screen/default-02/assets/monitor-items-bg.png) center/100% 100% no-repeat;border:0;box-shadow:inset 0 0 55px #6d145155}.template-default-02 .quality-label{width:min(82%,520px);padding-bottom:clamp(8px,1.2vh,16px);border-bottom-color:#24cce8}.template-default-02 .quality-label b{font-size:clamp(24px,3.3vw,66px)}.template-default-02 .quality-label span{font-size:clamp(11px,1.1vw,21px)}.template-default-02 .quality-label small{font-size:clamp(10px,.9vw,17px)}.template-default-02 .quality-value{font-size:clamp(52px,9vw,175px);margin:clamp(13px,2vh,26px) 0 clamp(10px,1.5vh,20px)}.template-default-02 .quality-range{font-size:clamp(12px,1.15vw,22px);padding:clamp(6px,.9vh,11px) clamp(14px,1.8vw,30px);background:linear-gradient(90deg,#00a8e4,#1c2080)}.template-default-02 .environment-panel{padding:clamp(22px,2.5vw,44px) clamp(18px,2.3vw,40px) clamp(13px,1.8vw,27px);border-color:#1878b9;background:linear-gradient(180deg,#14358a,#121a69 80%,#10256f);box-shadow:inset 0 0 55px #122d7b}.template-default-02 .environment-heading b{font-size:clamp(21px,1.9vw,36px)}.template-default-02 .environment-item{padding:clamp(12px,1.7vh,24px) 0}.template-default-02 .environment-icon{border:0;box-shadow:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain}.template-default-02 .environment-icon.temperature{font-size:0;background-image:url(/screen/default-02/assets/monitor-icon-1.png)}.template-default-02 .environment-icon.humidity{font-size:0;background-image:url(/screen/default-02/assets/monitor-icon-2.png)}.template-default-02 .environment-icon.water{font-size:0;background-image:url(/screen/default-02/assets/monitor-icon-3.png)}.template-default-02 .environment-item span{font-size:clamp(14px,1.15vw,22px)}.template-default-02 .environment-item strong{font-size:clamp(29px,3vw,57px)}.template-default-02 .screen-footer{height:clamp(24px,2.6vh,34px);padding:0 clamp(18px,3vw,58px);background:url(/screen/default-02/assets/monitor-top.png) center/100% 100% no-repeat;color:#78cce6}.template-default-02 .screen-footer strong{font-size:clamp(12px,1vw,18px);color:#fff}@media(max-width:1200px){.template-default-02 .header-title:before,.template-default-02 .header-title:after{display:none}.template-default-02 .screen-content{grid-template-columns:minmax(0,2.1fr) minmax(260px,.9fr);gap:11px}.template-default-02 .quality-grid{gap:11px}}@media(max-height:720px){.template-default-02 .screen-header{height:66px}.template-default-02 .screen-content{padding-top:9px}.template-default-02 .quality-value{font-size:clamp(44px,7vw,100px)}.template-default-02 .quality-card:before{top:8px;right:8px;bottom:8px;left:8px}.template-default-02 .environment-item{padding:8px 0}}.template-default-02 .header-time{align-self:center;justify-self:start;margin-top:4px}.template-default-02 .environment-panel{justify-content:space-between;padding-top:clamp(16px,2vw,32px);padding-bottom:clamp(16px,2vw,32px)}.template-default-02 .environment-item{flex:1;min-height:0;margin:0;padding:clamp(16px,2.3vh,32px) 0}.template-default-02 .environment-item:first-child{padding-top:clamp(8px,1.2vh,18px)}.template-default-02 .environment-item:last-child{padding-bottom:clamp(8px,1.2vh,18px);border-bottom:0}.template-default-02 .header-time{align-self:center;justify-self:start;white-space:nowrap;margin:0}.template-default-02 .quality-label{position:relative;justify-content:center}.template-default-02 .quality-label small{position:absolute;right:0;margin-left:0}.template-default-02 .screen-footer{justify-content:flex-end;align-items:center}.template-default-02 .screen-footer strong{font-weight:400}.template-default-02 .screen-header{height:clamp(56px,7vh,82px)}.template-default-02 .header-title{font-size:clamp(22px,2.4vw,48px)}.template-default-02 .header-time{font-size:clamp(10px,.75vw,14px)}.template-default-02 .header-time strong{font-size:clamp(14px,1.1vw,21px)}.template-default-02 .quality-card{justify-content:space-between;padding:clamp(10px,1.4vw,22px) clamp(12px,1.6vw,26px)}.template-default-02 .quality-label{flex:none;width:min(78%,430px);margin-top:clamp(3px,.4vh,7px);padding-bottom:clamp(5px,.7vh,10px)}.template-default-02 .quality-label b{font-size:clamp(25px,2.1vw,43px)}.template-default-02 .quality-label small{font-size:clamp(9px,.7vw,14px)}.template-default-02 .quality-value{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0;font-size:clamp(48px,5.8vw,112px);line-height:.9}.template-default-02 .quality-range{flex:none;max-width:82%;margin-bottom:clamp(5px,.7vh,12px);padding:clamp(5px,.6vh,8px) clamp(12px,1.2vw,22px);font-size:clamp(12px,.85vw,17px);line-height:1;white-space:nowrap}.template-default-02 .environment-panel{padding:clamp(11px,1.5vw,24px) clamp(15px,2vw,34px)}.template-default-02 .environment-item{position:relative;justify-content:center;padding:clamp(8px,1.3vh,18px) 0 clamp(36px,5vh,58px);border-bottom:1px solid #3760a044}.template-default-02 .environment-item:last-child{padding-bottom:clamp(36px,5vh,58px);border-bottom:0}.template-default-02 .environment-item em{position:absolute;left:50%;bottom:clamp(10px,1.5vh,18px);transform:translate(-50%);margin:0;font-size:clamp(9px,.6vw,12px);white-space:nowrap}.template-default-02 .environment-item span{font-size:clamp(13px,1vw,19px)}.template-default-02 .environment-item strong{font-size:clamp(25px,2.5vw,48px)}.template-default-02 .screen-footer{justify-content:center;align-items:center;height:clamp(22px,2.3vh,30px);padding:0}.template-default-02 .screen-footer strong{font-size:clamp(10px,.65vw,13px);font-weight:400;text-align:center}.template-default-02 .header-time{justify-self:center;align-self:center;align-items:center;text-align:center;color:#fff;white-space:nowrap}.template-default-02 .header-time span{color:#fff;white-space:nowrap}.template-default-02 .environment-panel{container-type:inline-size}.template-default-02 .environment-item{justify-content:flex-start;align-items:center;gap:clamp(14px,3cqw,30px);padding-left:clamp(14px,4cqw,46px);padding-right:clamp(8px,3cqw,28px)}.template-default-02 .environment-icon{width:clamp(54px,9cqw,88px);height:clamp(54px,9cqw,88px)}.template-default-02 .environment-item>div:last-child{min-width:0;flex:1;text-align:left}.template-default-02 .environment-item span{font-size:clamp(24px,7cqw,74px);line-height:1.08;white-space:nowrap}.template-default-02 .environment-item strong{margin-top:clamp(10px,1.5cqw,18px);font-size:clamp(30px,6cqw,62px);line-height:1;white-space:nowrap}.template-default-02 .header-time{width:100%;height:100%;justify-self:stretch;align-self:stretch;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.template-default-02 .environment-item{align-items:flex-start}.template-default-02 .environment-item>div:last-child{padding-top:clamp(28px,4.5vh,54px)}.template-default-02 .environment-icon{margin-top:clamp(40px,5.5vh,72px)}.template-default-02 .environment-item span{font-size:clamp(30px,9cqw,80px);line-height:1.05}.template-default-02 .environment-item strong{margin-top:clamp(16px,2.5vh,30px);font-size:clamp(38px,7cqw,70px)}.template-default-02 .screen-header{position:relative}.template-default-02 .header-time{position:absolute;left:18%;top:0;width:46%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center}.template-default-02 .quality-value{font-size:clamp(64px,7vw,128px)}.template-default-02 .quality-range{margin-bottom:clamp(10px,1.5vh,18px);font-size:clamp(12px,1vw,18px)}.template-default-02 .environment-item em{font-size:clamp(12px,1vw,18px);bottom:clamp(10px,1.5vh,18px)}@media(max-width:850px){.template-default-02 .header-time{position:static;left:auto;top:auto;width:auto;height:auto;grid-column:1;grid-row:2;justify-self:stretch;align-self:center}}.template-default-02 .screen-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:0 12px}.template-default-02 .header-time{position:static;left:auto;top:auto;width:auto;height:auto;grid-column:1;grid-row:1;justify-self:start;align-self:center;display:block;margin:0;color:#fff;text-align:left}.template-default-02 .header-title{grid-column:2;grid-row:1;justify-self:center;align-self:center;font-size:clamp(24px,1.5vw,30px);gap:0;color:#fff}.template-default-02 .header-title:before,.template-default-02 .header-title:after{display:none}.template-default-02 .header-title span,.template-default-02 .header-title b{color:#fff;font-weight:500;text-shadow:none}.template-default-02 .header-actions{grid-column:3;grid-row:1;justify-self:end;align-self:center}@media(max-width:850px){.template-default-02 .screen-header{grid-template-columns:1fr auto;padding:8px 10px}.template-default-02 .header-title{grid-column:1/-1;grid-row:1}.template-default-02 .header-time{grid-column:1;grid-row:2;justify-self:start}.template-default-02 .header-actions{grid-column:2;grid-row:2}}.template-default-02 .environment-item strong{font-size:clamp(48px,9cqw,88px)}