*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}html{overflow:hidden}body.zymt-page{overflow:hidden;background:#10131a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}body.zymt-page #wpadminbar{opacity:.08;transition:.2s}body.zymt-page #wpadminbar:hover{opacity:1}button,input,select,textarea{font:inherit}.zymt-app{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:#10131a}.full-loading{position:fixed;inset:0;z-index:99999;background:#12151c;display:flex;align-items:center;justify-content:center;transition:opacity .45s ease,visibility .45s ease}.full-loading span{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;animation:bmSpin .7s linear infinite}.full-loading.load-out{opacity:0;visibility:hidden;pointer-events:none}@keyframes bmSpin{to{transform:rotate(360deg)}}
.background-container{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#10131a}.background-box,.background-box video,.background-box img,.background-color{position:absolute;inset:0;width:100%;height:100%}.background-box video,.background-box img{object-fit:cover;transform:scale(1.01);filter:brightness(var(--wallpaper-brightness,1))}.background-color{background:radial-gradient(circle at 18% 10%,#394867 0,transparent 35%),radial-gradient(circle at 88% 18%,#25385d 0,transparent 32%),linear-gradient(135deg,#111827,#0f172a)}.bm-wallpaper-blur{position:absolute;inset:-30px;backdrop-filter:blur(var(--wallpaper-blur,0));-webkit-backdrop-filter:blur(var(--wallpaper-blur,0));pointer-events:none}.bm-wallpaper-overlay{position:absolute;inset:0;background:rgba(0,0,0,var(--bm-overlay,0));pointer-events:none}
.bm-content{position:relative;width:min(var(--bm-max-width,1680px),calc(100vw - 48px));height:100%;margin:0 auto;padding-top:var(--bm-content-top,7vh);display:flex;flex-direction:column;align-items:center;overflow:hidden}.bm-time-box{flex:0 0 auto;text-align:center;margin:0 0 18px;user-select:none}.bm-time-text{display:flex;align-items:baseline;justify-content:center;color:var(--time-color,#fff);font-weight:200;font-size:72px;letter-spacing:2px;line-height:1;text-shadow:0 5px 24px rgba(0,0,0,.25)}.bm-time-text .colon{margin:0 5px;opacity:.92;animation:bmColon 1s steps(1,end) infinite}@keyframes bmColon{50%{opacity:.42}}
.bm-search-box{width:min(600px,calc(100vw - 42px));flex:0 0 auto;margin-bottom:38px}.bm-search-container{position:relative}.search-form{position:relative;height:58px;display:flex;align-items:center;padding:5px 12px 5px 7px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.55);border-radius:18px;box-shadow:0 12px 38px rgba(0,0,0,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:.2s ease}.search-form:focus-within{background:rgba(255,255,255,.95);box-shadow:0 14px 42px rgba(0,0,0,.22),0 0 0 3px var(--focus-shadow-color,rgba(217,58,122,.25))}.search-type-box{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;cursor:pointer;transition:.2s ease;flex:0 0 auto}.search-type-box:hover{background:rgba(20,28,45,.07)}.search-type-img{width:28px;height:28px;object-fit:contain}.search-key{flex:1;min-width:0;height:100%;border:0!important;outline:0!important;background:transparent!important;color:#2d3441;font-size:16px;padding:0 12px!important;box-shadow:none!important}.search-key::placeholder{color:#9ba3af}.search-tools{display:flex;align-items:center}.search-clear{width:34px;height:34px;border:0;background:transparent;border-radius:50%;display:none;align-items:center;justify-content:center;color:#9aa1ad;font-size:25px;line-height:1;cursor:pointer}.search-form.has-value .search-clear{display:flex}.search-clear:hover{background:rgba(20,28,45,.07);color:#4d5563}.blur-box{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.52);box-shadow:0 18px 48px rgba(0,0,0,.20);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.search-smart-tips{position:absolute;z-index:150;left:0;right:0;top:66px;border-radius:18px;overflow:hidden;color:#303745}.search-smart-tips ul{list-style:none;margin:0;padding:8px}.search-smart-tips li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 13px;border-radius:12px;cursor:pointer}.search-smart-tips li:hover,.search-smart-tips li.active{background:rgba(var(--theme-color-rgb,241,64,75),.09);color:var(--theme-color,#f1404b)}.search-smart-tips li small{color:#a2a9b3}.search-smart-meta{height:38px;border-top:1px solid rgba(20,28,45,.08);display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0 14px;color:#9aa1ad;font-size:11px}.search-smart-meta .key{min-width:22px;height:20px;border-radius:5px;background:#f0f2f5;color:#69717e;display:inline-flex;align-items:center;justify-content:center}.search-smart-meta .label{margin-right:8px}.search-type-dropdown{position:absolute;z-index:160;left:0;top:66px;padding:9px;border-radius:18px;display:grid;grid-template-columns:repeat(5,48px);gap:7px}.search-type-item-btn{width:48px;height:48px;border:0;border-radius:13px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.search-type-item-btn:hover,.search-type-item-btn.active{background:rgba(var(--theme-color-rgb,241,64,75),.10)}.search-type-item-btn img{width:28px;height:28px;object-fit:contain}.search-type-setting{font-size:27px;color:#8e96a4}
.links-carousel{width:100%;min-height:0;flex:1;position:relative;overflow:hidden;padding-bottom:46px}.io-carousel-slides{height:100%;display:flex;width:100%;transition:500ms cubic-bezier(.09,.13,.18,1);will-change:transform}.links-page{width:100%;height:100%;flex:0 0 100%;overflow:auto;scrollbar-width:none;padding:4px 8px 28px}.links-page::-webkit-scrollbar{display:none}.page-group{width:100%;display:grid;grid-template-columns:repeat(var(--bm-cols-xl,12),minmax(0,1fr));gap:var(--icon-gap-row,34px) var(--icon-gap-col,30px);align-content:start}.links-item{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;user-select:none}.links-item.i1x2{grid-column:span 2}.i-body{position:relative;width:var(--icon-size,60px);height:var(--icon-size,60px);border-radius:var(--icon-radius,16px);overflow:hidden;background:var(--this-bg,rgba(255,255,255,.92));box-shadow:0 10px 26px rgba(0,0,0,.17);transform:perspective(500px) translate3d(0,0,0) scale(1) rotateX(0) rotateY(0);transition:transform .3s ease-out,box-shadow .3s ease-out,filter .25s ease;cursor:pointer}.links-item:hover>.i-body{box-shadow:0 16px 35px rgba(0,0,0,.24)}.i-img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit;background:var(--this-bg,#fff)}.i-title{width:100%;margin-top:9px;text-align:center;color:var(--icon-text-color,#fff);font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 9px rgba(0,0,0,.42)}.zymt-item-link{position:absolute;inset:0;z-index:2}.zymt-item-menu{position:absolute;z-index:8;right:calc(50% - var(--icon-size)/2 - 7px);top:-9px;width:24px;height:24px;border:0;border-radius:50%;background:#fff;color:#545d69;box-shadow:0 4px 12px rgba(0,0,0,.18);cursor:pointer}.edit-mode .links-item{outline:1px dashed rgba(255,255,255,.28);outline-offset:8px;border-radius:14px}.links-item.dragging{opacity:.4}.links-item.drop-before:before{content:"";position:absolute;left:-8px;top:0;bottom:0;width:3px;border-radius:3px;background:var(--theme-color,#f1404b)}.folder-content{width:100%;height:100%;padding:7px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:4px;background:rgba(255,255,255,.92)}.folder-item,.folder-item .i-body{width:100%;height:100%;min-width:0;min-height:0;border-radius:6px;box-shadow:none}.folder-item .i-img{border-radius:6px}.links-item.i1x2 .i-body{width:100%;height:var(--icon-size,60px);box-shadow:0 10px 28px rgba(0,0,0,.16);background:rgba(255,255,255,.90)}.gadget-body{width:100%;height:100%;display:flex;align-items:center;padding:8px 12px;color:#303745}.gadget-body-icon{width:43px;height:43px;flex:0 0 43px}.gadget-body-icon img{width:100%;height:100%;object-fit:contain}.gadget-body-content{min-width:0;margin-left:11px;text-align:left}.gadget-body-title{font-size:15px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gadget-body-muted{font-size:12px;color:#929aa6;margin-top:4px;white-space:nowrap}.gadget-body-muted span{margin-left:4px}.zymt-add-item .i-body{border:1px dashed rgba(255,255,255,.55);background:rgba(255,255,255,.13);box-shadow:none;color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center}.zymt-add-item:hover .i-body{border-color:var(--theme-color);color:var(--theme-color);background:rgba(255,255,255,.22)}
.io-carousel-dots-container{position:absolute;left:0;right:0;bottom:5px;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none}.io-carousel-dots{display:flex;align-items:center;gap:8px;pointer-events:auto}.io-carousel-dot{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.44);box-shadow:0 1px 5px rgba(0,0,0,.2);cursor:pointer;transition:.28s ease}.io-carousel-dot.active{width:24px;background:#fff}.io-add-slide{width:24px;height:24px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:none;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer}.edit-mode .io-add-slide{display:flex}.min-app-group{position:absolute;right:18px;pointer-events:auto}
.bm-menu{position:fixed;z-index:900;min-width:160px;border-radius:14px;padding:7px;background:rgba(255,255,255,.95);color:#333;box-shadow:0 18px 48px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.notification-container{position:fixed;left:50%;bottom:28px;z-index:1500;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none}.zymt-toast{padding:10px 17px;border-radius:12px;background:rgba(28,34,46,.90);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.20);animation:bmToast .25s ease both;font-size:13px}@keyframes bmToast{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* windows / apps */
.zymt-modal-root{position:relative;z-index:1200}.bm-window-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(4,8,16,.34);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.bm-window-overlay.show{opacity:1;visibility:visible}.bm-window{width:min(560px,100%);max-height:min(760px,90vh);overflow:hidden;border-radius:22px;background:rgba(255,255,255,.96);color:#303745;border:1px solid rgba(255,255,255,.66);box-shadow:0 32px 100px rgba(0,0,0,.30);transform:translateY(22px) scale(.97);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease}.bm-window-overlay.show .bm-window{transform:none;opacity:1}.bm-window.wide{width:min(780px,100%)}.bm-window-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(20,28,45,.08);background:rgba(255,255,255,.86);position:sticky;top:0;z-index:2}.bm-window-header h3{margin:0;font-size:17px;color:#2c3440}.zymt-modal-close{width:34px;height:34px;border:0;border-radius:50%;background:#eef1f5;color:#717986;font-size:22px;cursor:pointer}.zymt-modal-close:hover{background:#e2e6ec;color:#303745}.bm-window-body{max-height:calc(90vh - 58px);overflow:auto;padding:20px}.zymt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zymt-form-grid .wide{grid-column:1/-1}.zymt-field{display:flex;flex-direction:column;gap:7px}.zymt-field>span{font-size:12px;font-weight:600;color:#747d89}.zymt-field input,.zymt-field select,.zymt-field textarea,.bm-inline input{width:100%;min-height:42px;border:1px solid #dfe4ea;border-radius:11px;background:#f7f8fa;color:#303745;padding:9px 12px;outline:0}.zymt-field input:focus,.zymt-field select:focus,.zymt-field textarea:focus,.bm-inline input:focus{border-color:rgba(var(--theme-color-rgb),.55);box-shadow:0 0 0 3px rgba(var(--theme-color-rgb),.10)}.zymt-field textarea{min-height:100px;resize:vertical}.zymt-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.zymt-btn{min-height:40px;border:0;border-radius:11px;padding:0 18px;font-weight:650;cursor:pointer;background:var(--theme-color,#f1404b);color:#fff;box-shadow:0 8px 18px rgba(var(--theme-color-rgb),.25)}.zymt-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.zymt-btn.secondary{background:#eef1f5;color:#3c4552;box-shadow:none}.zymt-btn.danger{background:#ef4f5f}.zymt-setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #edf0f3}.zymt-setting-row>div b{display:block;font-size:14px}.zymt-setting-row>div small{display:block;color:#9098a3;margin-top:4px}.zymt-switch{width:46px;height:26px;border-radius:99px;background:#d8dde5;position:relative;cursor:pointer;flex:0 0 auto}.zymt-switch input{position:absolute;opacity:0}.zymt-switch span{position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.22s}.zymt-switch input:checked+span{transform:translateX(20px)}.zymt-switch:has(input:checked){background:var(--theme-color)}.bm-settings-tabs{display:flex;gap:8px;padding-bottom:14px;border-bottom:1px solid #edf0f3;margin-bottom:12px}.bm-settings-tabs button{height:36px;border:0;border-radius:10px;padding:0 16px;background:#f0f2f6;color:#747d89;cursor:pointer}.bm-settings-tabs button.active{background:rgba(var(--theme-color-rgb),.10);color:var(--theme-color);font-weight:700}.bm-settings-panel{display:none}.bm-settings-panel.active{display:block}.bm-setting-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.bm-setting-help{color:#848d99;font-size:13px;line-height:1.7}.bm-login-state{padding:14px;border-radius:12px;background:#f5f7fa;color:#6d7683}.bm-login-state.ok{background:#ecf8f0;color:#277c4d}.bm-login-state a{color:var(--theme-color);font-weight:700}.bm-widget-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bm-widget-picker button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e3e7ed;border-radius:14px;background:#fafbfc;padding:13px;cursor:pointer}.bm-widget-picker button:hover{border-color:rgba(var(--theme-color-rgb),.45);background:rgba(var(--theme-color-rgb),.04)}.bm-widget-picker img{width:44px;height:44px;object-fit:contain}.bm-widget-picker b,.bm-widget-picker span{display:block}.bm-widget-picker span{font-size:12px;color:#9098a3}.bm-inline{display:flex;gap:8px}.bm-inline input{flex:1}.bm-source-actions{margin-top:14px}.bm-catalog-terms{display:flex;gap:7px;overflow:auto;padding:12px 0}.bm-catalog-terms button{white-space:nowrap;border:0;border-radius:999px;padding:7px 12px;background:#eef1f5;color:#596270;cursor:pointer}.bm-catalog-sites{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:420px;overflow:auto}.bm-catalog-site{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e6e9ee;border-radius:12px;background:#fff;padding:10px;cursor:pointer}.bm-catalog-site:hover{border-color:rgba(var(--theme-color-rgb),.45)}.bm-catalog-site img{width:40px;height:40px;border-radius:11px;object-fit:cover}.bm-catalog-site span{min-width:0}.bm-catalog-site b,.bm-catalog-site small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm-catalog-site small{margin-top:4px;color:#929aa6}.zymt-folder-grid,.zymt-bookmark-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.zymt-folder-link,.zymt-bookmark-card{display:flex;flex-direction:column;align-items:center;text-align:center;color:#303745;text-decoration:none;min-width:0;padding:10px;border-radius:14px;transition:.2s}.zymt-folder-link:hover,.zymt-bookmark-card:hover{background:#f2f4f7}.zymt-folder-link img,.zymt-bookmark-card img{width:52px;height:52px;border-radius:15px;object-fit:cover;background:#fff;box-shadow:0 8px 20px rgba(31,45,65,.12)}.zymt-folder-link span,.zymt-bookmark-card span{font-size:12px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.zymt-bookmark-card button{border:0;background:none;color:#ef4f5f;margin-top:5px;cursor:pointer}.zymt-todo-add{display:flex;gap:8px;margin-bottom:14px}.zymt-todo-add input{flex:1;height:42px;border:1px solid #dfe4ea;border-radius:11px;padding:0 12px}.zymt-todo-list{display:flex;flex-direction:column;gap:8px}.zymt-todo-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:#f4f6f8}.zymt-todo-row.done .text{text-decoration:line-through;opacity:.48}.zymt-todo-row .text{flex:1}.zymt-todo-row button{border:0;background:transparent;color:#ef4f5f;cursor:pointer}.zymt-calculator{max-width:340px;margin:auto}.zymt-calc-display{height:88px;border-radius:18px;background:#20242c;color:#fff;padding:16px;text-align:right;font-size:32px;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden;margin-bottom:12px}.zymt-calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.zymt-calc-key{height:54px;border:0;border-radius:15px;background:#f0f2f5;color:#303745;font-size:18px;cursor:pointer}.zymt-calc-key.op{background:rgba(var(--theme-color-rgb),.10);color:var(--theme-color);font-weight:700}.zymt-calc-key.eq{background:var(--theme-color);color:#fff}.zymt-empty{text-align:center;padding:40px 16px;color:#929aa6}
@media(max-width:1440px){.page-group{grid-template-columns:repeat(var(--bm-cols-lg,10),minmax(0,1fr));gap:calc(var(--icon-gap-row)*.9) calc(var(--icon-gap-col)*.85)}.bm-time-text{font-size:64px}.bm-content{padding-top:5.5vh}}
@media(max-width:1050px){.page-group{grid-template-columns:repeat(8,minmax(0,1fr))}.bm-content{width:calc(100vw - 28px)}.bm-search-box{margin-bottom:30px}}
@media(max-width:820px){.page-group{grid-template-columns:repeat(var(--bm-cols-md,6),minmax(0,1fr));gap:24px 18px}.bm-time-text{font-size:58px}.bm-content{padding-top:5vh}.zymt-folder-grid,.zymt-bookmark-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){body.zymt-page #wpadminbar{display:none}html{margin-top:0!important}.bm-content{width:100%;padding:42px 12px 0}.bm-time-text{font-size:50px}.bm-time-box{margin-bottom:15px}.bm-search-box{width:100%;margin-bottom:24px}.search-form{height:54px;border-radius:17px}.page-group{grid-template-columns:repeat(var(--bm-cols-sm,4),minmax(0,1fr));gap:22px 10px}.i-body{width:min(var(--icon-size),58px);height:min(var(--icon-size),58px)}.links-item.i1x2 .i-body{height:58px}.i-title{font-size:11px}.gadget-body{padding:7px 9px}.gadget-body-icon{width:38px;height:38px;flex-basis:38px}.gadget-body-title{font-size:13px}.gadget-body-muted{font-size:10px}.bm-window-overlay{padding:0;align-items:flex-end}.bm-window,.bm-window.wide{width:100%;max-height:90vh;border-radius:24px 24px 0 0}.bm-window-overlay .bm-window{transform:translateY(100%);opacity:1}.bm-window-overlay.show .bm-window{transform:none}.zymt-form-grid{grid-template-columns:1fr}.zymt-form-grid .wide{grid-column:auto}.bm-widget-picker,.bm-catalog-sites{grid-template-columns:1fr}.zymt-folder-grid,.zymt-bookmark-grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.zymt-app.hide-titles .i-title{display:none!important}

/* v2.0.1：按子站 /bookmark 的固定图标桌面重新校准布局。
 * 关键区别：桌面网格使用固定 60px 单元和固定列间距，
 * 不再把 12 个图标平均拉伸到 1680px 全宽。 */
body.zymt-page{font-style:normal}
.bm-content{
  width:min(var(--bm-max-width,1200px),calc(100vw - 48px));
  padding-top:7vh;
}
.bm-time-box{margin-bottom:26px}
.bm-time-text{
  font-size:60px;
  line-height:1;
  font-style:normal!important;
  font-weight:300;
  letter-spacing:1px;
}
.bm-search-box{margin-bottom:48px}
.links-page{padding-left:0;padding-right:0}
.page-group{
  width:100%;
  grid-template-columns:repeat(var(--bm-cols-xl,12),var(--icon-size,60px))!important;
  column-gap:var(--icon-gap-col,30px)!important;
  row-gap:var(--icon-gap-row,34px)!important;
  justify-content:center;
  justify-items:center;
  align-items:start;
}
.links-item{
  width:var(--icon-size,60px);
  overflow:visible;
}
.links-item.i1x2{
  width:auto;
  grid-column:span 2;
}
.i-title{
  width:calc(var(--icon-size,60px) + 34px);
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}
.links-item.i1x2 .i-title{
  width:calc(var(--icon-size,60px) + var(--icon-size,60px) + var(--icon-gap-col,30px));
}
.links-item.i1x2 .i-body{
  width:calc(var(--icon-size,60px) + var(--icon-size,60px) + var(--icon-gap-col,30px));
}
.todo-gadget-body{
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.97) 0%,rgba(246,210,255,.94) 100%);
}
.bookmarks-gadget-body{
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.97) 0%,rgba(184,229,255,.94) 100%);
}

@media(max-width:1440px){
  .page-group{
    grid-template-columns:repeat(var(--bm-cols-lg,10),var(--icon-size,60px))!important;
    column-gap:var(--icon-gap-col,30px)!important;
    row-gap:var(--icon-gap-row,34px)!important;
  }
  .bm-time-text{font-size:58px}
  .bm-content{padding-top:6vh}
}
@media(max-width:1050px){
  .page-group{
    grid-template-columns:repeat(8,var(--icon-size,60px))!important;
    column-gap:24px!important;
  }
  .bm-content{width:calc(100vw - 28px)}
  .bm-search-box{margin-bottom:42px}
}
@media(max-width:820px){
  .page-group{
    grid-template-columns:repeat(var(--bm-cols-md,6),var(--icon-size,60px))!important;
    column-gap:18px!important;
    row-gap:24px!important;
  }
  .bm-time-text{font-size:54px}
  .bm-content{padding-top:5vh}
}
@media(max-width:600px){
  .bm-content{width:100%;padding:38px 12px 0}
  .bm-time-text{font-size:48px}
  .bm-time-box{margin-bottom:18px}
  .bm-search-box{margin-bottom:30px}
  .page-group{
    grid-template-columns:repeat(var(--bm-cols-sm,4),minmax(0,var(--icon-size,58px)))!important;
    column-gap:10px!important;
    row-gap:22px!important;
  }
  .links-item{width:min(var(--icon-size,60px),58px)}
  .links-item.i1x2{width:auto}
  .links-item.i1x2 .i-body{
    width:calc(min(var(--icon-size,60px),58px) + min(var(--icon-size,60px),58px) + 10px);
  }
  .links-item.i1x2 .i-title{
    width:calc(min(var(--icon-size,60px),58px) + min(var(--icon-size,60px),58px) + 10px);
  }
  .i-title{width:calc(min(var(--icon-size,60px),58px) + 20px)}
}

/* v2.0.2：按子站 1920×908 实际页面重新校准纵向布局。
 * 原问题来自搜索框 my-2 同时注入上下 8px 外边距：下边距把图标挤到搜索框下方，
 * 而旧 34px 网格行距又让第二排组件下坠。现在以明确像素节奏替代工具类。 */
.bm-content{
  padding-top:var(--bm-content-top,7vh)!important;
}
.bm-time-box{
  margin:0 0 36px!important;
}
.bm-search-box{
  margin:0 0 75px!important;
}
.search-form{
  height:52px!important;
  border-radius:16px!important;
}
.search-type-box{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
}
.search-type-img{
  width:24px!important;
  height:24px!important;
}
.links-page{
  padding-top:0!important;
}
.page-group{
  row-gap:var(--icon-gap-row,17px)!important;
}

@media(max-width:1440px){
  .bm-content{padding-top:6vh!important}
  .bm-time-box{margin-bottom:32px!important}
  .bm-search-box{margin-bottom:60px!important}
}
@media(max-width:1050px){
  .bm-time-box{margin-bottom:28px!important}
  .bm-search-box{margin-bottom:46px!important}
  .page-group{row-gap:18px!important}
}
@media(max-width:820px){
  .bm-time-box{margin-bottom:22px!important}
  .bm-search-box{margin-bottom:32px!important}
  .page-group{row-gap:20px!important}
}
@media(max-width:600px){
  .bm-content{padding-top:38px!important}
  .bm-time-box{margin-bottom:18px!important}
  .bm-search-box{margin-bottom:26px!important}
  .search-form{height:52px!important}
  .page-group{row-gap:20px!important}
}

/* v2.0.3：按原 iotab 结构修复图标与标题的基线、水平中心和行高。
 * 原版标题位于图标下方的网格行间隙中，不参与网格行高计算；
 * v2.0.2 将标题放入普通文档流并把行距减半，导致标题宽度超出 60px
 * 列后从左边开始溢出，看起来每个标题都向右错位。 */
body.zymt-page #zymt-app,
body.zymt-page #zymt-app button,
body.zymt-page #zymt-app input,
body.zymt-page #zymt-app select,
body.zymt-page #zymt-app textarea,
body.zymt-page #zymt-app .i-title,
body.zymt-page #zymt-app .gadget-body-title,
body.zymt-page #zymt-app .gadget-body-muted{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif!important;
}

body.zymt-page #zymt-app .page-group{
  grid-template-columns:repeat(var(--bm-cols-xl,12),var(--icon-size,60px))!important;
  column-gap:var(--icon-gap-col,30px)!important;
  row-gap:var(--icon-gap-row,34px)!important;
  justify-content:center!important;
  justify-items:center!important;
  align-items:start!important;
}

body.zymt-page #zymt-app .page-group>.links-item{
  position:relative!important;
  display:block!important;
  width:var(--icon-size,60px)!important;
  height:var(--icon-size,60px)!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  align-self:start!important;
  justify-self:center!important;
}

body.zymt-page #zymt-app .page-group>.links-item.i1x2{
  grid-column:span 2!important;
  width:calc(var(--icon-size,60px) * 2 + var(--icon-gap-col,30px))!important;
}

body.zymt-page #zymt-app .page-group>.links-item>.i-body{
  position:relative!important;
  display:block!important;
  width:var(--icon-size,60px)!important;
  height:var(--icon-size,60px)!important;
  margin:0 auto!important;
  padding:0!important;
}

