*{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,.30),rgba(255,255,255,.08) 38%,rgba(255,255,255,.20));
}
@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,.14);border-radius:11px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.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,.1);border:1px solid rgba(255,255,255,.18);border-radius:10px;box-shadow:inset 0 1px rgba(255,255,255,.08);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,.45);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,.97);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,.55) !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,.82) !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;
  }
}