*{box-sizing:border-box}
:root{
 --navy:#06172f;--navy2:#0a2850;--blue:#2f80ff;--blue2:#5ea1ff;
 --text:#10233d;--muted:#7c8da3;--line:#e7edf4;--bg:#f4f7fb;--white:#fff;
}
html,body{margin:0;padding:0}
body{
 background:#eef4fb;
 color:var(--text);
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;
 -webkit-font-smoothing:antialiased;
 position:relative;
 overflow-x:hidden;
}
/* V21：整页多色云雾光晕，缓慢流动，不影响页面内容层 */
body::before{
 content:"";
 position:fixed;
 inset:-22%;
 z-index:-2;
 pointer-events:none;
 background:
   radial-gradient(ellipse 38% 34% at 12% 18%,rgba(92,170,255,.30) 0%,rgba(92,170,255,.12) 38%,transparent 72%),
   radial-gradient(ellipse 34% 32% at 82% 16%,rgba(125,105,255,.23) 0%,rgba(125,105,255,.09) 42%,transparent 72%),
   radial-gradient(ellipse 40% 36% at 72% 78%,rgba(47,205,198,.22) 0%,rgba(47,205,198,.08) 42%,transparent 74%),
   radial-gradient(ellipse 34% 38% at 18% 82%,rgba(166,105,255,.18) 0%,rgba(166,105,255,.07) 40%,transparent 72%),
   radial-gradient(ellipse 46% 32% at 50% 48%,rgba(76,137,255,.13) 0%,rgba(76,137,255,.05) 42%,transparent 76%);
 filter:blur(28px) saturate(118%);
 transform:translate3d(0,0,0) scale(1.02);
 animation:cloudAura 18s ease-in-out infinite alternate;
}
body::after{
 content:"";
 position:fixed;
 inset:0;
 z-index:-1;
 pointer-events:none;
 background:linear-gradient(180deg,rgba(255,255,255,0.405),rgba(255,255,255,0.108) 38%,rgba(255,255,255,0.27));
}
@keyframes cloudAura{
 0%{transform:translate3d(-2%,-1%,0) scale(1.02);filter:blur(28px) saturate(112%)}
 25%{transform:translate3d(2%,1%,0) scale(1.05);filter:blur(32px) saturate(122%)}
 50%{transform:translate3d(1%,3%,0) scale(1.03);filter:blur(30px) saturate(116%)}
 75%{transform:translate3d(-3%,2%,0) scale(1.06);filter:blur(34px) saturate(124%)}
 100%{transform:translate3d(2%,-2%,0) scale(1.03);filter:blur(29px) saturate(118%)}
}