body.zymt-page #zymt-app .page-group>.links-item.i1x2>.i-body{
  width:100%!important;
}

body.zymt-page #zymt-app .page-group>.links-item>.i-title{
  position:absolute!important;
  z-index:3!important;
  top:calc(var(--icon-size,60px) + 7px)!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  width:calc(var(--icon-size,60px) + 40px)!important;
  height:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  color:var(--icon-text-color,#fff)!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:18px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 8px rgba(0,0,0,.48)!important;
  pointer-events:none!important;
}

body.zymt-page #zymt-app .page-group>.links-item.i1x2>.i-title{
  width:100%!important;
}

body.zymt-page #zymt-app .page-group>.links-item .gadget-body{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
}

body.zymt-page #zymt-app .page-group>.links-item .gadget-body-title{
  line-height:18px!important;
}

body.zymt-page #zymt-app .page-group>.links-item .gadget-body-muted{
  line-height:15px!important;
}

@media(max-width:1440px){
  body.zymt-page #zymt-app .page-group{
    grid-template-columns:repeat(var(--bm-cols-lg,10),var(--icon-size,60px))!important;
    row-gap:var(--icon-gap-row,34px)!important;
  }
}

@media(max-width:1050px){
  body.zymt-page #zymt-app .page-group{
    grid-template-columns:repeat(8,var(--icon-size,60px))!important;
    column-gap:24px!important;
    row-gap:30px!important;
  }
  body.zymt-page #zymt-app .page-group>.links-item.i1x2{
    width:calc(var(--icon-size,60px) * 2 + 24px)!important;
  }
}

@media(max-width:820px){
  body.zymt-page #zymt-app .page-group{
    grid-template-columns:repeat(var(--bm-cols-md,6),var(--icon-size,60px))!important;
    column-gap:18px!important;
    row-gap:28px!important;
  }
  body.zymt-page #zymt-app .page-group>.links-item.i1x2{
    width:calc(var(--icon-size,60px) * 2 + 18px)!important;
  }
}

@media(max-width:600px){
  body.zymt-page #zymt-app .page-group{
    grid-template-columns:repeat(var(--bm-cols-sm,4),minmax(0,min(var(--icon-size,60px),58px)))!important;
    column-gap:10px!important;
    row-gap:26px!important;
  }
  body.zymt-page #zymt-app .page-group>.links-item{
    width:min(var(--icon-size,60px),58px)!important;
    height:min(var(--icon-size,60px),58px)!important;
  }
  body.zymt-page #zymt-app .page-group>.links-item.i1x2{
    width:calc(min(var(--icon-size,60px),58px) * 2 + 10px)!important;
  }
  body.zymt-page #zymt-app .page-group>.links-item>.i-body{
    width:min(var(--icon-size,60px),58px)!important;
    height:min(var(--icon-size,60px),58px)!important;
  }
  body.zymt-page #zymt-app .page-group>.links-item.i1x2>.i-body{
    width:100%!important;
  }
  body.zymt-page #zymt-app .page-group>.links-item>.i-title{
    top:calc(min(var(--icon-size,60px),58px) + 6px)!important;
    width:calc(min(var(--icon-size,60px),58px) + 28px)!important;
    font-size:11px!important;
    line-height:17px!important;
    height:17px!important;
    min-height:17px!important;
  }
  body.zymt-page #zymt-app .page-group>.links-item.i1x2>.i-title{
    width:100%!important;
  }
}

/* v2.0.4：恢复子站 iotab 图标随鼠标方向倾斜的 3D 跟随效果。 */
body.zymt-page #zymt-app .zymt-item-body{
  transform-style:preserve-3d;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform,box-shadow;
  transform-origin:50% 50%;
}
body.zymt-page #zymt-app .zymt-item-body.is-tilting{
  z-index:5;
  box-shadow:0 16px 35px rgba(0,0,0,.24)!important;
}
body.zymt-page #zymt-app .zymt-item-body.is-tilting .i-img,
body.zymt-page #zymt-app .zymt-item-body.is-tilting .folder-content,
body.zymt-page #zymt-app .zymt-item-body.is-tilting .gadget-body{
  transform:translateZ(1px);
}
@media (hover:none) and (pointer:coarse){
  body.zymt-page #zymt-app .zymt-item-body{
    will-change:auto;
  }
}