a{text-decoration:none;color:inherit}
.site-header{min-height:76px;background:linear-gradient(115deg,#06162e 0%,#0a2345 55%,#0c3262 100%);color:#fff;box-shadow:0 8px 28px rgba(5,24,49,.16);position:sticky;top:0;z-index:50}
.header-inner{min-height:76px;max-width:1480px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:13px;flex:none}
.brand-logo{width:42px;height:42px;border:1px solid rgba(255,255,255,0.189);border-radius:11px;background:rgba(255,255,255,0.108);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,0.162)}
.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-cloud{font-size:23px}.brand-text{display:flex;flex-direction:column;gap:2px;min-width:170px}.brand-text strong{font-size:18px;letter-spacing:.2px}.brand-text small{font-size:11px;color:#9eb5d2}
.search{height:48px;flex:1;max-width:680px;min-width:260px;padding:4px 5px;display:flex;align-items:center;background:rgba(255,255,255,0.135);border:1px solid rgba(255,255,255,0.243);border-radius:10px;box-shadow:inset 0 1px rgba(255,255,255,0.108);backdrop-filter:blur(10px)}
.search-symbol{width:38px;text-align:center;color:#91aac8;font-size:23px}.search input{flex:1;min-width:0;height:38px;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.search input::placeholder{color:#91a7c2}.search button{height:38px;padding:0 20px;border:0;border-radius:7px;background:#fff;color:#12345d;font-weight:700;cursor:pointer}.search-clear{font-size:20px;color:#9db2cd;padding:0 10px}.official-link{flex:none;display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:1px solid rgba(255,255,255,0.608);border-radius:8px;color:#fff;font-size:13px;background:#38a9ff;box-shadow:0 5px 16px rgba(56,169,255,.24);transition:.18s}.official-link:hover{background:#56b7ff;border-color:#7bc7ff;box-shadow:0 7px 20px rgba(56,169,255,.32)}.official-link span{font-size:15px}
.page{width:min(1280px,92vw);max-width:1280px;margin:0 auto;padding-bottom:60px}
.filters{width:min(1280px,92vw);margin:0 auto;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;box-shadow:0 10px 30px rgba(25,53,87,.08);position:relative;z-index:10;padding:5px 25px}
.filter-row{display:flex;align-items:center;gap:30px;padding:22px 0}
.filter-title{width:135px;display:flex;align-items:center;gap:12px;flex:none}
.filter-title>span{font-size:11px;font-weight:800;color:#8ca0b8;letter-spacing:1px}
.filter-title b{display:block;font-size:14px}
.filter-title small{display:block;color:#9aa9ba;font-size:10px;margin-top:3px}
.filter-list{display:flex;flex-wrap:wrap;gap:8px}
.filter-list a{padding:9px 18px;border:1px solid #e9eef5;border-radius:8px;background:#f7f9fc;color:#4f6682;font-size:13px;transition:.18s}
.filter-list a:hover{border-color:#bfd6f8;color:#2d73d5}
.filter-list a.active{background:linear-gradient(135deg,#2e80ff,#276bd9);color:#fff;border-color:#2e80ff;box-shadow:0 7px 18px rgba(47,128,255,.22)}
.region-list a{display:flex;align-items:center;gap:7px}
.region-list i{width:6px;height:6px;border-radius:50%;background:#b5c1cf}
.region-list a.active i{background:#fff}
.filter-line{height:1px;background:#edf1f6}
.price-section{padding:42px 0 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}
.section-label{font-size:10px;letter-spacing:2px;color:#6e94c2;font-weight:800}
.section-head h2{margin:5px 0 5px;font-size:23px}
.section-head h2 em{font-style:normal;color:#aebdcd;font-weight:400;margin:0 6px}
.section-head p{margin:0;color:#8797aa;font-size:12px}
.count{display:flex;align-items:baseline;gap:6px;color:#8b9bad}
.count b{font-size:25px;color:#18385d}
.count span{font-size:12px}
.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 12px 34px rgba(25,53,87,.06)}
.table-caption{height:55px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfe)}
.table-caption span{font-weight:700;font-size:14px}
.table-caption small{color:#9aa7b8;font-size:11px}
.table-scroll{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:920px}
thead th{height:48px;background:#f7f9fc;color:#6b7e95;font-size:11px;font-weight:700;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
th,td{padding:0 17px}
tbody td{height:62px;border-bottom:1px solid #edf1f5;font-size:13px;color:#52677f;white-space:nowrap}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:#fbfdff}
.no-col{width:70px;color:#9baabc}
tbody .no-col span{font-size:11px;color:#aab6c5}
.config-col{min-width:175px}
.config-col strong{font-size:13px;color:#203c5e}
.price-main{color:#f07827!important;font-weight:800;font-size:15px!important}
.price-main span{font-size:11px;margin-right:2px}
.price-year{font-weight:600;color:#344e6b!important}
.stock{display:inline-flex;align-items:center;gap:6px;color:#0a9b69;font-size:12px}
.stock i{width:6px;height:6px;border-radius:50%;background:#17b77c;box-shadow:0 0 0 3px rgba(23,183,124,.1)}
.empty{text-align:center!important;height:240px!important}
.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#95a3b4}
.empty-icon{font-size:30px;color:#b8c4d1}
.empty-state strong{font-size:14px;color:#60748c}
.empty-state small{font-size:12px}
.site-footer{text-align:center;padding:28px;color:#9aa7b7;font-size:11px}
.admin-body{background:#f3f6fa}.login{max-width:420px;margin:100px auto;background:#fff;padding:34px;border-radius:14px;box-shadow:0 12px 40px #102b4b18}.login h1{margin-top:0}.field{margin:14px 0}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid #dce4ee;border-radius:7px}.btn{background:#1677ff;color:#fff;border:0;border-radius:7px;padding:10px 16px;cursor:pointer}.admin-layout{display:flex;min-height:100vh}.side{width:235px;background:#071d3b;color:#d9e7fa;padding:20px 12px}.side h2{font-size:18px;padding:0 12px 20px}.side a{display:block;color:#b9cbe2;text-decoration:none;padding:11px 13px;border-radius:7px;margin:4px 0}.side a.active,.side a:hover{background:#1167d8;color:#fff}.admin-main{flex:1;padding:25px;min-width:0}.card{background:#fff;border-radius:12px;border:1px solid #e4ebf3;padding:20px;margin-bottom:18px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.btn.secondary{background:#edf4ff;color:#1677ff}.btn.danger{background:#fff0f0;color:#e22;border:1px solid #ffd5d5}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:11px;border-bottom:1px solid #edf1f5}.notice{padding:11px 14px;border-radius:7px;background:#eef8ff;margin-bottom:15px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.grid .full{grid-column:1/-1}.upload-box{border:1px dashed #b8c9dd;border-radius:9px;padding:15px}.upload-box img{max-height:70px;max-width:220px;display:block;margin-bottom:10px}.actions a{margin-right:9px;color:#1677ff;text-decoration:none}.actions .danger-link{color:#e33}
@media(max-width:900px){
 .header-inner{padding:12px 4vw;gap:12px;flex-wrap:wrap}.brand-text small{display:none}.search{order:3;flex-basis:100%;max-width:none}.site-header{min-height:128px}.filters{width:92vw;margin:0 auto;padding-left:18px;padding-right:18px}.filter-row{display:block;padding:18px 0}.filter-title{margin-bottom:12px}.price-section{padding:32px 0 0}.section-head{align-items:flex-start}.count{margin-top:4px}
}
@media(max-width:600px){
 .header-inner{padding:10px 4vw}.brand-logo{width:38px;height:38px}.brand-text{min-width:0}.brand-text strong{font-size:15px}.official-link{padding:8px 10px;font-size:12px}.search button{padding:0 17px}.filter-list a{padding:8px 13px}.table-caption{padding:0 14px}.filters{padding-left:14px;padding-right:14px}.price-section{width:92vw;margin:0 auto}
}

/* V14: centered fluid frontend */
.header-inner,.filters,.page,.price-section{width:min(1280px,92vw)}
@media(min-width:1600px){.header-inner{width:min(1380px,90vw)}.filters,.page,.price-section{width:min(1280px,88vw)}}
@media(max-width:420px){.site-header{min-height:128px}.header-inner{gap:9px}.brand{gap:9px}.search{min-width:0}.filter-row{padding:15px 0}.filter-title{width:auto}.section-head h2{font-size:19px}.table-card{border-radius:10px}}

/* V15 announcement + alignment refinements */
.brand-logo{border:0;background:transparent;box-shadow:none;border-radius:0}
.brand-logo img{width:100%;height:100%;object-fit:contain}
.header-inner,.filters,.price-section{width:min(1320px,92vw)}
.price-section{margin-left:auto;margin-right:auto}
.table-card{width:100%}
.notice-side{position:absolute;right:calc(50% + 685px);top:246px;width:235px;z-index:10}
.announcement-panel{background:rgba(255,255,255,1);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 34px rgba(25,53,87,.08);overflow:hidden}
.announcement-head{min-height:48px;padding:0 16px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fbff);color:#193a60}
.announcement-head strong{font-size:14px}
.announcement-dot{width:7px;height:7px;border-radius:50%;background:#38a9ff;box-shadow:0 0 0 4px rgba(56,169,255,.12);flex:none}
.announcement-list{padding:5px 15px 12px}
.announcement-item{padding:12px 0;border-bottom:1px solid #edf1f5}
.announcement-item:last-child{border-bottom:0}
.announcement-item h3{margin:0 0 6px;font-size:13px;line-height:1.55;color:#234564}
.announcement-item div{font-size:12px;line-height:1.75;color:#72859b;word-break:break-word}
.announcement-empty{padding:18px 2px;color:#9aa8b8;font-size:12px;text-align:center}
.notice-megaphone{width:46px;height:38px;margin:0 auto 4px;display:flex;align-items:center;justify-content:center;font-size:27px;transform-origin:center bottom;animation:noticeMegaphone 2.8s ease-in-out infinite}
@keyframes noticeMegaphone{0%,55%,100%{transform:scale(1) rotate(0deg)}60%{transform:scale(1.12) rotate(-5deg)}66%{transform:scale(1.2) rotate(5deg)}72%{transform:scale(1.12) rotate(-3deg)}78%{transform:scale(1) rotate(0deg)}}

@media(min-width:1700px){
 .header-inner,.filters,.price-section{width:min(1320px,88vw)}
}
@media(max-width:1700px){
 .notice-side{right:calc(50% + 675px);width:215px}
}
@media(max-width:1450px){
 .notice-side{position:relative;right:auto;top:auto;width:min(1320px,92vw);margin:30px auto 0}
 .announcement-panel{width:100%}
 .notice-megaphone{margin-bottom:2px}
}
@media(max-width:900px){
 .header-inner,.filters,.price-section{width:92vw}
 .notice-side{width:92vw;margin:24px auto 0}
}
.link-button{border:0;background:transparent;padding:0;font:inherit;cursor:pointer;color:#1677ff}
.link-button.danger-link{color:#e33}
.inline-settings{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.notice.error{background:#fff0f0;color:#c33}
/* V16 laptop layout: keep the announcement fully inside the viewport */
.notice-side{position:absolute;left:max(16px,calc(50% - 800px));right:auto;top:246px;width:235px}
@media(max-width:1500px) and (min-width:901px){
 /* 笔记本：公告固定在左侧，筛选区和价格区为同一右侧内容列，不再掉到筛选区下面 */
 .notice-side{position:absolute !important;left:12px !important;right:auto !important;top:92px !important;width:190px !important;margin:0 !important}
 .announcement-panel{width:100%}
 .filters,.price-section{width:calc(100% - 230px);max-width:1120px;margin-left:230px;margin-right:auto}
}
@media(max-width:900px){
 .notice-side{position:relative;left:auto;right:auto;top:auto;width:92vw;margin:24px auto 0}
 .header-inner,.filters,.price-section{width:92vw;margin-left:auto;margin-right:auto}
}
.admin-role-badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#edf5ff;color:#1677ff;font-size:12px}

/* V18 final desktop layout: announcement occupies the left gutter and never overlaps the selector panel */
@media(min-width:901px){
  .notice-side{position:absolute !important;left:max(12px,calc(50% - 925px)) !important;right:auto !important;top:100px !important;width:235px !important;margin:0 !important;z-index:10}
  .announcement-panel{width:100% !important}
  .filters,.price-section{margin-left:auto !important;margin-right:auto !important}
}
@media(min-width:901px) and (max-width:1500px){
  .filters,.price-section{width:calc(100% - 285px) !important;max-width:1420px !important;margin-left:285px !important;margin-right:auto !important}
  .notice-side{left:20px !important;width:235px !important}
}
@media(min-width:1501px){
  .filters,.price-section{width:min(1620px,92vw) !important;margin-left:auto !important;margin-right:auto !important}
}
@media(max-width:900px){
  .notice-side{position:relative !important;left:auto !important;right:auto !important;top:auto !important;width:92vw !important;margin:24px auto 0 !important}
  .filters,.price-section{width:92vw !important;margin-left:auto !important;margin-right:auto !important}
}

/* V22: only header stays fixed; filter/model/price areas scroll normally. Stronger soft cloud aura. */
body::before{content:"";position:fixed;inset:-18%;z-index:-1;pointer-events:none;background:
radial-gradient(circle at 18% 24%,rgba(72,166,255,.30),transparent 30%),
radial-gradient(circle at 82% 20%,rgba(132,92,255,.26),transparent 31%),
radial-gradient(circle at 62% 78%,rgba(44,214,211,.24),transparent 30%),
radial-gradient(circle at 25% 86%,rgba(93,125,255,.20),transparent 28%);filter:blur(42px);animation:v22Aura 22s ease-in-out infinite alternate;}
@keyframes v22Aura{0%{transform:translate3d(-2%,1%,0) scale(1)}35%{transform:translate3d(3%,-2%,0) scale(1.04)}70%{transform:translate3d(-1%,3%,0) scale(1.07)}100%{transform:translate3d(3%,1%,0) scale(1.03)}}


/* V25: admin sidebar fixed + stock status colors */
@media(min-width:769px){
  .admin-body{padding-left:235px;}
  .admin-layout{display:block;min-height:100vh;}
  .side{position:fixed;left:0;top:0;bottom:0;width:235px;height:100vh;overflow-y:auto;box-sizing:border-box;z-index:100;}
  .admin-main{min-height:100vh;box-sizing:border-box;}
}
@media(max-width:768px){
  .admin-body{padding-left:0;}
  .admin-layout{display:block;}
  .side{position:relative;width:100%;height:auto;max-height:none;}
}
.side-brand{display:flex!important;align-items:center;gap:10px;min-height:42px;box-sizing:border-box;overflow:hidden;}
.side-brand img{width:34px;height:34px;object-fit:contain;border-radius:7px;flex:0 0 34px;}
.side-brand-fallback{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:24px;flex:0 0 34px;}
.stock.stock-ok{color:#0a9b69}.stock.stock-ok i{background:#17b77c;box-shadow:0 0 0 3px rgba(23,183,124,.1)}
.stock.stock-warning{color:#d79a00}.stock.stock-warning i{background:#f0b400;box-shadow:0 0 0 3px rgba(240,180,0,.12)}
.stock.stock-soldout{color:#8b95a3}.stock.stock-soldout i{background:#9aa3af;box-shadow:0 0 0 3px rgba(154,163,175,.12)}

.setting-logo-row{display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,2fr);gap:15px;align-items:stretch}
.setting-logo-box{min-height:118px;display:flex;flex-direction:column;justify-content:center}
.setting-logo-box img{max-height:72px;max-width:220px;margin:0 0 10px}
.upload-placeholder{color:#9aa7b8;font-size:13px;margin-bottom:10px}
.setting-brand-name{padding:15px;border:1px solid #edf1f5;border-radius:9px;background:#fbfcfe}
.setting-brand-name label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}
@media(max-width:700px){.setting-logo-row{grid-template-columns:1fr}}

.side-brand img{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.setting-logo-box img{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}

/* V27 */
@media(min-width:901px){
 .admin-body{min-height:100vh;overflow:hidden}
 .admin-layout{min-height:100vh}
 .admin-layout .side{position:fixed;left:0;top:0;bottom:0;height:100vh;overflow-y:auto;z-index:1000;box-sizing:border-box}
 .admin-layout .admin-main{margin-left:259px;height:100vh;overflow-y:auto;box-sizing:border-box}
}
.side-brand img{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.memorial-mode{filter:grayscale(1)}
/* V30: 后台侧栏与内容紧贴，取消额外 24px 空白 */
@media(min-width:901px){
  .admin-layout .admin-main{margin-left:245px!important;}
}


/* V33 FINAL: 后台左侧菜单与右侧内容只保留 10px 间距。清除旧版本 admin-body 的 235px 二次偏移。 */
@media(min-width:901px){
  body.admin-body{padding-left:0 !important;}
  .admin-body{padding-left:0 !important;}
  .admin-layout{display:block !important;min-height:100vh !important;}
  .admin-layout .side{position:fixed !important;left:0 !important;top:0 !important;bottom:0 !important;width:235px !important;height:100vh !important;box-sizing:border-box !important;z-index:1000 !important;}
  .admin-layout .admin-main{margin-left:245px !important;padding-left:15px !important;box-sizing:border-box !important;min-width:0 !important;width:auto !important;}
}

/* V34：官网按钮呼吸效果 + 页眉与全页云雾光晕统一 */
.site-header{
  background:
    radial-gradient(circle at 14% 20%,rgba(70,145,255,.30),transparent 32%),
    radial-gradient(circle at 82% 12%,rgba(110,85,235,.26),transparent 34%),
    radial-gradient(circle at 68% 92%,rgba(30,190,190,.22),transparent 36%),
    linear-gradient(115deg,#071a35 0%,#0a2850 52%,#092f58 100%);
  background-size:125% 125%,125% 125%,125% 125%,100% 100%;
  animation:headerAura 18s ease-in-out infinite alternate;
  box-shadow:0 8px 30px rgba(5,24,49,.20);
}
@keyframes headerAura{
  0%{background-position:0% 15%,100% 0%,70% 100%,0 0;}
  50%{background-position:12% 35%,82% 18%,58% 78%,0 0;}
  100%{background-position:24% 18%,68% 32%,42% 88%,0 0;}
}
.official-link{
  background:#176fc2;
  border-color:rgba(135,205,255,.62);
  box-shadow:0 0 0 0 rgba(76,180,255,.42),0 5px 16px rgba(25,112,194,.28);
  animation:officialBreath 2.8s ease-in-out infinite;
}
.official-link:hover{
  background:#2588df;
  border-color:rgba(170,225,255,.85);
  animation:none;
  box-shadow:0 0 18px rgba(76,180,255,.38),0 7px 22px rgba(25,112,194,.34);
}
@keyframes officialBreath{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(76,180,255,.38),0 5px 16px rgba(25,112,194,.25);}
  50%{transform:scale(1.025);box-shadow:0 0 0 7px rgba(76,180,255,.08),0 7px 22px rgba(25,112,194,.34);}
}


/* V35：页眉云雾光晕加强版——与页面背景同色系，确保肉眼明显可见 */
.site-header{
  position:sticky !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:#071b38 !important;
  box-shadow:0 8px 30px rgba(5,24,49,.22) !important;
}
.site-header::before{
  content:"" !important;
  position:absolute !important;
  inset:-80% -20% !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 12% 48%,rgba(56,157,255,.70) 0,rgba(56,157,255,.38) 18%,transparent 38%),
    radial-gradient(circle at 42% 18%,rgba(105,91,255,.62) 0,rgba(105,91,255,.30) 19%,transparent 40%),
    radial-gradient(circle at 72% 70%,rgba(32,214,207,.58) 0,rgba(32,214,207,.28) 20%,transparent 42%),
    radial-gradient(circle at 94% 25%,rgba(91,124,255,.58) 0,rgba(91,124,255,.25) 18%,transparent 38%) !important;
  filter:blur(28px) saturate(125%) !important;
  transform:translate3d(0,0,0) scale(1.05) !important;
  animation:headerCloudAura35 14s ease-in-out infinite alternate !important;
}
.site-header::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;right:0 !important;bottom:0 !important;height:2px !important;
  background:linear-gradient(90deg,rgba(66,170,255,.15),rgba(113,103,255,.75),rgba(38,214,205,.65),rgba(66,170,255,.15)) !important;
  opacity:.9 !important;
  pointer-events:none !important;
}
.header-inner{
  position:relative !important;
  z-index:2 !important;
}
@keyframes headerCloudAura35{
  0%{transform:translate3d(-2%,-1%,0) scale(1.05)}
  50%{transform:translate3d(2%,2%,0) scale(1.10)}
  100%{transform:translate3d(-1%,3%,0) scale(1.06)}
}
/* 官网按钮：颜色更深，同时保持呼吸 */
.official-link{
  background:#063b73 !important;
  animation:officialBreath35 2.8s ease-in-out infinite !important;
}
.official-link:hover{
  background:#0a4f91 !important;
  animation:none !important;
}
@keyframes officialBreath35{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(62,171,255,.34),0 5px 16px rgba(6,59,115,.30)}
  50%{transform:scale(1.025);box-shadow:0 0 0 7px rgba(62,171,255,.10),0 7px 22px rgba(6,59,115,.42)}
}

/* V39：官网按钮使用页面主体背景的多色云雾光晕，不使用页眉光晕配色 */
.official-link{
  background:
    radial-gradient(circle at 18% 30%,rgba(72,166,255,.95) 0,rgba(72,166,255,.70) 22%,transparent 55%),
    radial-gradient(circle at 78% 22%,rgba(132,92,255,.90) 0,rgba(132,92,255,.62) 24%,transparent 58%),
    radial-gradient(circle at 66% 82%,rgba(44,214,211,.92) 0,rgba(44,214,211,.58) 25%,transparent 58%),
    radial-gradient(circle at 22% 88%,rgba(93,125,255,.82) 0,rgba(93,125,255,.52) 22%,transparent 56%) !important;
  background-color:#2d79d8 !important;
  background-size:145% 145%,145% 145%,145% 145%,145% 145% !important;
  background-position:0% 20%,100% 0%,75% 100%,15% 100% !important;
  border-color:rgba(255,255,255,0.743) !important;
  color:#fff !important;
  box-shadow:0 5px 18px rgba(60,125,220,.30),0 0 14px rgba(80,160,255,.18) !important;
  animation:officialBodyAura39 4.5s ease-in-out infinite alternate !important;
}
.official-link:hover{
  background-size:145% 145%,145% 145%,145% 145%,145% 145% !important;
  border-color:rgba(255,255,255,1) !important;
  animation:officialBodyAura39 4.5s ease-in-out infinite alternate !important;
  filter:brightness(1.14) saturate(1.08) !important;
  box-shadow:0 7px 24px rgba(60,125,220,.44),0 0 24px rgba(80,160,255,.32) !important;
}
@keyframes officialBodyAura39{
  0%{background-position:0% 20%,100% 0%,75% 100%,15% 100%;transform:scale(1);box-shadow:0 7px 24px rgba(60,125,220,.38),0 0 20px rgba(80,160,255,.24)}
  50%{background-position:18% 38%,82% 16%,60% 82%,28% 78%;transform:scale(1.045);box-shadow:0 9px 30px rgba(60,125,220,.52),0 0 32px rgba(80,160,255,.40)}
  100%{background-position:30% 12%,68% 30%,42% 92%,5% 70%;transform:scale(1);box-shadow:0 7px 24px rgba(60,125,220,.38),0 0 20px rgba(80,160,255,.24)}
}

/* 全局报价搜索结果 */
.search-results-section .table-scroll{overflow-x:auto}
.search-field-tags{display:flex;flex-wrap:wrap;gap:6px;min-width:260px}
.search-field-tags span{display:inline-block;padding:5px 9px;border-radius:8px;background:rgba(91,141,239,.08);border:1px solid rgba(91,141,239,.14);white-space:nowrap}
.search-field-tags b{font-weight:600}
.search-results-section .table-card{overflow:hidden}
@media(max-width:900px){.search-field-tags{min-width:220px}.search-results-section table{min-width:1180px}}

/* V44：公告跟随加宽后的前台内容区，避免遮挡选择器和报价表 */
@media (min-width:1501px) and (max-width:2139px){
  .notice-side{
    position:absolute !important;
    top:100px !important;
    left:20px !important;
    right:auto !important;
    width:235px !important;
    margin:0 !important;
  }
  .filters,.price-section{
    width:min(1620px, calc(100vw - 300px)) !important;
    margin-left:300px !important;
    margin-right:auto !important;
  }
}

@media (min-width:2140px){
  .filters,.price-section{
    width:min(1620px,92vw) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .notice-side{
    position:absolute !important;
    top:100px !important;
    left:max(12px,calc(50% - 1065px)) !important;
    right:auto !important;
    width:235px !important;
    margin:0 !important;
  }
}

/* V46：增值信息直接位于配置价格表上方，并与筛选/价格卡片统一视觉 */
.value-added-card{position:relative;display:flex;align-items:center;gap:14px;min-height:54px;box-sizing:border-box;margin:0 0 14px;padding:0 18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 34px rgba(25,53,87,.06);overflow:hidden;}
.value-added-caption{display:flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap;color:#203b59;}
.value-added-caption strong{font-size:13px;font-weight:700;}
.value-added-caption small{font-size:11px;color:#8a9bad;}
.value-added-dot{width:7px;height:7px;border-radius:50%;background:#2d9cff;box-shadow:0 0 0 4px rgba(45,156,255,.10);}
.value-added-content{flex:1;min-width:0;font-size:13px;line-height:1.7;color:#49627a;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
@media(max-width:900px){
  .value-added-card{width:100%;min-height:52px;margin-bottom:14px;padding:9px 14px;align-items:flex-start;gap:10px;}
  .value-added-caption{padding-top:2px;}
  .value-added-caption small{display:none;}
  .value-added-content{font-size:12px;line-height:1.65;}
}

/* V46：增值框与加宽后的筛选/报价区域保持同宽同左边界 */
@media (min-width:1501px) and (max-width:2139px){
  .value-added-card{width:100% !important;}
}
@media (min-width:2140px){
  .value-added-card{width:100% !important;}
}

/* V48：窄屏/浏览器缩小时整体居中，公告自动移到机型选择下方 */
@media (max-width:1500px){
  .filters,
  .price-section{
    width:92vw !important;
    max-width:1620px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .notice-side{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:92vw !important;
    max-width:1620px !important;
    margin:24px auto 0 !important;
    z-index:10 !important;
  }

  .announcement-panel{
    width:100% !important;
    box-sizing:border-box !important;
  }
}

@media (max-width:900px){
  .filters,
  .price-section,
  .notice-side{
    width:92vw !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* V50：以 1920 CSS 像素作为“小屏/笔记本”实用阈值；公告下移，并让多个公告在同一行按“标题-内容”依次排列 */
@media (max-width:1920px){
  .header-inner,
  .filters,
  .price-section{
    width:92vw !important;
    max-width:1620px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* 公告恢复正常文档流：紧跟筛选区（即机型选择）下面 */
  .notice-side{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:92vw !important;
    max-width:1620px !important;
    margin:24px auto 0 !important;
    z-index:10 !important;
  }

  .announcement-panel{
    width:100% !important;
    box-sizing:border-box !important;
  }

  /* 公告：所有公告保持一行，依次显示“标题-内容-标题-内容-标题-内容” */
  .announcement-list{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:22px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }
  .announcement-item{
    display:flex !important;
    flex:1 1 0 !important;
    min-width:0 !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px 0 !important;
    overflow:hidden !important;
  }
  .announcement-item h3{
    flex:0 0 120px !important;
    width:120px !important;
    min-width:0 !important;
    margin:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .announcement-item div{
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}

@media (max-width:600px){
  .header-inner,
  .filters,
  .price-section,
  .notice-side{
    width:92vw !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .announcement-list{gap:12px !important;}
  .announcement-item{
    gap:8px !important;
    padding:8px 0 !important;
  }
  .announcement-item h3{
    flex-basis:78px !important;
    width:78px !important;
    font-size:12px !important;
  }
  .announcement-item div{font-size:12px !important;}
}

/* V51：小屏/缩放时页眉内容始终保持整个容器水平居中 */
@media (max-width:1920px){
  .site-header .header-inner{
    width:92vw !important;
    max-width:1620px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:32px !important;
    padding-right:32px !important;
    box-sizing:border-box !important;
  }
}
@media (max-width:900px){
  .site-header .header-inner{
    width:92vw !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
}


/* V52：公告下移时，让“产品类型/地区/机型 → 公告 → 增值服务 → 配置价格”整体更紧凑 */
@media (max-width:1920px){
  /* 公告紧跟机型选择，减少上下留白 */
  .notice-side{
    margin-top:12px !important;
  }

  /* 公告内部适当压缩 */
  .announcement-head{
    min-height:42px !important;
  }
  .announcement-list{
    padding-top:2px !important;
    padding-bottom:5px !important;
  }
  .announcement-item{
    padding-top:7px !important;
    padding-bottom:7px !important;
  }

  /* 公告到配置价格区域的距离缩小 */
  .price-section{
    padding-top:20px !important;
  }

  /* 增值服务与配置价格之间进一步紧凑 */
  .value-added-card{
    margin-bottom:8px !important;
  }
}

@media (max-width:900px){
  .notice-side{
    margin-top:8px !important;
  }
  .announcement-head{
    min-height:40px !important;
  }
  .announcement-item{
    padding-top:6px !important;
    padding-bottom:6px !important;
  }
  .price-section{
    padding-top:14px !important;
  }
  .value-added-card{
    margin-bottom:6px !important;
  }
}


/* V53：小屏下进一步压缩板块间距 + 页眉始终居中 */
@media (max-width:1920px){
  .header-inner{
    width:92vw !important;
    max-width:1620px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
  }

  .filters{
    margin-top:10px !important;
    margin-bottom:0 !important;
  }

  .notice-side{
    margin-top:5px !important;
    margin-bottom:0 !important;
  }

  .price-section{
    padding-top:8px !important;
    margin-top:0 !important;
  }

  .value-added-card{
    margin-top:0 !important;
    margin-bottom:4px !important;
  }

  .price-section .table-card{
    margin-top:4px !important;
  }

  .announcement-panel{
    margin-bottom:0 !important;
  }
}

@media (max-width:900px){
  .header-inner{
    width:92vw !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .filters{
    margin-top:6px !important;
  }

  .notice-side{
    margin-top:3px !important;
  }

  .price-section{
    padding-top:6px !important;
  }

  .value-added-card{
    margin-bottom:3px !important;
  }

  .price-section .table-card{
    margin-top:3px !important;
  }
}


/* V54：页眉随屏幕宽度始终水平居中 */
.header-inner{
  width:min(92vw, 1620px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  box-sizing:border-box !important;
}

@media (max-width:1920px){
  .header-inner{
    width:92vw !important;
    max-width:1620px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:600px){
  .header-inner{
    width:92vw !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* V56：修复手机端公告未换行
   原有 .announcement-list 在小屏规则中仍为 flex + nowrap，
   因此必须同时覆盖列表容器和公告项目本身。 */
@media screen and (max-width:600px){
  .announcement-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-auto-rows:auto !important;
    gap:0 !important;
    width:100% !important;
    overflow:visible !important;
    white-space:normal !important;
    align-items:stretch !important;
  }

  .announcement-item{
    display:grid !important;
    grid-template-columns:minmax(72px,90px) minmax(0,1fr) !important;
    column-gap:10px !important;
    row-gap:0 !important;
    width:100% !important;
    min-width:0 !important;
    flex:none !important;
    align-items:start !important;
    overflow:visible !important;
    white-space:normal !important;
    box-sizing:border-box !important;
    padding:6px 0 !important;
  }

  .announcement-item h3{
    grid-column:1 !important;
    width:auto !important;
    min-width:0 !important;
    flex:none !important;
    margin:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:12px !important;
    line-height:1.6 !important;
  }

  .announcement-item div{
    grid-column:2 !important;
    width:auto !important;
    min-width:0 !important;
    flex:none !important;
    margin:0 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
    font-size:12px !important;
    line-height:1.6 !important;
  }
}

/* V57：四级防御导航 */
.defense-list a{white-space:nowrap}
.defense-filter-row .filter-title span{background:linear-gradient(135deg,#0b7a75,#164e63)}
@media (max-width:600px){.defense-list{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.defense-list a{flex:0 0 auto}}

/* ================= V57.11 后台高端 UI 美化｜仅视觉层 ================= */
.admin-body{
  background:#f3f6fb;
  color:#14243b;
}
.admin-body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(circle at 78% 8%,rgba(91,123,255,.10),transparent 30%),
    radial-gradient(circle at 35% 78%,rgba(40,190,190,.08),transparent 28%),
    linear-gradient(180deg,#f8faff 0%,#f1f5fb 100%);
}
.admin-layout .side{
  width:248px!important;
  padding:18px 12px 20px!important;
  background:
    radial-gradient(circle at 50% -10%,rgba(68,139,255,.18),transparent 34%),
    linear-gradient(180deg,#071a34 0%,#06162d 58%,#071b35 100%)!important;
  border-right:1px solid rgba(255,255,255,0.081);
  box-shadow:12px 0 40px rgba(13,35,67,.10);
}
.side-brand{
  min-height:58px!important;
  padding:8px 12px 18px!important;
  margin:0 2px 10px;
  border-bottom:1px solid rgba(255,255,255,0.108);
  color:#fff!important;
}
.side-brand span:last-child{font-size:17px;font-weight:700;letter-spacing:.2px;color:#f7fbff}
.side-brand-fallback{color:#70b7ff;text-shadow:0 0 18px rgba(76,160,255,.45)}
.side a{
  position:relative;
  margin:3px 2px!important;
  padding:11px 14px!important;
  border:1px solid transparent;
  border-radius:10px!important;
  color:#9fb2cb!important;
  font-size:13px;
  transition:all .18s ease;
}
.side a::before{
  content:"";position:absolute;left:0;top:50%;width:3px;height:0;border-radius:3px;
  background:#67b8ff;box-shadow:0 0 12px rgba(80,172,255,.75);
  transform:translateY(-50%);transition:.18s ease;
}
.side a:hover{
  color:#eef7ff!important;
  background:rgba(67,137,224,.12)!important;
  border-color:rgba(119,181,255,.10);
}
.side a.active{
  color:#fff!important;
  background:linear-gradient(100deg,rgba(46,126,235,.42),rgba(43,100,189,.18))!important;
  border-color:rgba(103,184,255,.17);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.068),0 7px 20px rgba(0,0,0,.10);
}
.side a.active::before{height:22px}
.admin-layout .admin-main{
  margin-left:258px!important;
  padding:28px 30px 44px!important;
  background:transparent;
}
.admin-main>.card:first-child{
  position:relative;
  overflow:hidden;
  padding:30px 34px!important;
  border:1px solid rgba(218,227,239,.9)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,1),rgba(248,251,255,.94))!important;
  box-shadow:0 18px 48px rgba(24,50,84,.08)!important;
}
.admin-main>.card:first-child::after{
  content:"";position:absolute;width:280px;height:280px;right:-90px;top:-150px;border-radius:50%;
  background:radial-gradient(circle,rgba(66,139,255,.16),rgba(66,139,255,0) 68%);
  pointer-events:none;
}
.admin-main>.card:first-child h1{
  margin:0 0 9px!important;font-size:25px!important;letter-spacing:.2px;color:#102b4c!important;
}
.admin-main>.card:first-child p{margin:0!important;color:#71839a!important;font-size:13px!important}
.admin-main>.grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:18px;
}
.admin-main>.grid>.card{
  position:relative;min-height:148px;margin:0!important;padding:24px 23px!important;
  border-radius:16px!important;border:1px solid rgba(221,229,239,.95)!important;
  background:rgba(255,255,255,1)!important;
  box-shadow:0 12px 32px rgba(31,59,93,.055)!important;
  overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.admin-main>.grid>.card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(31,59,93,.10)!important;border-color:#d2e1f4!important}
.admin-main>.grid>.card::after{
  content:"";position:absolute;width:100px;height:100px;right:-28px;bottom:-36px;border-radius:50%;opacity:.9;
}
.admin-main>.grid>.card:nth-child(1)::after{background:radial-gradient(circle,rgba(45,130,255,.18),transparent 68%)}
.admin-main>.grid>.card:nth-child(2)::after{background:radial-gradient(circle,rgba(104,91,235,.16),transparent 68%)}
.admin-main>.grid>.card:nth-child(3)::after{background:radial-gradient(circle,rgba(18,174,174,.16),transparent 68%)}
.admin-main>.grid>.card:nth-child(4)::after{background:radial-gradient(circle,rgba(231,164,58,.16),transparent 68%)}
.admin-main>.grid>.card::before{
  position:absolute;right:19px;top:18px;width:34px;height:34px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;
  box-shadow:0 8px 18px rgba(31,78,136,.15);
}
.admin-main>.grid>.card:nth-child(1)::before{content:"◈";background:linear-gradient(135deg,#2e8cff,#4c68ff)}
.admin-main>.grid>.card:nth-child(2)::before{content:"⌖";background:linear-gradient(135deg,#7865ef,#4e72e8)}
.admin-main>.grid>.card:nth-child(3)::before{content:"▦";background:linear-gradient(135deg,#13b9b0,#3286e9)}
.admin-main>.grid>.card:nth-child(4)::before{content:"¥";background:linear-gradient(135deg,#e5a43b,#e67b4e)}
.admin-main>.grid>.card>div:first-child{
  color:#7a8ca2!important;font-size:12px!important;font-weight:600;letter-spacing:.4px;
}
.admin-main>.grid>.card>div:nth-child(2){
  color:#102a49;font-size:36px!important;line-height:1!important;margin-top:18px!important;font-weight:760!important;letter-spacing:-1px;
}
.admin-main>.card:last-child{
  padding:24px 26px!important;border-radius:16px!important;border:1px solid rgba(221,229,239,.95)!important;
  background:rgba(255,255,255,1)!important;box-shadow:0 12px 32px rgba(31,59,93,.055)!important;
}
.admin-main>.card:last-child h3{margin:0 0 16px!important;font-size:15px!important;color:#173452!important}
.admin-main>.card:last-child .toolbar{margin:0!important;gap:11px!important}
.admin-main>.card:last-child .btn{
  min-height:40px;padding:0 18px!important;display:inline-flex;align-items:center;justify-content:center;
  border-radius:9px!important;font-size:13px!important;font-weight:650;
  box-shadow:0 7px 18px rgba(34,116,221,.16);transition:all .18s ease;
}
.admin-main>.card:last-child .btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(34,116,221,.22)}
.admin-main>.card:last-child .btn.secondary{background:#f3f7fd!important;color:#2b70ca!important;border:1px solid #e1eaf5!important;box-shadow:none}
.admin-main>.card:last-child .btn.secondary:hover{background:#edf4fd!important;border-color:#cfe0f5!important}
.card{border-radius:14px}
.btn{border-radius:9px}
.admin-table th{background:#f7f9fc;color:#667b95;font-weight:650}
.admin-table td{background:rgba(255,255,255,1)}
.field input,.field select,.field textarea{border-radius:9px;background:#fbfdff}
.notice{border-radius:10px}
@media(max-width:1100px){
  .admin-main>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .admin-layout .side{position:relative!important;width:100%!important;height:auto!important;max-height:none!important}
  .admin-layout .admin-main{margin-left:0!important;padding:18px!important}
  .admin-main>.grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
  .admin-main>.grid{grid-template-columns:1fr!important}
  .admin-main>.card:first-child{padding:24px!important}
}

/* =========================================================
   V57.11 Premium Admin Console UI — display layer only
   ========================================================= */
.admin-body{background:#07111f;color:#17263b;min-height:100vh;overflow-x:hidden}
.admin-body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 25% 10%,rgba(43,119,255,.12),transparent 28%),radial-gradient(circle at 85% 55%,rgba(91,76,255,.10),transparent 30%),linear-gradient(135deg,#eef4fb 0%,#f7f9fd 48%,#eef3fb 100%);pointer-events:none}
.admin-layout{display:flex;min-height:100vh}
.admin-body .side{position:fixed;left:0;top:0;bottom:0;width:248px;padding:0 14px;background:linear-gradient(180deg,#071426 0%,#091a30 52%,#06111f 100%);border-right:1px solid rgba(255,255,255,0.095);box-shadow:18px 0 50px rgba(0,16,42,.16);display:flex;flex-direction:column;z-index:100}
.admin-body .side:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 40% 0%,rgba(50,137,255,.18),transparent 28%),linear-gradient(180deg,rgba(255,255,255,0.034),transparent 35%)}
.side-head{position:relative;padding:25px 12px 22px;border-bottom:1px solid rgba(255,255,255,0.095)}
.side-brand{margin:0;display:flex;align-items:center;gap:11px;color:#fff!important;font-size:16px!important;font-weight:750;letter-spacing:.1px;padding:0!important}
.side-brand img{width:36px;height:36px;object-fit:contain;border-radius:10px;background:rgba(255,255,255,0.081);padding:4px}
.side-brand-fallback{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-size:19px;background:linear-gradient(145deg,#2d8cff,#5b63ff);box-shadow:0 8px 24px rgba(46,128,255,.32)}
.side-caption{margin:8px 0 0 47px;color:#617894;font-size:8px;letter-spacing:1.65px;font-weight:700}
.side-nav{position:relative;flex:1;overflow:auto;padding:18px 2px 12px;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}
.nav-label{padding:11px 12px 7px;color:#4d6784;font-size:8px;letter-spacing:1.55px;font-weight:800}
.admin-body .side a{position:relative;display:flex;align-items:center;gap:12px;color:#91a7c1;text-decoration:none;padding:10px 12px;border-radius:10px;margin:3px 0;font-size:12px;font-weight:600;transition:all .18s ease;overflow:hidden}
.admin-body .side a i{font-style:normal;width:19px;text-align:center;font-size:15px;color:#637d9a;transition:.18s}
.admin-body .side a:hover{color:#fff;background:rgba(255,255,255,0.074);transform:translateX(2px)}
.admin-body .side a:hover i{color:#7fb5ff}
.admin-body .side a.active{color:#fff;background:linear-gradient(90deg,rgba(46,128,255,.24),rgba(46,128,255,.075));box-shadow:inset 1px 0 0 #4b9aff,0 8px 22px rgba(0,0,0,.10)}
.admin-body .side a.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:#57a5ff;box-shadow:0 0 14px rgba(87,165,255,.75)}
.admin-body .side a.active i{color:#75b5ff}
.side-bottom{position:relative;padding:12px 2px 18px;border-top:1px solid rgba(255,255,255,0.095)}
.side-bottom .logout-link{color:#7f92aa}.side-bottom .logout-link:hover{color:#ff9e9e;background:rgba(255,80,80,.06)}
.admin-body .admin-main{margin-left:248px;padding:0;min-width:0;width:calc(100% - 248px);background:transparent}
.admin-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:rgba(255,255,255,0.999);border-bottom:1px solid rgba(170,187,207,.38);backdrop-filter:blur(18px);position:sticky;top:0;z-index:60}
.topbar-title{display:flex;align-items:center;gap:13px}.topbar-title span{font-size:8px;letter-spacing:1.7px;color:#90a3b9;font-weight:800}.topbar-title strong{font-size:14px;color:#18314f}.topbar-right{display:flex;align-items:center;gap:13px}.online-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #dce8f4;border-radius:999px;background:#fff;color:#5c728c;font-size:10px;font-weight:700}.online-pill i{width:6px;height:6px;border-radius:50%;background:#19bd82;box-shadow:0 0 0 4px rgba(25,189,130,.11)}.topbar-user{font-size:11px;color:#5f7187}.topbar-avatar,.avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#2f80ff,#5b5bea);box-shadow:0 8px 20px rgba(58,102,224,.23);font-size:12px;font-weight:800}
.admin-content{padding:28px 34px 42px;max-width:1500px;margin:0 auto;width:100%}
.console-hero{position:relative;min-height:190px;padding:32px 34px;border:1px solid rgba(255,255,255,0.945);border-radius:24px;overflow:hidden;background:linear-gradient(115deg,#07182e 0%,#0b2648 54%,#102e59 100%);box-shadow:0 24px 60px rgba(7,25,49,.16);display:flex;align-items:center;justify-content:space-between}
.console-hero:after{content:"";position:absolute;right:-90px;top:-130px;width:470px;height:470px;border:1px solid rgba(108,173,255,.14);border-radius:50%;box-shadow:0 0 0 35px rgba(100,165,255,.025),0 0 0 72px rgba(100,165,255,.018),0 0 100px rgba(48,132,255,.16)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(28px);pointer-events:none}.hero-glow-a{width:230px;height:150px;right:15%;top:-80px;background:rgba(53,136,255,.20)}.hero-glow-b{width:190px;height:140px;left:35%;bottom:-100px;background:rgba(90,79,255,.15)}
.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{display:flex;align-items:center;gap:8px;color:#6daeff;font-size:9px;letter-spacing:2.2px;font-weight:800}.eyebrow-dot{width:5px;height:5px;border-radius:50%;background:#66b0ff;box-shadow:0 0 12px #4b9eff}.console-hero h1{margin:13px 0 9px;color:#fff;font-size:34px;line-height:1.1;letter-spacing:-.8px;font-weight:800}.console-hero h1 span{color:#8fb9ea;font-weight:500}.console-hero p{margin:0;color:#8fa8c5;font-size:12px;line-height:1.8;max-width:690px}.hero-status{position:relative;z-index:2;display:flex;align-items:center;gap:12px;min-width:170px;padding:13px 15px;border:1px solid rgba(255,255,255,0.135);border-radius:14px;background:rgba(255,255,255,0.074);backdrop-filter:blur(12px);color:#fff}.hero-status i{width:9px;height:9px;border-radius:50%;background:#22d493;box-shadow:0 0 0 5px rgba(34,212,147,.10),0 0 18px rgba(34,212,147,.35)}.hero-status strong{display:block;font-size:11px}.hero-status small{display:block;margin-top:4px;color:#7891ad;font-size:8px;letter-spacing:1px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.metric-card{position:relative;min-height:156px;padding:20px 20px 16px;background:rgba(255,255,255,1);border:1px solid rgba(214,226,240,.78);border-radius:18px;box-shadow:0 14px 34px rgba(25,54,88,.07);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.metric-card:after{content:"";position:absolute;width:150px;height:100px;right:-70px;bottom:-60px;border-radius:50%;background:rgba(62,132,255,.08);filter:blur(2px)}.metric-card:hover{transform:translateY(-3px);border-color:#c8dbef;box-shadow:0 20px 42px rgba(25,54,88,.11)}.metric-top{display:flex;align-items:center;gap:9px}.metric-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#3985e8;background:linear-gradient(145deg,#edf6ff,#e7efff);border:1px solid #dceafd;font-size:15px}.metric-label{font-size:8px;letter-spacing:1.4px;color:#93a5b9;font-weight:800}.metric-arrow{margin-left:auto;color:#b0bfce;font-size:13px}.metric-number{margin:15px 0 5px;font-size:34px;line-height:1;color:#132d4d;font-weight:800;letter-spacing:-1px}.metric-bottom{display:flex;align-items:center;justify-content:space-between;color:#4e6680;font-size:11px}.metric-bottom small{color:#a1afbf;font-size:9px}.metric-line{position:absolute;left:20px;right:20px;bottom:0;height:2px;background:linear-gradient(90deg,#438fff,rgba(67,143,255,0));opacity:.55}
.workspace-card{margin-top:16px;padding:25px;background:rgba(255,255,255,1);border:1px solid rgba(214,226,240,.8);border-radius:20px;box-shadow:0 16px 42px rgba(25,54,88,.07)}.workspace-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-kicker{display:block;color:#8ba1b9;font-size:8px;letter-spacing:1.8px;font-weight:800}.workspace-head h2{margin:5px 0 4px;font-size:20px;color:#193653}.workspace-head p{margin:0;color:#8c9bad;font-size:10px}.workspace-user{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #e2eaf3;border-radius:12px;background:#f9fbfe}.workspace-user .avatar{width:29px;height:29px;border-radius:9px}.workspace-user strong{display:block;color:#304a65;font-size:10px}.workspace-user small{display:block;margin-top:2px;color:#9caabb;font-size:8px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-card{position:relative;display:flex;align-items:center;gap:13px;padding:17px 16px;border:1px solid #e3eaf2;border-radius:15px;background:linear-gradient(145deg,#fff,#f8fafd);color:#29435f;transition:all .2s;overflow:hidden}.quick-card:after{content:"";position:absolute;right:-30px;top:-35px;width:100px;height:100px;border-radius:50%;background:rgba(70,137,255,.06)}.quick-card:hover{transform:translateY(-2px);border-color:#c7dcf5;box-shadow:0 13px 28px rgba(35,80,130,.09)}.quick-card.quick-primary{background:linear-gradient(145deg,#f3f8ff,#fff);border-color:#cfe0f5}.quick-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:11px;color:#2f80ff;background:#edf5ff;border:1px solid #d9e9fb;font-size:17px}.quick-copy{display:block;min-width:0}.quick-copy strong{display:block;font-size:12px;color:#203b59}.quick-copy small{display:block;margin-top:4px;color:#91a0b1;font-size:9px}.quick-card b{margin-left:auto;color:#9bb0c5;font-size:17px;font-weight:500}.console-note{display:flex;align-items:center;gap:13px;margin-top:14px;padding:13px 16px;border:1px solid rgba(214,226,240,.76);border-radius:14px;background:rgba(255,255,255,0.837);color:#7f92a7}.note-mark{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:8px;color:#548fe4;background:#eef5ff}.console-note strong{font-size:10px;color:#5c738c;letter-spacing:.5px}.console-note p{margin:3px 0 0;font-size:9px;color:#9aa8b8}.note-code{margin-left:auto;padding:5px 8px;border-radius:6px;background:#eef3f8;color:#8295aa;font-size:8px;font-weight:800;letter-spacing:1px}
.admin-body .card{background:rgba(255,255,255,1);border:1px solid #dfe8f1;border-radius:16px;box-shadow:0 12px 32px rgba(25,54,88,.06)}.admin-body .admin-table th{background:#f6f9fc;color:#73879d}.admin-body .admin-table td{border-bottom-color:#edf2f7}.admin-body .btn{border-radius:9px;background:linear-gradient(135deg,#2e80ff,#2769dc);box-shadow:0 8px 18px rgba(46,128,255,.17)}.admin-body .btn.secondary{background:#edf4ff;color:#2874df;box-shadow:none}.admin-body .field input,.admin-body .field select,.admin-body .field textarea{border-color:#dbe5ef;border-radius:9px;background:#fbfdff}.admin-body .notice{border:1px solid #dbeaf8;background:#f3f8ff}
@media(max-width:1100px){.admin-body .side{width:218px}.admin-body .admin-main{margin-left:218px;width:calc(100% - 218px)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:1fr}.console-hero{align-items:flex-start;gap:24px;flex-direction:column}.hero-status{align-self:flex-start}}
@media(max-width:760px){.admin-body .side{position:relative;width:100%;height:auto;min-height:auto}.admin-layout{display:block}.admin-body .admin-main{margin-left:0;width:100%}.side-nav{max-height:none}.side-bottom{display:flex;gap:6px}.side-bottom a{flex:1}.admin-topbar{position:relative;padding:0 18px}.topbar-title span{display:none}.admin-content{padding:18px}.metric-grid{grid-template-columns:1fr}.console-hero{padding:24px}.console-hero h1{font-size:28px}.hero-status{width:100%}.workspace-head{align-items:flex-start;gap:14px;flex-direction:column}.workspace-user{align-self:stretch}}


/* V57.11 UI refinement: keep sidebar unchanged; widen right content and increase section spacing. */
.admin-main{
  padding:0;
  min-width:0;
  background:transparent;
}
.admin-content{
  width:100%;
  max-width:1680px;
  margin:0 auto;
  padding:32px 42px 56px;
}
.admin-topbar{
  min-height:76px;
  padding:0 42px;
}
.admin-topbar .online-pill{
  padding:9px 16px;
  min-height:38px;
  border-radius:12px;
  border:1px solid #cfe3f8;
  background:linear-gradient(135deg,#edf7ff,#e4f2ff);
  color:#3c6d99;
  box-shadow:0 5px 18px rgba(72,145,210,.10), inset 0 1px 0 rgba(255,255,255,1);
}
.admin-topbar .online-pill i{
  width:7px;
  height:7px;
  background:#24bf87;
  box-shadow:0 0 0 4px rgba(36,191,135,.10),0 0 12px rgba(36,191,135,.25);
}
.console-hero{
  width:100%;
  margin:0 0 24px;
}
.metric-grid{
  width:100%;
  gap:20px;
  margin:0 0 24px;
}
.metric-card{
  min-width:0;
}
.workspace-card{
  width:100%;
  margin:0 0 24px;
}
.console-note{
  width:100%;
  margin:0;
}
@media(max-width:1100px){
  .admin-content{padding-left:28px;padding-right:28px}
  .admin-topbar{padding-left:28px;padding-right:28px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .admin-content{padding:22px 18px 40px}
  .admin-topbar{padding:0 18px}
  .metric-grid{grid-template-columns:1fr;gap:16px}
  .console-hero{margin-bottom:18px}
  .workspace-card{margin-bottom:18px}
}


/* V57.11 UI refinement v2: wider/taller content cards, light-blue rounded header, larger sidebar text. */
.admin-content{
  max-width:1700px;
  padding:38px 46px 64px;
}
.admin-topbar{
  min-height:86px;
  padding:0 46px;
}
.admin-topbar .online-pill{
  padding:10px 18px;
  min-height:40px;
  border-radius:14px;
}
.metric-grid{
  gap:24px;
  margin-bottom:28px;
}
.metric-card{
  min-height:148px;
  padding:26px 28px;
  border-radius:18px;
}
.workspace-card{
  min-height:190px;
  padding:28px 30px;
  border-radius:18px;
  margin-bottom:28px;
}
.console-hero{
  min-height:190px;
  padding:30px 34px;
  border-radius:20px;
  margin-bottom:28px;
}
.console-note{
  min-height:110px;
  padding:24px 28px;
  border-radius:18px;
}

/* “垠海云-产品中心”所在顶部页眉/品牌长条：浅蓝、圆角 */
.admin-header,
.admin-brand,
.topbar-brand,
.brand-bar,
.admin-topbar .brand{
  border-radius:16px;
  background:linear-gradient(135deg,#edf8ff 0%,#e4f3ff 55%,#dff0ff 100%);
  border:1px solid #cfe5f7;
  box-shadow:0 8px 24px rgba(65,145,205,.10), inset 0 1px 0 rgba(255,255,255,1);
}

/* Sidebar typography only; layout/function unchanged. */
.admin-sidebar,
.admin-sidebar a,
.admin-sidebar .menu-item,
.admin-sidebar .nav-item,
.admin-sidebar .menu-title{
  font-size:15px;
}
.admin-sidebar .menu-item,
.admin-sidebar .nav-item,
.admin-sidebar a{
  line-height:1.55;
}
.admin-sidebar .section-title,
.admin-sidebar .group-title,
.admin-sidebar .menu-group-title{
  font-size:13px;
}

@media(max-width:1100px){
  .admin-content{padding-left:30px;padding-right:30px}
  .admin-topbar{padding-left:30px;padding-right:30px}
}
@media(max-width:700px){
  .admin-content{padding:24px 18px 44px}
  .admin-topbar{padding:0 18px}
  .metric-card{min-height:128px;padding:22px}
  .workspace-card{min-height:160px;padding:22px}
  .console-hero{min-height:160px;padding:24px}
}

/* V57.11 UI refinement v3: increase dashboard metric cards height only. */
.admin-body .metric-card{
  min-height:180px !important;
}

/* V57.11 UI refinement v4: entire admin topbar uses a unified light-blue tone. */
.admin-body .admin-topbar{
  margin:6px 6px 0;
  min-height:86px;
  border-radius:16px;
  background:linear-gradient(135deg,#eef8ff 0%,#e8f5ff 48%,#e1f1ff 100%);
  border:1px solid #d1e5f5;
  box-shadow:0 8px 24px rgba(67,135,190,.10), inset 0 1px 0 rgba(255,255,255,1);
  backdrop-filter:blur(18px);
}
.admin-body .admin-topbar .topbar-title strong{color:#24415f}
.admin-body .admin-topbar .topbar-title span{color:#7f9ab5}
.admin-body .admin-topbar .topbar-user{color:#58718a}

@media(max-width:700px){
  .admin-body .admin-topbar{
    margin:4px 4px 0;
    border-radius:13px;
    min-height:76px;
  }
}

/* V57.11 UI refinement v5: increase console hero height only */
.admin-body .console-hero{min-height:240px;}
@media(max-width:1100px){.admin-body .console-hero{min-height:220px;}}
@media(max-width:760px){.admin-body .console-hero{min-height:200px;}}


/* V57.11 UI refinement v6: enlarge left sidebar menu text only. Keep top brand text unchanged. */
.admin-body .side a{
  font-size:14px !important;
}
@media(max-width:760px){
  .admin-body .side a{font-size:14px !important;}
}


/* V57.11 UI refinement v7: premium admin login page - visual only */
body.admin-body:has(.login){
  min-height:100vh;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
  background:
    radial-gradient(circle at 15% 20%,rgba(82,150,255,.18),transparent 32%),
    radial-gradient(circle at 85% 18%,rgba(91,108,235,.14),transparent 30%),
    radial-gradient(circle at 72% 88%,rgba(48,174,211,.12),transparent 34%),
    linear-gradient(135deg,#eef5ff 0%,#f5f8fc 48%,#eaf2fb 100%);
  position:relative;
  overflow:hidden;
}
body.admin-body:has(.login)::before{
  content:"";
  position:fixed;
  width:520px;height:520px;
  left:-210px;top:-240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(67,139,255,.12),transparent 68%);
  pointer-events:none;
}
body.admin-body:has(.login)::after{
  content:"";
  position:fixed;
  width:620px;height:620px;
  right:-300px;bottom:-330px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(72,121,232,.10),transparent 68%);
  pointer-events:none;
}
.admin-body .login{
  position:relative;
  z-index:1;
  width:min(460px,calc(100vw - 40px));
  max-width:none;
  margin:0;
  padding:42px 42px 38px;
  box-sizing:border-box;
  background:rgba(255,255,255,1);
  border:1px solid rgba(255,255,255,1);
  border-radius:22px;
  box-shadow:0 28px 70px rgba(28,65,112,.16),0 8px 26px rgba(36,76,128,.08),inset 0 1px 0 rgba(255,255,255,1);
  backdrop-filter:blur(18px);
}
.admin-body .login h1{
  margin:0 0 8px;
  color:#172b46;
  font-size:30px;
  line-height:1.2;
  letter-spacing:-.5px;
  font-weight:800;
}
.admin-body .login > p{
  margin:0 0 28px;
  color:#71829a;
  font-size:14px;
  letter-spacing:.3px;
}
.admin-body .login .field{margin:0 0 18px;}
.admin-body .login .field label{
  color:#243852;
  font-size:13px;
  font-weight:700;
  margin-bottom:8px;
}
.admin-body .login .field input{
  height:44px;
  box-sizing:border-box;
  padding:0 14px;
  border:1px solid #d8e3f1;
  border-radius:10px;
  background:#f8fbff;
  color:#1d3048;
  outline:none;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.admin-body .login .field input:focus{
  border-color:#5b9cf6;
  background:#fff;
  box-shadow:0 0 0 4px rgba(60,135,245,.11);
}
.admin-body .login .field input::placeholder{color:#9aaabd;}
.admin-body .login .field div[style*="display:flex"]{gap:10px!important;}
.admin-body .login .field div[style*="display:flex"] > input{min-width:0;}
.admin-body .login .field div[style*="display:flex"] span{
  height:44px;
  border:1px solid #d8e3f1;
  border-radius:10px;
  background:#f8fbff;
  overflow:hidden;
  box-sizing:border-box;
}
.admin-body .login .field div[style*="display:flex"] span svg{height:42px;max-width:126px;}
.admin-body .login .field div[style*="display:flex"] a{
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-width:48px;
  color:#5c718c!important;
  font-weight:600;
}
.admin-body .login .notice{
  margin:-8px 0 18px;
  padding:11px 13px;
  border:1px solid #ffd8d8;
  border-radius:10px;
  background:#fff5f5!important;
  color:#d84a4a!important;
}
.admin-body .login .btn{
  height:46px;
  margin-top:4px;
  border-radius:11px;
  background:linear-gradient(135deg,#3f8cff 0%,#2368df 100%);
  box-shadow:0 10px 24px rgba(38,111,226,.22);
  font-size:14px;
  font-weight:700;
  letter-spacing:.5px;
  transition:transform .2s,box-shadow .2s,filter .2s;
}
.admin-body .login .btn:hover{
  filter:brightness(1.04);
  transform:translateY(-1px);
  box-shadow:0 13px 28px rgba(38,111,226,.28);
}
.admin-body .login .btn:active{transform:translateY(0);}
@media(max-width:600px){
  body.admin-body:has(.login){padding:24px 14px;}
  .admin-body .login{width:min(460px,calc(100vw - 28px));padding:32px 24px 28px;border-radius:18px;}
  .admin-body .login h1{font-size:26px;}
}

/* V57.11 UI refinement v8: premium login card styling only; position/layout unchanged */
.admin-body .login{
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(248,252,255,.97) 100%);
  border:1px solid rgba(255,255,255,1);
  border-radius:24px;
  box-shadow:
    0 34px 90px rgba(24,57,101,.18),
    0 10px 30px rgba(45,91,145,.10),
    inset 0 1px 0 rgba(255,255,255,1);
}
.admin-body .login::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:5px;
  background:linear-gradient(90deg,#2d7ff4 0%,#4da3ff 45%,#6b74ed 100%);
  box-shadow:0 2px 12px rgba(61,132,239,.20);
}
.admin-body .login::after{
  content:"";
  position:absolute;
  width:220px;height:220px;
  right:-120px;top:-120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(70,145,255,.12),rgba(70,145,255,0) 68%);
  pointer-events:none;
}
.admin-body .login h1{
  position:relative;
  z-index:2;
  font-size:31px;
  letter-spacing:-.8px;
  color:#152b47;
  text-shadow:0 1px 0 #fff;
}
.admin-body .login > p{
  position:relative;
  z-index:2;
  color:#73869e;
  font-size:13px;
  letter-spacing:.45px;
}
.admin-body .login .field label{
  color:#1f3550;
  letter-spacing:.15px;
}
.admin-body .login .field input{
  height:46px;
  border:1px solid #d6e2f0;
  border-radius:12px;
  background:linear-gradient(180deg,#f8fbff,#f3f7fc);
  box-shadow:inset 0 1px 2px rgba(33,65,105,.035),0 1px 0 rgba(255,255,255,1);
}
.admin-body .login .field input:hover{
  border-color:#c3d5e9;
  background:#fbfdff;
}
.admin-body .login .field input:focus{
  border-color:#4d8ff1;
  background:#fff;
  box-shadow:0 0 0 4px rgba(61,132,239,.10),0 5px 16px rgba(55,112,182,.08);
}
.admin-body .login .field div[style*="display:flex"] span{
  height:46px;
  border-radius:12px;
  border-color:#d6e2f0;
  background:linear-gradient(180deg,#f8fbff,#f3f7fc);
  box-shadow:inset 0 1px 2px rgba(33,65,105,.035),0 1px 0 rgba(255,255,255,1);
}
.admin-body .login .field div[style*="display:flex"] span svg{height:44px;max-width:126px;}
.admin-body .login .field div[style*="display:flex"] a{
  color:#55708e!important;
  font-size:13px;
  text-decoration:none;
}
.admin-body .login .field div[style*="display:flex"] a:hover{color:#2474df!important;}
.admin-body .login .btn{
  position:relative;
  overflow:hidden;
  height:48px;
  border-radius:13px;
  background:linear-gradient(135deg,#3988f7 0%,#276fe3 52%,#315ed2 100%);
  border:1px solid rgba(255,255,255,0.243);
  box-shadow:0 12px 28px rgba(39,105,219,.25),inset 0 1px 0 rgba(255,255,255,0.243);
  font-size:14px;
  font-weight:700;
  letter-spacing:.7px;
}
.admin-body .login .btn::before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-45%;
  width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.324),transparent);
  transform:skewX(-18deg);
  transition:left .55s ease;
}
.admin-body .login .btn:hover::before{left:115%;}
.admin-body .login .btn:hover{
  filter:brightness(1.045);
  transform:translateY(-1px);
  box-shadow:0 15px 32px rgba(39,105,219,.30),inset 0 1px 0 rgba(255,255,255,0.27);
}
.admin-body .login .btn:active{transform:translateY(0);}


/* V57.11 UI fix: keep dashboard width/layout unchanged; premium login body styling only applies when .login exists. */

/* V57.11 UI refinement v5: only widen the right-side dashboard content; all other styling unchanged. */
@media(min-width:1101px){
  .admin-content{
    max-width:none;
    width:calc(100% - 50px);
    margin-left:25px;
    margin-right:25px;
  }
}

/* V57.11 UI refinement v6: increase dashboard panel heights only. */
.admin-body .metric-card{min-height:180px;}
.admin-body .workspace-card{min-height:220px;}
.admin-body .console-note{min-height:110px;box-sizing:border-box;}

/* V57.11 Console Hero FX v2: gold stars + left-to-right parallel sweep + stronger ring motion. Scope: .console-hero only. */
.admin-body .console-hero{
  isolation:isolate;
}
.admin-body .console-hero::before{
  content:"";
  position:absolute;
  inset:-20%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 38%, rgba(255,211,105,.88) 0 1px, transparent 2px),
    radial-gradient(circle at 31% 24%, rgba(255,231,157,.78) 0 1px, transparent 2px),
    radial-gradient(circle at 46% 67%, rgba(255,196,74,.72) 0 1px, transparent 2px),
    radial-gradient(circle at 62% 28%, rgba(255,241,190,.82) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 58%, rgba(255,210,105,.78) 0 1px, transparent 2px),
    radial-gradient(circle at 88% 24%, rgba(255,232,164,.72) 0 1px, transparent 2px),
    radial-gradient(ellipse at 72% 10%, rgba(64,145,255,.16), transparent 38%),
    radial-gradient(ellipse at 28% 88%, rgba(64,118,255,.10), transparent 34%);
  background-size: 310px 210px, 270px 190px, 340px 240px, 290px 220px, 360px 250px, 250px 180px, auto, auto;
  opacity:.78;
  transform:translate3d(-1%,0,0) scale(1.02);
  animation:consoleHeroNebula 16s ease-in-out infinite alternate;
}
.admin-body .console-hero::after{
  animation:consoleHeroRings 9s ease-in-out infinite alternate;
  transform-origin:center;
}
.admin-body .console-hero .hero-glow-a{
  animation:consoleHeroGlowA 8s ease-in-out infinite alternate;
}
.admin-body .console-hero .hero-glow-b{
  animation:consoleHeroGlowB 10s ease-in-out infinite alternate;
}
/* V57.11 Console Hero FX v3: no sweep, no status breathing; gold stars gently twinkle. */
.admin-body .console-hero .hero-copy::after{
  content:none!important;
}
.admin-body .console-hero .hero-status{
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.108),0 0 28px rgba(61,145,255,.05);
  animation:none!important;
}
.admin-body .console-hero .eyebrow-dot{
  animation:consoleHeroDot 2.8s ease-in-out infinite;
}
@keyframes consoleHeroNebula{
  0%{transform:translate3d(-1%,0,0) scale(1.02);opacity:.52}
  22%{opacity:.88}
  46%{opacity:.58}
  68%{opacity:.94}
  100%{transform:translate3d(2%,-1%,0) scale(1.06);opacity:.62}
}
@keyframes consoleHeroRings{
  0%{transform:scale(1) rotate(-2deg);opacity:.68}
  50%{transform:scale(1.055) rotate(3deg);opacity:.94}
  100%{transform:scale(1.095) rotate(8deg);opacity:1}
}
@keyframes consoleHeroGlowA{
  0%{transform:translate3d(0,0,0) scale(1);opacity:.62}
  100%{transform:translate3d(-36px,22px,0) scale(1.20);opacity:.98}
}
@keyframes consoleHeroGlowB{
  0%{transform:translate3d(0,0,0) scale(1);opacity:.42}
  100%{transform:translate3d(38px,-16px,0) scale(1.15);opacity:.82}
}
  24%{opacity:.72}
  60%{transform:translateX(2050px);opacity:.82}
  68%,100%{transform:translateX(2050px);opacity:0}
}
  50%{transform:translateY(-2px);border-color:rgba(111,177,255,.20)}
}
@keyframes consoleHeroDot{
  0%,100%{box-shadow:0 0 8px rgba(255,210,105,.48);opacity:.72}
  50%{box-shadow:0 0 18px rgba(255,220,125,.92),0 0 30px rgba(255,191,72,.36);opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .admin-body .console-hero::before,
  .admin-body .console-hero::after,
  .admin-body .console-hero .hero-glow-a,
  .admin-body .console-hero .hero-glow-b,
  .admin-body .console-hero .hero-status,
  .admin-body .console-hero .eyebrow-dot{animation:none!important}
}



/* V57.11 Console Hero FX v5: remove meteors; camera-like starburst twinkle. */
.admin-body .console-hero .hero-glow-a::before,
.admin-body .console-hero .hero-glow-b::before{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  pointer-events:none;
  z-index:5;
  background:#fff4c8;
  box-shadow:
    0 0 4px 1px rgba(255,229,151,.98),
    0 0 12px 3px rgba(255,201,76,.82),
    0 0 28px 7px rgba(255,177,42,.34),
    0 -18px 2px -1px rgba(255,238,183,.88),
    0 18px 2px -1px rgba(255,220,126,.82),
    -18px 0 2px -1px rgba(255,238,183,.88),
    18px 0 2px -1px rgba(255,220,126,.82),
    0 -30px 1px -1px rgba(255,220,126,.42),
    0 30px 1px -1px rgba(255,220,126,.38),
    -30px 0 1px -1px rgba(255,220,126,.42),
    30px 0 1px -1px rgba(255,220,126,.38);
  transform:scale(.65);
  opacity:.18;
  animation:consoleStarburstTwinkleA 4.8s ease-in-out infinite;
}
.admin-body .console-hero .hero-glow-a::before{left:42%;top:35%;}
.admin-body .console-hero .hero-glow-b::before{left:68%;top:63%;animation-delay:2.1s;animation-duration:5.6s;}

/* additional smaller photographic-style diffraction stars */
.admin-body .console-hero .hero-copy::before{
  content:"";
  position:absolute;
  left:30%; top:58%;
  width:4px;height:4px;border-radius:50%;
  pointer-events:none;z-index:5;
  background:#fff7dc;
  box-shadow:
    0 0 5px 1px rgba(255,226,139,.95),
    0 0 14px 4px rgba(255,190,58,.58),
    0 -12px 1px rgba(255,232,165,.72),
    0 12px 1px rgba(255,214,111,.68),
    -12px 0 1px rgba(255,232,165,.72),
    12px 0 1px rgba(255,214,111,.68);
  transform:scale(.55);
  opacity:.2;
  animation:consoleStarburstTwinkleB 3.9s ease-in-out infinite 1.3s;
}

@keyframes consoleStarburstTwinkleA{
  0%,100%{transform:scale(.48);opacity:.16;filter:brightness(.85)}
  18%{transform:scale(.72);opacity:.55;filter:brightness(1.15)}
  34%{transform:scale(1.18);opacity:1;filter:brightness(1.65)}
  47%{transform:scale(.88);opacity:.7;filter:brightness(1.25)}
  62%{transform:scale(.56);opacity:.24;filter:brightness(.92)}
  78%{transform:scale(.96);opacity:.82;filter:brightness(1.4)}
}
@keyframes consoleStarburstTwinkleB{
  0%,100%{transform:scale(.42);opacity:.12;filter:brightness(.82)}
  25%{transform:scale(.78);opacity:.65;filter:brightness(1.3)}
  42%{transform:scale(1.08);opacity:1;filter:brightness(1.6)}
  58%{transform:scale(.5);opacity:.18;filter:brightness(.9)}
  76%{transform:scale(.92);opacity:.75;filter:brightness(1.35)}
}

/* Disable all meteor/sweep remnants while keeping the existing ring/glow motion. */
.admin-body .console-hero .hero-status::after,
.admin-body .console-hero .hero-glow-a::after{content:none!important;animation:none!important;opacity:0!important;}
@media (prefers-reduced-motion:reduce){
  .admin-body .console-hero .hero-glow-a::before,
  .admin-body .console-hero .hero-glow-b::before,
  .admin-body .console-hero .hero-copy::before{animation:none!important;opacity:.7!important;transform:scale(.7)!important;}
}

/* V57.11 Console Hero FX v7：仅按指定修改
   - 远近不同的发光白色星点大幅增加
   - 星点大小、亮度、位置均有明显差异
   - 星点明显忽亮忽暗
   - 原有十字星芒/放射线全部去除
   - 仅“系统运行正常”前面的状态点增加绿色十字星芒/放射线
   - 其他页面、版式及功能不改
*/
.admin-body .console-hero::before{
  content:"";position:absolute;inset:-20%;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at 16.3% 8.6%,rgba(255,255,255,0.527) 0 0.90px,transparent 1.60px),
    radial-gradient(circle at 59.5% 90.5%,rgba(255,255,255,0.581) 0 0.90px,transparent 1.90px),
    radial-gradient(circle at 19.0% 88.7%,rgba(255,255,255,1) 0 1.05px,transparent 1.87px),
    radial-gradient(circle at 9.5% 33.6%,rgba(255,255,255,0.796) 0 0.90px,transparent 2.24px),
    radial-gradient(circle at 11.9% 25.4%,rgba(255,255,255,1) 0 1.25px,transparent 2.06px),
    radial-gradient(circle at 57.5% 65.0%,rgba(255,255,255,0.824) 0 1.80px,transparent 4.21px),
    radial-gradient(circle at 16.7% 86.0%,rgba(255,255,255,0.432) 0 0.90px,transparent 2.12px),
    radial-gradient(circle at 51.3% 98.7%,rgba(255,255,255,0.837) 0 0.90px,transparent 2.45px),
    radial-gradient(circle at 11.8% 27.7%,rgba(255,255,255,0.594) 0 0.55px,transparent 1.21px),
    radial-gradient(circle at 89.8% 11.4%,rgba(255,255,255,0.567) 0 0.35px,transparent 0.92px),
    radial-gradient(circle at 91.5% 75.9%,rgba(255,255,255,0.499) 0 0.55px,transparent 1.53px),
    radial-gradient(circle at 15.6% 44.5%,rgba(255,255,255,1) 0 0.45px,transparent 0.74px),
    radial-gradient(circle at 15.5% 24.6%,rgba(255,255,255,0.999) 0 1.50px,transparent 3.91px),
    radial-gradient(circle at 91.7% 48.1%,rgba(255,255,255,0.702) 0 0.65px,transparent 1.44px),
    radial-gradient(circle at 95.6% 38.5%,rgba(255,255,255,1) 0 1.80px,transparent 4.93px),
    radial-gradient(circle at 3.3% 30.4%,rgba(255,255,255,0.581) 0 1.50px,transparent 3.59px),
    radial-gradient(circle at 50.5% 72.0%,rgba(255,255,255,0.648) 0 0.45px,transparent 1.22px),
    radial-gradient(circle at 21.4% 63.0%,rgba(255,255,255,1) 0 1.80px,transparent 3.48px),
    radial-gradient(circle at 86.4% 54.4%,rgba(255,255,255,0.81) 0 1.25px,transparent 3.21px),
    radial-gradient(circle at 11.3% 86.8%,rgba(255,255,255,0.729) 0 0.35px,transparent 0.78px),
    radial-gradient(circle at 72.8% 3.8%,rgba(255,255,255,1) 0 0.65px,transparent 1.47px),
    radial-gradient(circle at 44.8% 59.5%,rgba(255,255,255,0.972) 0 0.75px,transparent 1.45px),
    radial-gradient(circle at 91.7% 26.3%,rgba(255,255,255,1) 0 2.10px,transparent 5.56px),
    radial-gradient(circle at 53.8% 29.0%,rgba(255,255,255,0.864) 0 2.10px,transparent 5.58px),
    radial-gradient(circle at 92.2% 37.3%,rgba(255,255,255,1) 0 0.35px,transparent 0.78px),
    radial-gradient(circle at 47.5% 71.9%,rgba(255,255,255,0.689) 0 0.35px,transparent 0.65px),
    radial-gradient(circle at 77.6% 76.2%,rgba(255,255,255,1) 0 0.90px,transparent 1.93px),
    radial-gradient(circle at 95.0% 45.9%,rgba(255,255,255,0.864) 0 0.65px,transparent 1.64px),
    radial-gradient(circle at 75.7% 21.1%,rgba(255,255,255,1) 0 0.90px,transparent 2.39px),
    radial-gradient(circle at 89.2% 45.1%,rgba(255,255,255,0.81) 0 2.10px,transparent 4.72px),
    radial-gradient(circle at 37.0% 1.8%,rgba(255,255,255,0.608) 0 0.35px,transparent 0.66px),
    radial-gradient(circle at 35.6% 44.1%,rgba(255,255,255,0.905) 0 0.90px,transparent 1.91px),
    radial-gradient(circle at 25.0% 28.8%,rgba(255,255,255,1) 0 1.25px,transparent 3.05px),
    radial-gradient(circle at 55.5% 38.5%,rgba(255,255,255,0.716) 0 0.90px,transparent 1.66px),
    radial-gradient(circle at 16.6% 80.4%,rgba(255,255,255,1) 0 0.75px,transparent 1.77px),
    radial-gradient(circle at 9.6% 98.6%,rgba(255,255,255,1) 0 0.55px,transparent 1.21px),
    radial-gradient(circle at 91.5% 58.7%,rgba(255,255,255,1) 0 1.25px,transparent 2.56px),
    radial-gradient(circle at 59.7% 95.6%,rgba(255,255,255,0.891) 0 1.05px,transparent 1.63px),
    radial-gradient(circle at 39.0% 94.0%,rgba(255,255,255,0.472) 0 1.80px,transparent 3.91px),
    radial-gradient(circle at 50.1% 26.2%,rgba(255,255,255,0.824) 0 2.10px,transparent 4.74px),
    radial-gradient(circle at 86.0% 33.9%,rgba(255,255,255,0.999) 0 0.45px,transparent 1.15px),
    radial-gradient(circle at 91.6% 40.0%,rgba(255,255,255,0.945) 0 0.75px,transparent 1.52px),
    radial-gradient(circle at 20.7% 49.0%,rgba(255,255,255,1) 0 1.50px,transparent 3.00px),
    radial-gradient(circle at 84.2% 22.2%,rgba(255,255,255,1) 0 2.10px,transparent 4.00px),
    radial-gradient(circle at 83.5% 30.9%,rgba(255,255,255,0.499) 0 1.05px,transparent 1.78px),
    radial-gradient(circle at 54.9% 87.6%,rgba(255,255,255,0.905) 0 1.50px,transparent 4.19px),
    radial-gradient(circle at 56.7% 41.6%,rgba(255,255,255,0.824) 0 0.55px,transparent 0.95px),
    radial-gradient(circle at 30.5% 31.2%,rgba(255,255,255,0.851) 0 0.65px,transparent 1.63px),
    radial-gradient(circle at 38.7% 24.1%,rgba(255,255,255,0.878) 0 0.75px,transparent 2.09px),
    radial-gradient(circle at 66.7% 79.4%,rgba(255,255,255,0.621) 0 0.35px,transparent 0.81px),
    radial-gradient(circle at 7.1% 32.0%,rgba(255,255,255,1) 0 1.05px,transparent 2.44px),
    radial-gradient(circle at 72.5% 26.3%,rgba(255,255,255,0.675) 0 1.25px,transparent 2.12px),
    radial-gradient(circle at 83.8% 33.4%,rgba(255,255,255,1) 0 0.75px,transparent 2.08px),
    radial-gradient(circle at 73.4% 90.4%,rgba(255,255,255,0.634) 0 0.45px,transparent 0.76px),
    radial-gradient(circle at 25.1% 81.5%,rgba(255,255,255,0.796) 0 0.75px,transparent 1.89px),
    radial-gradient(circle at 58.9% 13.2%,rgba(255,255,255,0.837) 0 0.75px,transparent 1.88px),
    radial-gradient(circle at 84.1% 2.2%,rgba(255,255,255,0.527) 0 0.90px,transparent 2.24px),
    radial-gradient(circle at 98.2% 48.8%,rgba(255,255,255,1) 0 0.90px,transparent 2.27px),
    radial-gradient(circle at 4.7% 80.1%,rgba(255,255,255,0.716) 0 1.25px,transparent 2.19px),
    radial-gradient(circle at 53.2% 96.8%,rgba(255,255,255,0.621) 0 2.10px,transparent 5.87px),
    radial-gradient(circle at 11.4% 95.6%,rgba(255,255,255,1) 0 0.55px,transparent 1.39px),
    radial-gradient(circle at 69.6% 14.9%,rgba(255,255,255,0.931) 0 1.80px,transparent 4.82px),
    radial-gradient(circle at 47.8% 70.6%,rgba(255,255,255,1) 0 1.50px,transparent 2.37px),
    radial-gradient(circle at 3.8% 95.9%,rgba(255,255,255,1) 0 1.25px,transparent 3.13px),
    radial-gradient(circle at 90.7% 83.5%,rgba(255,255,255,1) 0 1.50px,transparent 3.88px),
    radial-gradient(circle at 84.0% 74.0%,rgba(255,255,255,0.729) 0 0.55px,transparent 1.52px),
    radial-gradient(circle at 12.3% 85.9%,rgba(255,255,255,0.864) 0 0.45px,transparent 1.14px),
    radial-gradient(circle at 42.1% 30.3%,rgba(255,255,255,0.959) 0 1.80px,transparent 3.09px),
    radial-gradient(circle at 44.5% 71.8%,rgba(255,255,255,1) 0 0.75px,transparent 1.99px),
    radial-gradient(circle at 64.8% 45.2%,rgba(255,255,255,1) 0 0.35px,transparent 0.53px),
    radial-gradient(circle at 85.9% 74.5%,rgba(255,255,255,0.702) 0 1.50px,transparent 3.36px),
    radial-gradient(circle at 45.1% 18.2%,rgba(255,255,255,0.851) 0 0.55px,transparent 1.21px),
    radial-gradient(circle at 91.4% 80.3%,rgba(255,255,255,0.931) 0 1.05px,transparent 2.42px),
    radial-gradient(circle at 64.9% 27.3%,rgba(255,255,255,0.918) 0 1.05px,transparent 2.29px),
    radial-gradient(circle at 64.0% 79.6%,rgba(255,255,255,0.878) 0 0.65px,transparent 1.16px),
    radial-gradient(circle at 89.7% 65.5%,rgba(255,255,255,0.661) 0 0.75px,transparent 1.31px),
    radial-gradient(circle at 97.9% 60.6%,rgba(255,255,255,0.837) 0 0.75px,transparent 1.40px),
    radial-gradient(circle at 72.9% 42.8%,rgba(255,255,255,0.499) 0 2.10px,transparent 3.18px),
    radial-gradient(circle at 43.8% 77.3%,rgba(255,255,255,1) 0 0.75px,transparent 2.02px),
    radial-gradient(circle at 37.6% 58.3%,rgba(255,255,255,1) 0 1.05px,transparent 1.63px),
    radial-gradient(circle at 20.6% 64.0%,rgba(255,255,255,0.446) 0 0.90px,transparent 2.05px),
    radial-gradient(circle at 65.3% 34.2%,rgba(255,255,255,0.769) 0 0.45px,transparent 0.90px),
    radial-gradient(circle at 63.6% 35.4%,rgba(255,255,255,0.689) 0 1.50px,transparent 3.94px),
    radial-gradient(circle at 21.8% 36.4%,rgba(255,255,255,0.891) 0 0.65px,transparent 1.54px),
    radial-gradient(circle at 59.5% 23.9%,rgba(255,255,255,1) 0 0.35px,transparent 0.66px),
    radial-gradient(circle at 20.6% 74.2%,rgba(255,255,255,0.581) 0 0.65px,transparent 2.58px),
    radial-gradient(circle at 83.1% 44.5%,rgba(255,255,255,0.783) 0 0.45px,transparent 1.80px),
    radial-gradient(circle at 33.0% 82.1%,rgba(255,255,255,1) 0 1.05px,transparent 2.83px),
    radial-gradient(circle at 96.6% 43.6%,rgba(255,255,255,1) 0 1.05px,transparent 2.91px),
    radial-gradient(circle at 76.2% 43.5%,rgba(255,255,255,0.959) 0 1.05px,transparent 3.08px),
    radial-gradient(circle at 77.5% 15.0%,rgba(255,255,255,0.553) 0 0.85px,transparent 2.48px),
    radial-gradient(circle at 71.7% 89.0%,rgba(255,255,255,1) 0 1.60px,transparent 4.45px),
    radial-gradient(circle at 72.2% 57.9%,rgba(255,255,255,0.864) 0 0.45px,transparent 1.21px),
    radial-gradient(circle at 17.5% 83.4%,rgba(255,255,255,0.689) 0 1.05px,transparent 2.78px),
    radial-gradient(circle at 84.9% 10.4%,rgba(255,255,255,1) 0 1.05px,transparent 2.79px),
    radial-gradient(circle at 41.0% 84.9%,rgba(255,255,255,0.756) 0 0.85px,transparent 3.08px),
    radial-gradient(circle at 74.3% 34.8%,rgba(255,255,255,1) 0 1.30px,transparent 3.28px),
    radial-gradient(circle at 81.9% 43.4%,rgba(255,255,255,0.918) 0 0.45px,transparent 1.87px),
    radial-gradient(circle at 69.3% 73.7%,rgba(255,255,255,0.689) 0 0.45px,transparent 1.48px),
    radial-gradient(circle at 28.0% 90.0%,rgba(255,255,255,0.648) 0 0.65px,transparent 1.57px),
    radial-gradient(circle at 76.9% 82.3%,rgba(255,255,255,1) 0 0.65px,transparent 2.31px),
    radial-gradient(circle at 64.9% 54.1%,rgba(255,255,255,0.769) 0 0.45px,transparent 1.81px),
    radial-gradient(circle at 36.8% 95.5%,rgba(255,255,255,0.661) 0 0.45px,transparent 2.25px),
    radial-gradient(circle at 30.9% 36.6%,rgba(255,255,255,0.851) 0 2.00px,transparent 4.23px),
    radial-gradient(circle at 77.0% 33.9%,rgba(255,255,255,1) 0 0.65px,transparent 2.22px),
    radial-gradient(circle at 85.6% 2.3%,rgba(255,255,255,0.743) 0 0.65px,transparent 2.29px),
    radial-gradient(circle at 16.0% 24.9%,rgba(255,255,255,0.945) 0 1.05px,transparent 2.24px),
    radial-gradient(circle at 95.6% 41.5%,rgba(255,255,255,1) 0 1.05px,transparent 2.93px),
    radial-gradient(circle at 48.7% 93.7%,rgba(255,255,255,1) 0 0.85px,transparent 2.30px),
    radial-gradient(circle at 25.7% 90.0%,rgba(255,255,255,0.527) 0 0.85px,transparent 2.71px),
    radial-gradient(circle at 16.4% 20.2%,rgba(255,255,255,0.878) 0 1.05px,transparent 2.61px),
    radial-gradient(circle at 18.4% 37.0%,rgba(255,255,255,1) 0 0.65px,transparent 2.38px),
    radial-gradient(circle at 6.6% 77.8%,rgba(255,255,255,0.769) 0 1.05px,transparent 2.79px),
    radial-gradient(circle at 94.2% 35.4%,rgba(255,255,255,0.608) 0 0.65px,transparent 2.36px),
    radial-gradient(circle at 62.4% 9.6%,rgba(255,255,255,0.702) 0 0.65px,transparent 2.50px),
    radial-gradient(circle at 34.8% 4.3%,rgba(255,255,255,0.689) 0 0.45px,transparent 1.73px),
    radial-gradient(circle at 3.7% 77.4%,rgba(255,255,255,1) 0 2.00px,transparent 4.15px),
    radial-gradient(circle at 83.9% 47.1%,rgba(255,255,255,1) 0 1.30px,transparent 2.80px),
    radial-gradient(circle at 75.8% 30.4%,rgba(255,255,255,0.769) 0 1.30px,transparent 2.89px),
    radial-gradient(circle at 81.0% 87.5%,rgba(255,255,255,0.54) 0 1.30px,transparent 2.68px),
    radial-gradient(circle at 84.8% 25.6%,rgba(255,255,255,0.864) 0 0.85px,transparent 2.79px),
    radial-gradient(circle at 66.1% 94.5%,rgba(255,255,255,0.986) 0 1.05px,transparent 3.05px),
    radial-gradient(circle at 18.0% 10.1%,rgba(255,255,255,0.716) 0 1.05px,transparent 3.34px),
    radial-gradient(circle at 97.8% 76.5%,rgba(255,255,255,1) 0 1.05px,transparent 2.92px),
    radial-gradient(circle at 6.7% 75.2%,rgba(255,255,255,0.621) 0 0.65px,transparent 2.18px),
    radial-gradient(circle at 94.2% 88.5%,rgba(255,255,255,1) 0 0.65px,transparent 2.46px),
    radial-gradient(circle at 21.0% 69.7%,rgba(255,255,255,0.945) 0 1.05px,transparent 3.04px),
    radial-gradient(circle at 79.6% 88.0%,rgba(255,255,255,1) 0 0.65px,transparent 2.58px),
    radial-gradient(circle at 11.8% 77.5%,rgba(255,255,255,0.553) 0 1.60px,transparent 3.94px),
    radial-gradient(circle at 1.3% 42.0%,rgba(255,255,255,0.986) 0 1.05px,transparent 2.32px),
    radial-gradient(circle at 44.3% 33.1%,rgba(255,255,255,0.513) 0 1.05px,transparent 2.36px),
    radial-gradient(circle at 30.0% 43.3%,rgba(255,255,255,1) 0 1.60px,transparent 4.38px),
    radial-gradient(circle at 74.9% 65.4%,rgba(255,255,255,1) 0 1.60px,transparent 4.45px),
    radial-gradient(circle at 90.1% 8.0%,rgba(255,255,255,0.931) 0 1.05px,transparent 2.98px),
    radial-gradient(circle at 92.8% 39.5%,rgba(255,255,255,1) 0 1.05px,transparent 2.64px),
    radial-gradient(circle at 4.0% 71.7%,rgba(255,255,255,0.931) 0 1.60px,transparent 3.38px),
    radial-gradient(circle at 19.4% 89.9%,rgba(255,255,255,1) 0 0.85px,transparent 2.63px),
    radial-gradient(circle at 80.6% 38.5%,rgba(255,255,255,1) 0 1.05px,transparent 2.91px),
    radial-gradient(circle at 17.4% 42.6%,rgba(255,255,255,0.918) 0 0.65px,transparent 2.38px),
    radial-gradient(circle at 18.9% 79.3%,rgba(255,255,255,1) 0 1.60px,transparent 3.47px),
    radial-gradient(circle at 8.0% 54.6%,rgba(255,255,255,1) 0 0.45px,transparent 1.46px),
    radial-gradient(circle at 51.4% 23.3%,rgba(255,255,255,0.729) 0 0.65px,transparent 2.35px),
    radial-gradient(circle at 10.0% 91.0%,rgba(255,255,255,1) 0 0.65px,transparent 1.76px),
    radial-gradient(circle at 56.1% 82.5%,rgba(255,255,255,0.824) 0 0.65px,transparent 2.67px),
    radial-gradient(circle at 31.3% 13.2%,rgba(255,255,255,1) 0 2.00px,transparent 4.34px),
    radial-gradient(circle at 38.8% 60.6%,rgba(255,255,255,0.81) 0 1.60px,transparent 3.23px),
    radial-gradient(circle at 68.4% 49.0%,rgba(255,255,255,1) 0 1.30px,transparent 3.48px),
    radial-gradient(circle at 2.4% 63.0%,rgba(255,255,255,0.553) 0 0.45px,transparent 2.15px),
    radial-gradient(circle at 32.9% 11.9%,rgba(255,255,255,0.675) 0 1.30px,transparent 3.79px),
    radial-gradient(circle at 88.1% 45.1%,rgba(255,255,255,1) 0 0.45px,transparent 1.18px),
    radial-gradient(circle at 80.7% 75.7%,rgba(255,255,255,0.756) 0 1.60px,transparent 3.39px),
    radial-gradient(circle at 57.5% 94.1%,rgba(255,255,255,1) 0 0.85px,transparent 1.85px),
    radial-gradient(circle at 78.3% 62.8%,rgba(255,255,255,0.769) 0 2.00px,transparent 4.39px),
    radial-gradient(circle at 12.1% 45.2%,rgba(255,255,255,1) 0 0.85px,transparent 1.93px),
    radial-gradient(circle at 89.0% 35.2%,rgba(255,255,255,1) 0 0.65px,transparent 2.52px),
    radial-gradient(circle at 81.9% 64.1%,rgba(255,255,255,1) 0 0.45px,transparent 1.88px),
    radial-gradient(circle at 57.7% 7.3%,rgba(255,255,255,0.864) 0 1.05px,transparent 2.70px),
    radial-gradient(circle at 37.9% 89.7%,rgba(255,255,255,0.783) 0 1.30px,transparent 2.79px),
    radial-gradient(circle at 29.1% 3.0%,rgba(255,255,255,1) 0 0.85px,transparent 2.82px),
    radial-gradient(circle at 7.7% 58.4%,rgba(255,255,255,0.729) 0 1.05px,transparent 2.64px),
    radial-gradient(circle at 12.5% 54.9%,rgba(255,255,255,0.918) 0 0.45px,transparent 1.70px),
    radial-gradient(circle at 50.5% 96.7%,rgba(255,255,255,1) 0 1.60px,transparent 3.29px),
    radial-gradient(circle at 97.2% 40.7%,rgba(255,255,255,0.594) 0 1.30px,transparent 3.67px),
    radial-gradient(circle at 74.1% 55.5%,rgba(255,255,255,1) 0 1.05px,transparent 2.27px),
    radial-gradient(circle at 69.2% 39.4%,rgba(255,255,255,0.864) 0 1.30px,transparent 3.04px),
    radial-gradient(circle at 47.7% 90.2%,rgba(255,255,255,0.756) 0 1.30px,transparent 2.97px),
    radial-gradient(circle at 46.8% 88.7%,rgba(255,255,255,1) 0 0.65px,transparent 1.98px),
    radial-gradient(circle at 92.7% 39.7%,rgba(255,255,255,0.621) 0 1.30px,transparent 2.87px),
    radial-gradient(circle at 98.6% 74.4%,rgba(255,255,255,0.661) 0 0.85px,transparent 1.93px),
    radial-gradient(circle at 31.4% 78.7%,rgba(255,255,255,0.634) 0 1.05px,transparent 3.45px),
    radial-gradient(circle at 71.8% 64.5%,rgba(255,255,255,0.986) 0 0.45px,transparent 1.80px),
    radial-gradient(circle at 56.7% 8.2%,rgba(255,255,255,0.553) 0 1.60px,transparent 4.38px),
    radial-gradient(circle at 21.8% 4.4%,rgba(255,255,255,0.581) 0 0.65px,transparent 2.42px),
    radial-gradient(circle at 11.0% 20.3%,rgba(255,255,255,0.824) 0 1.30px,transparent 3.81px),
    radial-gradient(circle at 17.5% 76.8%,rgba(255,255,255,1) 0 1.60px,transparent 3.73px),
    radial-gradient(circle at 58.0% 65.7%,rgba(255,255,255,1) 0 1.30px,transparent 2.97px),
    radial-gradient(circle at 97.6% 8.0%,rgba(255,255,255,1) 0 1.05px,transparent 2.29px),
    radial-gradient(circle at 83.2% 57.4%,rgba(255,255,255,0.878) 0 1.05px,transparent 2.33px),
    radial-gradient(circle at 26.0% 49.2%,rgba(255,255,255,0.851) 0 0.45px,transparent 1.55px),
    radial-gradient(circle at 16.6% 31.1%,rgba(255,255,255,0.81) 0 0.85px,transparent 2.98px),
    radial-gradient(circle at 89.3% 83.0%,rgba(255,255,255,0.783) 0 0.45px,transparent 1.72px),
    radial-gradient(circle at 48.0% 7.4%,rgba(255,255,255,0.581) 0 1.30px,transparent 3.14px),
    radial-gradient(circle at 20.4% 58.7%,rgba(255,255,255,1) 0 2.00px,transparent 4.26px),
    radial-gradient(circle at 52.7% 62.9%,rgba(255,255,255,0.756) 0 0.65px,transparent 1.67px),
    radial-gradient(circle at 3.1% 15.1%,rgba(255,255,255,1) 0 2.00px,transparent 4.95px),
    radial-gradient(circle at 18.9% 69.1%,rgba(255,255,255,0.769) 0 0.85px,transparent 3.05px),
    radial-gradient(circle at 66.9% 93.2%,rgba(255,255,255,0.621) 0 1.05px,transparent 2.25px),
    radial-gradient(circle at 58.1% 26.5%,rgba(255,255,255,0.527) 0 0.45px,transparent 1.71px),
    radial-gradient(circle at 49.2% 30.2%,rgba(255,255,255,0.54) 0 0.85px,transparent 2.17px),
    radial-gradient(circle at 46.2% 26.0%,rgba(255,255,255,0.661) 0 1.30px,transparent 3.23px),
    radial-gradient(circle at 11.9% 17.5%,rgba(255,255,255,0.986) 0 0.65px,transparent 1.93px),
    radial-gradient(circle at 55.5% 68.5%,rgba(255,255,255,0.918) 0 2.00px,transparent 5.09px),
    radial-gradient(circle at 43.8% 6.1%,rgba(255,255,255,1) 0 2.00px,transparent 4.69px),
    radial-gradient(circle at 53.5% 70.1%,rgba(255,255,255,1) 0 0.85px,transparent 2.55px),
    radial-gradient(circle at 9.9% 19.0%,rgba(255,255,255,1) 0 1.05px,transparent 2.95px);
  background-size:120% 120%;background-position:0% 0%;opacity:.95;transform:none;
  animation:consoleWhiteStarsTwinkle 10s ease-in-out infinite,consoleWhiteStarsDriftLR 960s linear infinite;
}
@keyframes consoleWhiteStarsTwinkle{
  0%,100%{opacity:.42;filter:brightness(.72)}
  10%{opacity:.92;filter:brightness(1.05)}
  22%{opacity:.55;filter:brightness(.80)}
  35%{opacity:1;filter:brightness(1.22)}
  48%{opacity:.46;filter:brightness(.74)}
  62%{opacity:.96;filter:brightness(1.16)}
  76%{opacity:.52;filter:brightness(.78)}
  89%{opacity:1;filter:brightness(1.24)}
}
@keyframes consoleWhiteStarsDrift{
  0%{background-position:0% 0%}
  50%{background-position:4% 3%}
  100%{background-position:8% 6%}
}
.admin-body .console-hero .hero-glow-a::before,
.admin-body .console-hero .hero-glow-b::before,
.admin-body .console-hero .hero-copy::before{
  content:none!important;animation:none!important;box-shadow:none!important;
}
.admin-body .console-hero .hero-status i{
  position:relative;flex:none;width:9px;height:9px;border-radius:50%;
  background:#39e68a;
  box-shadow:0 0 7px rgba(57,230,138,.98),0 0 17px rgba(57,230,138,.72),0 0 28px rgba(57,230,138,.30);
}
.admin-body .console-hero .hero-status i::before{
  content:"";position:absolute;left:50%;top:50%;width:34px;height:1px;
  transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent,rgba(82,244,157,.9) 28%,#9affc7 50%,rgba(82,244,157,.9) 72%,transparent);
  box-shadow:0 0 9px rgba(57,230,138,.88);pointer-events:none;
}
.admin-body .console-hero .hero-status i::after{
  content:"";position:absolute;left:50%;top:50%;width:1px;height:34px;
  transform:translate(-50%,-50%);
  background:linear-gradient(180deg,transparent,rgba(82,244,157,.9) 28%,#9affc7 50%,rgba(82,244,157,.9) 72%,transparent);
  box-shadow:0 0 9px rgba(57,230,138,.88);pointer-events:none;
}


/* 星点十字星芒增强：仅增加星芒，不改变其他效果 */
.hero-stars::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.9;
  background:
    radial-gradient(ellipse 1px 10px at 7% 18%,rgba(255,255,255,1),transparent 72%),
    radial-gradient(ellipse 10px 1px at 7% 18%,rgba(255,255,255,1),transparent 72%),
    radial-gradient(ellipse 1px 13px at 18% 73%,rgba(255,255,255,1),transparent 72%),
    radial-gradient(ellipse 13px 1px at 18% 73%,rgba(255,255,255,0.972),transparent 72%),
    radial-gradient(ellipse 1px 8px at 31% 29%,rgba(255,255,255,1),transparent 72%),
    radial-gradient(ellipse 8px 1px at 31% 29%,rgba(255,255,255,0.945),transparent 72%),
    radial-gradient(ellipse 1px 15px at 46% 67%,rgba(255,255,255,1),transparent 72%),
    radial-gradient(ellipse 15px 1px at 46% 67%,rgba(255,255,255,0.972),transparent 72%),
    radial-gradient(ellipse 1px 10px at 59% 21%,rgba(255,255,255,1),transparent 72%),
    radial-gradient(ellipse 10px 1px at 59% 21%,rgba(255,255,255,0.972),transparent 72%),
    radial-gradient(ellipse 1px 12px at 73% 58%,rgba(255,255,255,1),transparent 72%),
    radial-gradient(ellipse 12px 1px at 73% 58%,rgba(255,255,255,0.972),transparent 72%),
    radial-gradient(ellipse 1px 9px at 86% 31%,rgba(255,255,255,1),transparent 72%),
    radial-gradient(ellipse 9px 1px at 86% 31%,rgba(255,255,255,0.945),transparent 72%),
    radial-gradient(ellipse 1px 14px at 94% 78%,rgba(255,255,255,1),transparent 72%),
    radial-gradient(ellipse 14px 1px at 94% 78%,rgba(255,255,255,0.945),transparent 72%);
  animation: starCrossPulse 8.5s ease-in-out infinite alternate;
}
@keyframes starCrossPulse{
  0%{opacity:.38;filter:blur(.15px)}
  50%{opacity:.95;filter:blur(0)}
  100%{opacity:.5;filter:blur(.25px)}
}



/* 星点色彩搭配：明显加强蓝、青、紫、暖金等彩色星点 */
.hero-console::after{
  content:"";
  position:absolute;
  inset:-5% -12%;
  pointer-events:none;
  z-index:1;
  opacity:1;
  background:
    radial-gradient(circle at 7% 16%, rgba(75,175,255,1) 0 1.7px, rgba(75,175,255,.45) 2px, transparent 3.4px),
    radial-gradient(circle at 16% 72%, rgba(35,225,255,1) 0 2px, rgba(35,225,255,.45) 2.4px, transparent 3.8px),
    radial-gradient(circle at 27% 34%, rgba(190,105,255,1) 0 1.7px, rgba(190,105,255,.48) 2.2px, transparent 3.5px),
    radial-gradient(circle at 38% 82%, rgba(55,245,205,1) 0 1.8px, rgba(55,245,205,.42) 2.3px, transparent 3.7px),
    radial-gradient(circle at 49% 22%, rgba(255,195,70,1) 0 1.8px, rgba(255,195,70,.48) 2.3px, transparent 3.8px),
    radial-gradient(circle at 59% 67%, rgba(75,165,255,1) 0 2px, rgba(75,165,255,.45) 2.5px, transparent 4px),
    radial-gradient(circle at 69% 29%, rgba(210,115,255,1) 0 1.8px, rgba(210,115,255,.48) 2.3px, transparent 3.8px),
    radial-gradient(circle at 79% 77%, rgba(40,235,255,1) 0 2px, rgba(40,235,255,.45) 2.5px, transparent 4px),
    radial-gradient(circle at 89% 44%, rgba(255,210,95,1) 0 1.7px, rgba(255,210,95,.45) 2.2px, transparent 3.7px),
    radial-gradient(circle at 95% 18%, rgba(75,245,190,1) 0 1.8px, rgba(75,245,190,.42) 2.3px, transparent 3.8px),
    radial-gradient(circle at 12% 48%, rgba(255,145,90,1) 0 1.4px, rgba(255,145,90,.42) 2px, transparent 3.2px),
    radial-gradient(circle at 34% 57%, rgba(95,145,255,1) 0 1.5px, rgba(95,145,255,.42) 2px, transparent 3.2px),
    radial-gradient(circle at 63% 42%, rgba(255,120,190,1) 0 1.5px, rgba(255,120,190,.42) 2px, transparent 3.2px),
    radial-gradient(circle at 84% 58%, rgba(145,110,255,1) 0 1.5px, rgba(145,110,255,.42) 2px, transparent 3.2px);
  background-repeat:no-repeat;
  animation:consoleColorStarsDrift 960s linear infinite;
}
@keyframes consoleColorStarsDrift{
  0%{transform:translate3d(-18vw,0,0);}
  100%{transform:translate3d(118vw,0,0);}
}

/* 星点移动：明显增强，严格从左向右循环 */
@keyframes consoleWhiteStarsDriftLR{
  0%{transform:translate3d(-22vw,0,0);}
  100%{transform:translate3d(122vw,0,0);}
}

/* V57.11 FINAL FIX: admin topbar flush to viewport, fixed above content. */
@media(min-width:761px){
  .admin-body .admin-topbar{
    position:fixed !important;
    top:0 !important;
    left:248px !important;
    right:0 !important;
    width:auto !important;
    height:86px !important;
    min-height:86px !important;
    margin:0 !important;
    padding:0 46px !important;
    border-radius:0 !important;
    z-index:1000 !important;
    box-sizing:border-box !important;
  }
  .admin-body .admin-main{
    margin-left:248px !important;
    width:calc(100% - 248px) !important;
  }
  .admin-body .admin-content{
    padding-top:118px !important;
  }
}
@media(min-width:1101px){
  .admin-body .admin-topbar{left:248px !important;right:0 !important;}
}
@media(min-width:761px) and (max-width:1100px){
  .admin-body .side{width:218px !important;}
  .admin-body .admin-main{margin-left:218px !important;width:calc(100% - 218px) !important;}
  .admin-body .admin-topbar{left:218px !important;padding-left:28px !important;padding-right:28px !important;}
}

/* V57.11 前台页眉配色调整：避开蓝色系，与 Logo 拉开色彩冲突；后台样式不受影响 */
.site-header{
  color:#243247 !important;
  background:
    radial-gradient(circle at 12% 25%,rgba(255,196,118,.28),transparent 30%),
    radial-gradient(circle at 43% 10%,rgba(178,132,255,.25),transparent 32%),
    radial-gradient(circle at 76% 72%,rgba(62,205,190,.23),transparent 34%),
    linear-gradient(115deg,#fbfaf7 0%,#f5f2ee 48%,#f8f6f3 100%) !important;
  background-size:125% 125%,125% 125%,125% 125%,100% 100% !important;
  box-shadow:0 8px 30px rgba(53,43,34,.12) !important;
}
.site-header::before{
  background:
    radial-gradient(circle at 12% 48%,rgba(255,184,92,.48) 0,rgba(255,184,92,.20) 18%,transparent 38%),
    radial-gradient(circle at 42% 18%,rgba(168,115,255,.42) 0,rgba(168,115,255,.18) 19%,transparent 40%),
    radial-gradient(circle at 72% 70%,rgba(42,202,187,.40) 0,rgba(42,202,187,.16) 20%,transparent 42%),
    radial-gradient(circle at 94% 25%,rgba(255,117,163,.34) 0,rgba(255,117,163,.13) 18%,transparent 38%) !important;
  filter:blur(30px) saturate(120%) !important;
}
.site-header::after{
  background:linear-gradient(90deg,rgba(255,184,92,.18),rgba(168,115,255,.55),rgba(42,202,187,.50),rgba(255,117,163,.25)) !important;
}
.brand-text strong{color:#253449 !important}
.brand-text small{color:#7e8997 !important}
.brand-logo{background:rgba(255,255,255,.42) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important}
.search{
  background:rgba(255,255,255,.68) !important;
  border-color:rgba(117,104,91,.18) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.85),0 5px 18px rgba(67,57,48,.06) !important;
}
.search-symbol{color:#8b7b6c !important}
.search input{color:#283548 !important}
.search input::placeholder{color:#9a9188 !important}
.search-clear{color:#8e857d !important}
.search button{background:#fff !important;color:#5b4c3f !important;box-shadow:0 3px 10px rgba(70,55,42,.08)}
.official-link{
  color:#fff !important;
  background:linear-gradient(105deg,#b979e8,#7d78e9,#43bfb1,#d78a9f) !important;
  background-size:220% 220% !important;
  border-color:rgba(255,255,255,.78) !important;
  box-shadow:0 0 0 0 rgba(151,112,232,.22),0 6px 18px rgba(102,84,154,.20) !important;
  animation:officialBreathPearl 3.2s ease-in-out infinite !important;
}
.official-link:hover{
  background-position:100% 50% !important;
  border-color:#fff !important;
  box-shadow:0 0 20px rgba(137,105,218,.28),0 8px 24px rgba(102,84,154,.24) !important;
}
@keyframes officialBreathPearl{
  0%,100%{transform:scale(1);background-position:0% 50%;box-shadow:0 0 0 0 rgba(151,112,232,.18),0 6px 18px rgba(102,84,154,.18)}
  50%{transform:scale(1.02);background-position:100% 50%;box-shadow:0 0 0 6px rgba(151,112,232,.07),0 8px 22px rgba(102,84,154,.23)}
}

/* V57.11 前台 Logo：取消外框，只保留 Logo 图案本身 */
.site-header .brand-logo{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  width:42px !important;
  height:42px !important;
}
.site-header .brand-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}


/* V57.11 Console Metric Rings v2 */
.admin-body .metric-grid{align-items:stretch}
.admin-body .metric-card{
  position:relative;min-height:180px !important;padding:18px 18px 15px !important;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  overflow:hidden;border:1px solid rgba(255,255,255,.68);
  box-shadow:0 16px 38px rgba(36,67,104,.10),inset 0 1px 0 rgba(255,255,255,.82);
  transition:transform .25s ease,box-shadow .25s ease;
}
.admin-body .metric-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(36,67,104,.15),inset 0 1px 0 rgba(255,255,255,.92)}
.admin-body .metric-card::before{content:"";position:absolute;width:210px;height:210px;left:50%;top:28px;transform:translateX(-50%);border-radius:50%;pointer-events:none;opacity:.36;filter:blur(1px)}
.admin-body .metric-card::after{content:"";position:absolute;width:170px;height:90px;right:-52px;bottom:-52px;border-radius:50%;pointer-events:none;filter:blur(5px)}
.admin-body .metric-card-products{background:linear-gradient(145deg,#f5fbff 0%,#e8f5ff 52%,#dceeff 100%);border-color:#cfe6fb}
.admin-body .metric-card-products::before{background:radial-gradient(circle,rgba(49,142,255,.12),transparent 67%)}
.admin-body .metric-card-products::after{background:rgba(47,139,255,.13)}
.admin-body .metric-card-regions{background:linear-gradient(145deg,#f5fff9 0%,#e7faef 52%,#d9f5e6 100%);border-color:#cbead8}
.admin-body .metric-card-regions::before{background:radial-gradient(circle,rgba(45,202,113,.11),transparent 67%)}
.admin-body .metric-card-regions::after{background:rgba(44,202,112,.12)}
.admin-body .metric-card-fields{background:linear-gradient(145deg,#fffaf5 0%,#fff0e8 52%,#ffe7d9 100%);border-color:#f4d8c7}
.admin-body .metric-card-fields::before{background:radial-gradient(circle,rgba(255,137,84,.11),transparent 67%)}
.admin-body .metric-card-fields::after{background:rgba(255,132,78,.12)}
.admin-body .metric-card-pricing{background:linear-gradient(145deg,#fbf8ff 0%,#f0eaff 52%,#e6ddff 100%);border-color:#ddd2f6}
.admin-body .metric-card-pricing::before{background:radial-gradient(circle,rgba(133,91,245,.11),transparent 67%)}
.admin-body .metric-card-pricing::after{background:rgba(132,91,244,.12)}

.admin-body .metric-ring-area{position:relative;width:122px;height:122px;flex:0 0 122px;display:flex;align-items:center;justify-content:center;margin-top:0;z-index:2}
.admin-body .metric-ring-ticks{position:absolute;inset:8px;border-radius:50%;background:repeating-conic-gradient(from -90deg,rgba(80,142,206,.24) 0deg 1.05deg,transparent 1.05deg 4deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));opacity:.72}
.metric-card-regions .metric-ring-ticks{background:repeating-conic-gradient(from -90deg,rgba(53,181,104,.25) 0deg 1.05deg,transparent 1.05deg 4deg)}
.metric-card-fields .metric-ring-ticks{background:repeating-conic-gradient(from -90deg,rgba(229,119,75,.25) 0deg 1.05deg,transparent 1.05deg 4deg)}
.metric-card-pricing .metric-ring-ticks{background:repeating-conic-gradient(from -90deg,rgba(128,91,220,.25) 0deg 1.05deg,transparent 1.05deg 4deg)}

/* 外圈彩带：亮色前端 + 长渐隐拖尾，不使用独立旋转圆点 */
.admin-body .metric-orbit{position:absolute;inset:1px;border-radius:50%;background:conic-gradient(from -35deg,transparent 0deg 24deg,rgba(47,139,255,.02) 24deg 31deg,rgba(47,139,255,.12) 31deg 39deg,rgba(47,139,255,.34) 39deg 46deg,rgba(47,139,255,.72) 46deg 51deg,#2f8bff 51deg 57deg,rgba(47,139,255,.76) 57deg 64deg,rgba(47,139,255,.35) 64deg 76deg,rgba(47,139,255,.10) 76deg 90deg,transparent 90deg 204deg,rgba(47,139,255,.08) 204deg 220deg,rgba(47,139,255,.28) 220deg 232deg,rgba(47,139,255,.64) 232deg 240deg,#2f8bff 240deg 246deg,rgba(47,139,255,.60) 246deg 253deg,rgba(47,139,255,.22) 253deg 270deg,transparent 270deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));filter:drop-shadow(0 0 4px rgba(47,139,255,.30));animation:metricOrbitSpin 5.8s linear infinite}
.admin-body .metric-card-regions .metric-orbit{background:conic-gradient(from -35deg,transparent 0deg 24deg,rgba(46,204,113,.02) 24deg 31deg,rgba(46,204,113,.12) 31deg 39deg,rgba(46,204,113,.34) 39deg 46deg,rgba(46,204,113,.72) 46deg 51deg,#2ecc71 51deg 57deg,rgba(46,204,113,.76) 57deg 64deg,rgba(46,204,113,.35) 64deg 76deg,rgba(46,204,113,.10) 76deg 90deg,transparent 90deg 204deg,rgba(46,204,113,.08) 204deg 220deg,rgba(46,204,113,.28) 220deg 232deg,rgba(46,204,113,.64) 232deg 240deg,#2ecc71 240deg 246deg,rgba(46,204,113,.60) 246deg 253deg,rgba(46,204,113,.22) 253deg 270deg,transparent 270deg 360deg);filter:drop-shadow(0 0 4px rgba(46,204,113,.28))}
.admin-body .metric-card-fields .metric-orbit{background:conic-gradient(from -35deg,transparent 0deg 24deg,rgba(255,139,86,.02) 24deg 31deg,rgba(255,139,86,.12) 31deg 39deg,rgba(255,139,86,.34) 39deg 46deg,rgba(255,139,86,.72) 46deg 51deg,#ff8b56 51deg 57deg,rgba(255,139,86,.76) 57deg 64deg,rgba(255,139,86,.35) 64deg 76deg,rgba(255,139,86,.10) 76deg 90deg,transparent 90deg 204deg,rgba(255,139,86,.08) 204deg 220deg,rgba(255,139,86,.28) 220deg 232deg,rgba(255,139,86,.64) 232deg 240deg,#ff8b56 240deg 246deg,rgba(255,139,86,.60) 246deg 253deg,rgba(255,139,86,.22) 253deg 270deg,transparent 270deg 360deg);filter:drop-shadow(0 0 4px rgba(255,139,86,.28))}
.admin-body .metric-card-pricing .metric-orbit{background:conic-gradient(from -35deg,transparent 0deg 24deg,rgba(133,91,245,.02) 24deg 31deg,rgba(133,91,245,.12) 31deg 39deg,rgba(133,91,245,.34) 39deg 46deg,rgba(133,91,245,.72) 46deg 51deg,#855bf5 51deg 57deg,rgba(133,91,245,.76) 57deg 64deg,rgba(133,91,245,.35) 64deg 76deg,rgba(133,91,245,.10) 76deg 90deg,transparent 90deg 204deg,rgba(133,91,245,.08) 204deg 220deg,rgba(133,91,245,.28) 220deg 232deg,rgba(133,91,245,.64) 232deg 240deg,#855bf5 240deg 246deg,rgba(133,91,245,.60) 246deg 253deg,rgba(133,91,245,.22) 253deg 270deg,transparent 270deg 360deg);filter:drop-shadow(0 0 4px rgba(133,91,245,.28))}
@keyframes metricOrbitSpin{to{transform:rotate(360deg)}}

.admin-body .metric-ring-center{position:relative;width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.46);box-shadow:inset 0 1px 8px rgba(255,255,255,.86),0 3px 14px rgba(51,80,112,.07);backdrop-filter:blur(3px)}
.admin-body .metric-ring-center strong{display:flex;align-items:baseline;gap:3px;color:#27364a;font-size:25px;line-height:1;font-weight:800;letter-spacing:-.8px}
.admin-body .metric-ring-center small{font-size:12px;font-weight:600;letter-spacing:0;color:#3d4652}
.admin-body .metric-card-title{position:relative;z-index:3;margin-top:3px;color:#243548;font-size:12px;line-height:1.4;font-weight:700}
.admin-body .metric-card-desc{position:relative;z-index:3;margin-top:3px;color:#7f8ea0;font-size:9px;line-height:1.4}
@media(max-width:700px){.admin-body .metric-card{min-height:180px !important;padding:18px !important}}
@media(prefers-reduced-motion:reduce){.admin-body .metric-orbit{animation:none!important}}

/* V57.11 Console Metric Rings v3 - larger rings, left labels, neutral card backgrounds */
.admin-body .metric-card{
  align-items:stretch !important;
  padding:16px 20px 16px !important;
  min-height:190px !important;
}
.admin-body .metric-ring-area{
  width:148px !important;
  height:148px !important;
  flex:0 0 148px !important;
  align-self:center !important;
  margin-top:-2px !important;
}
.admin-body .metric-ring-ticks{
  inset:6px !important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px)) !important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px)) !important;
}
.admin-body .metric-orbit{
  inset:0 !important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px)) !important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px)) !important;
}
.admin-body .metric-ring-center{
  width:94px !important;
  height:94px !important;
}
.admin-body .metric-ring-center strong{
  font-size:29px !important;
}
.admin-body .metric-ring-center small{
  font-size:13px !important;
}
.admin-body .metric-card-title{
  margin-top:-1px !important;
  margin-left:2px !important;
  text-align:left !important;
  font-size:16px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
}
.admin-body .metric-card-desc{
  margin-top:2px !important;
  margin-left:2px !important;
  text-align:left !important;
  font-size:11px !important;
  line-height:1.45 !important;
}

/* Neutral, contrasting backgrounds so the colored rings stand out */
.admin-body .metric-card-products{
  background:linear-gradient(145deg,#f8fafc 0%,#eef2f6 55%,#e5e9ee 100%) !important;
  border-color:#d9e0e8 !important;
}
.admin-body .metric-card-products::before{background:radial-gradient(circle,rgba(84,105,130,.055),transparent 67%) !important}
.admin-body .metric-card-products::after{background:rgba(84,105,130,.065) !important}

.admin-body .metric-card-regions{
  background:linear-gradient(145deg,#fffdf9 0%,#f5f1e9 55%,#ebe6dc 100%) !important;
  border-color:#e2dbce !important;
}
.admin-body .metric-card-regions::before{background:radial-gradient(circle,rgba(126,111,86,.055),transparent 67%) !important}
.admin-body .metric-card-regions::after{background:rgba(126,111,86,.065) !important}

.admin-body .metric-card-fields{
  background:linear-gradient(145deg,#fafafa 0%,#f0f0f0 55%,#e5e5e5 100%) !important;
  border-color:#dcdcdc !important;
}
.admin-body .metric-card-fields::before{background:radial-gradient(circle,rgba(95,95,95,.05),transparent 67%) !important}
.admin-body .metric-card-fields::after{background:rgba(95,95,95,.06) !important}

.admin-body .metric-card-pricing{
  background:linear-gradient(145deg,#fbfafc 0%,#f0eef3 55%,#e4e1e9 100%) !important;
  border-color:#ddd9e3 !important;
}
.admin-body .metric-card-pricing::before{background:radial-gradient(circle,rgba(99,88,110,.055),transparent 67%) !important}
.admin-body .metric-card-pricing::after{background:rgba(99,88,110,.065) !important}

@media(max-width:700px){
  .admin-body .metric-card{min-height:190px !important;padding:14px 16px !important}
  .admin-body .metric-ring-area{width:136px !important;height:136px !important;flex-basis:136px !important}
}

/* V57.11 Console Metric Rings v4 - center ring vertically/horizontally inside each card */
.admin-body .metric-card{
  position:relative !important;
  display:block !important;
  min-height:190px !important;
  padding:16px 20px !important;
}
.admin-body .metric-ring-area{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  margin:0 !important;
  transform:translate(-50%,-50%) !important;
  z-index:2 !important;
}
.admin-body .metric-card-title{
  position:absolute !important;
  left:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  width:calc(50% - 92px) !important;
  text-align:left !important;
  font-size:16px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  z-index:3 !important;
}
.admin-body .metric-card-desc{
  position:absolute !important;
  left:20px !important;
  top:calc(50% + 25px) !important;
  margin:0 !important;
  width:calc(50% - 92px) !important;
  text-align:left !important;
  font-size:11px !important;
  line-height:1.45 !important;
  z-index:3 !important;
}
@media(max-width:700px){
  .admin-body .metric-card{min-height:190px !important;padding:14px 16px !important}
  .admin-body .metric-ring-area{width:136px !important;height:136px !important;flex-basis:136px !important}
  .admin-body .metric-card-title{left:16px !important;width:calc(50% - 84px) !important;font-size:14px !important}
  .admin-body .metric-card-desc{left:16px !important;width:calc(50% - 84px) !important;font-size:10px !important}
}

/* V57.11 Console Metric Rings v5 - strengthen the stationary dashed ring */
.admin-body .metric-ring-ticks{
  opacity:.96 !important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 8px)) !important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 8px)) !important;
  filter:drop-shadow(0 0 1px rgba(70,90,115,.18));
}
.admin-body .metric-card-products .metric-ring-ticks{
  background:repeating-conic-gradient(from -90deg,rgba(58,118,180,.48) 0deg 1.15deg,transparent 1.15deg 4deg) !important;
}
.admin-body .metric-card-regions .metric-ring-ticks{
  background:repeating-conic-gradient(from -90deg,rgba(39,157,91,.48) 0deg 1.15deg,transparent 1.15deg 4deg) !important;
}
.admin-body .metric-card-fields .metric-ring-ticks{
  background:repeating-conic-gradient(from -90deg,rgba(202,99,58,.48) 0deg 1.15deg,transparent 1.15deg 4deg) !important;
}
.admin-body .metric-card-pricing .metric-ring-ticks{
  background:repeating-conic-gradient(from -90deg,rgba(113,77,185,.48) 0deg 1.15deg,transparent 1.15deg 4deg) !important;
}

/* V57.11 Console Metric Rings v6 - separate rotating ribbon from dashed ring */
.admin-body .metric-orbit{
  inset:-3px !important;
}
.admin-body .metric-ring-ticks{
  inset:10px !important;
}

/* V57.11 Console Metric Rings v7 - compact laptop/window scaling */
@media (max-width:1250px) and (min-width:769px){
  .admin-body .metric-card{
    min-height:170px !important;
    padding:12px 14px !important;
    overflow:hidden !important;
  }
  .admin-body .metric-ring-area{
    width:118px !important;
    height:118px !important;
    flex-basis:118px !important;
    left:61% !important;
  }
  .admin-body .metric-ring-center{
    width:76px !important;
    height:76px !important;
  }
  .admin-body .metric-ring-center strong{font-size:24px !important}
  .admin-body .metric-ring-center small{font-size:11px !important}
  .admin-body .metric-ring-ticks{
    inset:8px !important;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 6px)) !important;
    mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 6px)) !important;
  }
  .admin-body .metric-orbit{
    inset:-3px !important;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 5px)) !important;
    mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 5px)) !important;
  }
  .admin-body .metric-card-title{
    left:14px !important;
    top:50% !important;
    width:48px !important;
    transform:translateY(-50%) !important;
    font-size:14px !important;
    line-height:1.35 !important;
    word-break:keep-all !important;
    white-space:normal !important;
  }
  .admin-body .metric-card-desc{
    left:14px !important;
    top:calc(50% + 32px) !important;
    width:48px !important;
    font-size:9px !important;
    line-height:1.35 !important;
    word-break:break-all !important;
  }
}

@media (max-width:1050px) and (min-width:769px){
  .admin-body .metric-card{min-height:160px !important;padding:10px 12px !important}
  .admin-body .metric-ring-area{width:106px !important;height:106px !important;left:62% !important}
  .admin-body .metric-ring-center{width:68px !important;height:68px !important}
  .admin-body .metric-ring-center strong{font-size:21px !important}
  .admin-body .metric-ring-center small{font-size:10px !important}
  .admin-body .metric-card-title{left:12px !important;width:44px !important;font-size:13px !important}
  .admin-body .metric-card-desc{left:12px !important;width:44px !important;font-size:8px !important;top:calc(50% + 29px) !important}
}

/* V57.11 Console Metric Rings v8 - robust narrow-card adaptation.
   Uses container queries so browser zoom-out / wide CSS viewport cannot bypass the compact layout. */
.admin-body .metric-card{container-type:inline-size;container-name:metricCard;}

@container metricCard (max-width: 270px){
  .admin-body .metric-card{
    min-height:180px !important;
    padding:10px 8px !important;
    overflow:hidden !important;
  }
  .admin-body .metric-ring-area{
    width:112px !important;
    height:112px !important;
    flex-basis:112px !important;
    left:68% !important;
    top:50% !important;
  }
  .admin-body .metric-ring-center{
    width:70px !important;
    height:70px !important;
  }
  .admin-body .metric-ring-center strong{
    font-size:23px !important;
    gap:2px !important;
  }
  .admin-body .metric-ring-center small{
    font-size:10px !important;
  }
  .admin-body .metric-card-title{
    left:8px !important;
    top:50% !important;
    width:62px !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    font-size:14px !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow:visible !important;
  }
  .admin-body .metric-card-desc{
    left:8px !important;
    top:calc(50% + 29px) !important;
    width:62px !important;
    margin:0 !important;
    font-size:9px !important;
    line-height:1.3 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .admin-body .metric-ring-ticks{
    inset:7px !important;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 6px)) !important;
    mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 6px)) !important;
  }
  .admin-body .metric-orbit{
    inset:-3px !important;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 5px)) !important;
    mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 5px)) !important;
  }
}

@container metricCard (min-width:271px) and (max-width:330px){
  .admin-body .metric-card{
    min-height:184px !important;
    padding:12px 12px !important;
  }
  .admin-body .metric-ring-area{
    width:126px !important;
    height:126px !important;
    flex-basis:126px !important;
    left:66% !important;
    top:50% !important;
  }
  .admin-body .metric-ring-center{width:80px !important;height:80px !important;}
  .admin-body .metric-ring-center strong{font-size:25px !important;}
  .admin-body .metric-ring-center small{font-size:11px !important;}
  .admin-body .metric-card-title{
    left:12px !important;
    top:50% !important;
    width:76px !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    font-size:15px !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
  }
  .admin-body .metric-card-desc{
    left:12px !important;
    top:calc(50% + 30px) !important;
    width:76px !important;
    margin:0 !important;
    font-size:10px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}

/* At narrow card widths the four cards stay in one row, but their contents scale instead of collapsing. */
@media (min-width:761px){
  .admin-body .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important;}
}

/* V57.11 Console Metric Rings v9 - responsive card rows.
   Wide: 4 cards in one row; medium/narrow desktop: 2x2; mobile: 1x4.
   All ring/card styling remains unchanged. */
@media (min-width:761px) and (max-width:1100px){
  .admin-body .metric-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}
@media (max-width:760px){
  .admin-body .metric-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
}

/* V57.11 Console Sidebar Responsive V10
   左侧菜单随浏览器窗口连续缩窄；控制台主体、顶部页眉与侧栏保持同一左边界。
   仅作用于管理后台桌面/小屏窗口，不改变手机端菜单布局。 */
@media (min-width:761px){
  .admin-body{
    --admin-side-width:clamp(170px,17vw,235px);
  }
  .admin-body .side{
    width:var(--admin-side-width) !important;
    padding-left:clamp(8px,0.8vw,12px) !important;
    padding-right:clamp(8px,0.8vw,12px) !important;
  }
  .admin-body .admin-main{
    margin-left:var(--admin-side-width) !important;
    width:calc(100% - var(--admin-side-width)) !important;
  }
  .admin-body .admin-topbar{
    left:var(--admin-side-width) !important;
    right:0 !important;
    width:auto !important;
  }
  .admin-body .side-brand{
    gap:clamp(7px,0.65vw,10px) !important;
  }
  .admin-body .side-brand img,
  .admin-body .side-brand-fallback{
    width:clamp(28px,2.4vw,34px) !important;
    height:clamp(28px,2.4vw,34px) !important;
    flex-basis:clamp(28px,2.4vw,34px) !important;
  }
  .admin-body .side-brand span:last-child{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .admin-body .side a{
    padding-left:clamp(9px,0.85vw,13px) !important;
    padding-right:clamp(9px,0.85vw,13px) !important;
  }
}

/* 进一步缩窄时，减少菜单内部留白，避免文字和图标拥挤。 */
@media (min-width:761px) and (max-width:1100px){
  .admin-body .side-head{padding-left:2px !important;padding-right:2px !important;}
  .admin-body .side-caption{font-size:7px !important;letter-spacing:.55px !important;white-space:nowrap !important;overflow:hidden !important;}
  .admin-body .nav-label{font-size:9px !important;letter-spacing:.8px !important;padding-left:7px !important;}
  .admin-body .side a{font-size:12px !important;margin:3px 0 !important;}
  .admin-body .side a i{margin-right:5px !important;}
}

@media (min-width:761px) and (max-width:900px){
  .admin-body .side-brand h2,
  .admin-body .side-brand{font-size:15px !important;}
  .admin-body .side-brand > span:last-child{font-size:13px !important;}
  .admin-body .side-bottom a{font-size:11px !important;padding-left:7px !important;padding-right:7px !important;}
  .admin-body .admin-content{padding-left:22px !important;padding-right:22px !important;}
  .admin-body .admin-topbar{padding-left:22px !important;padding-right:22px !important;}
}

/* V11：高级质感统计卡片背景
   仅替换四张卡片的底色与极轻微氛围光，不改变圆环、彩带、文字、尺寸及响应式布局。 */
.admin-body .metric-card-products{
  background:
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.72),transparent 34%),
    linear-gradient(145deg,#eef3f8 0%,#dce5ee 48%,#cbd6e1 100%) !important;
  border-color:rgba(177,191,207,.72) !important;
}
.admin-body .metric-card-products::before{background:radial-gradient(circle,rgba(255,255,255,.30),transparent 68%) !important}
.admin-body .metric-card-products::after{background:rgba(81,108,136,.10) !important}

.admin-body .metric-card-regions{
  background:
    radial-gradient(circle at 18% 16%,rgba(255,255,255,.78),transparent 35%),
    linear-gradient(145deg,#f5f1e8 0%,#e9e1d2 48%,#d8ccb9 100%) !important;
  border-color:rgba(196,181,158,.72) !important;
}
.admin-body .metric-card-regions::before{background:radial-gradient(circle,rgba(255,255,255,.32),transparent 68%) !important}
.admin-body .metric-card-regions::after{background:rgba(130,108,77,.10) !important}

.admin-body .metric-card-fields{
  background:
    radial-gradient(circle at 84% 82%,rgba(255,255,255,.62),transparent 34%),
    linear-gradient(145deg,#edf0ef 0%,#dfe4e3 48%,#cbd2d1 100%) !important;
  border-color:rgba(175,185,183,.72) !important;
}
.admin-body .metric-card-fields::before{background:radial-gradient(circle,rgba(255,255,255,.28),transparent 68%) !important}
.admin-body .metric-card-fields::after{background:rgba(79,92,91,.10) !important}

.admin-body .metric-card-pricing{
  background:
    radial-gradient(circle at 18% 84%,rgba(255,255,255,.68),transparent 35%),
    linear-gradient(145deg,#f0eef3 0%,#e0dce5 48%,#cec8d5 100%) !important;
  border-color:rgba(181,173,190,.74) !important;
}
.admin-body .metric-card-pricing::before{background:radial-gradient(circle,rgba(255,255,255,.30),transparent 68%) !important}
.admin-body .metric-card-pricing::after{background:rgba(91,80,103,.10) !important}

/* V12 - Premium translucent glass / reflective metric cards */
.admin-body .metric-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:
    0 18px 42px rgba(28,42,58,.10),
    inset 0 1px 0 rgba(255,255,255,.90),
    inset 0 -1px 0 rgba(74,91,110,.10) !important;
  backdrop-filter:blur(18px) saturate(125%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(125%) !important;
}
.admin-body .metric-card::before{
  content:"" !important;
  position:absolute !important;
  inset:-20% -35% auto !important;
  height:72% !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.62) 42%,rgba(255,255,255,.22) 50%,transparent 67%) !important;
  transform:translateX(-34%) rotate(-4deg) !important;
  opacity:.72 !important;
}
.admin-body .metric-card::after{
  content:"" !important;
  position:absolute !important;
  inset:1px !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.34),transparent 28%,transparent 72%,rgba(255,255,255,.08)),
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.42),transparent 30%) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.20) !important;
}
.admin-body .metric-card > *{z-index:2 !important}

/* Four distinct glass tones, deliberately separated from ring colors. */
.admin-body .metric-card-products{
  background:linear-gradient(145deg,rgba(244,248,252,.88) 0%,rgba(215,224,235,.72) 48%,rgba(190,203,218,.78) 100%) !important;
  border-color:rgba(255,255,255,.82) !important;
}
.admin-body .metric-card-regions{
  background:linear-gradient(145deg,rgba(251,248,239,.90) 0%,rgba(229,220,198,.74) 48%,rgba(207,194,165,.78) 100%) !important;
  border-color:rgba(255,255,255,.84) !important;
}
.admin-body .metric-card-fields{
  background:linear-gradient(145deg,rgba(247,248,247,.92) 0%,rgba(218,222,220,.76) 48%,rgba(190,197,194,.80) 100%) !important;
  border-color:rgba(255,255,255,.86) !important;
}
.admin-body .metric-card-pricing{
  background:linear-gradient(145deg,rgba(248,246,250,.90) 0%,rgba(224,217,231,.75) 48%,rgba(200,190,211,.80) 100%) !important;
  border-color:rgba(255,255,255,.84) !important;
}

/* Moving reflective streak across each glass panel */
.admin-body .metric-card .metric-ring-area::before{
  content:"";
  position:absolute;
  width:58%;
  height:155%;
  left:-82%;
  top:-28%;
  z-index:1;
  pointer-events:none;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),rgba(255,255,255,.58),rgba(255,255,255,.16),transparent);
  filter:blur(7px);
  opacity:.62;
  animation:metricGlassShine 7.5s ease-in-out infinite;
}
@keyframes metricGlassShine{
  0%,55%{left:-82%;opacity:0}
  65%{opacity:.58}
  82%{left:128%;opacity:.30}
  100%{left:128%;opacity:0}
}

/* Keep the glass highlights subtle on small screens. */
@media(max-width:760px){
  .admin-body .metric-card::before{opacity:.58 !important}
  .admin-body .metric-card .metric-ring-area::before{opacity:.40}
}