/* ==========================================================
   METRO / WIN8 设计系统 · 全站覆写层（最后加载）
   ----------------------------------------------------------
   规则：纯色实底 / 高饱和 / 高对比 / 直角 / 零阴影 / 零渐变
        白字细体 / 大磁贴 / 固定间隙 / 按优先级放大权重
   不用：磨砂玻璃、渐变、圆角、投影、描边发光、宋体、印章
   ========================================================== */

/* ---------- 1. 令牌：把旧的宣纸朱砂令牌整体换成 Metro ---------- */
:root{
  --m-ink:#111318;          /* 开始屏深底 */
  --m-ink2:#1B1F27;
  --m-paper:#F2F3F5;        /* 工具页浅底 */
  --m-white:#FFFFFF;
  --m-line:#D9DDE2;
  --m-txt:#15181E;
  --m-txt2:#515862;
  --m-txt3:#7C838D;

  /* Win8 经典高饱和色板 */
  --m-blue:#0078D7;
  --m-cyan:#009FE3;
  --m-teal:#009E9C;
  --m-green:#008A00;
  --m-lime:#6FAF00;
  --m-amber:#F2A20C;
  --m-orange:#F7630C;
  --m-red:#D13438;
  --m-magenta:#C30052;
  --m-rose:#E3008C;
  --m-purple:#7A00CC;
  --m-indigo:#4B53BC;
  --m-steel:#3C6382;

  /* 四大领域主色：蓝 > 紫 > 琥珀 > 红 */
  --m-office:#0078D7;
  --m-mind:#7A00CC;
  --m-life:#F2A20C;
  --m-growth:#D13438;

  /* 旧令牌重定向：所有 var(--accent)/var(--card) 自动跟着变 */
  --bg:#F2F3F5; --bg2:#E7E9ED; --card:#FFFFFF;
  --ink:#15181E; --ink2:#515862; --ink3:#7C838D;
  --hair:#D9DDE2; --hair2:#C2C8D0;
  --accent:#0078D7; --accent-soft:#E4F0FB; --accent-d:#005A9E;
  --pop:#0078D7; --pop-d:#005A9E; --pop-soft:#E4F0FB;
  --tile:#FFFFFF; --tile-ink:#15181E; --tile-sub:#6B727C;
  --r-xl:0px; --r-lg:0px; --r:0px; --r-sm:0px; --pill:0px;
  --sh-xs:none; --sh-sm:none; --sh:none; --sh-lg:none;
  --acc-a:#0078D7; --acc-b:#005A9E; --pop-a:#0078D7; --pop-b:#005A9E;
  --serif:"Segoe UI Light","Segoe UI","Microsoft YaHei UI Light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color-scheme:light;
}
/* 心情切换：不再换低饱和国风色，改成换 Metro 强调色 */
body[data-mood="oufen"]{--accent:#C30052;--accent-d:#9B0042;--accent-soft:#FBE8F0;--pop:#0078D7}
body[data-mood="yanmai"]{--accent:#F2A20C;--accent-d:#B87A00;--accent-soft:#FFF3DC;--pop:#0078D7}
body[data-mood="wulan"]{--accent:#009E9C;--accent-d:#007A78;--accent-soft:#E2F5F5;--pop:#0078D7}
body[data-mood="huizi"]{--accent:#7A00CC;--accent-d:#5C0099;--accent-soft:#F1E6FB;--pop:#0078D7}
html[data-theme="dark"]{
  --bg:#111318;--bg2:#1B1F27;--card:#20242C;
  --ink:#F2F3F5;--ink2:#B9C0C9;--ink3:#8A919B;
  --hair:#333944;--hair2:#454C58;
  --accent:#3FA0F0;--accent-soft:#12283C;--accent-d:#7CC0F8;
  --pop:#3FA0F0;--pop-d:#7CC0F8;--pop-soft:#12283C;
  --tile:#20242C;--tile-ink:#F2F3F5;--tile-sub:#A9B0BA;
  --sh-xs:none;--sh-sm:none;--sh:none;--sh-lg:none;
  color-scheme:dark;
}

/* ---------- 2. 全局基底：直角、零阴影、细体 ---------- */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:"Segoe UI Light","Segoe UI","Microsoft YaHei UI Light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.serif,[style*="font-family"]{font-family:"Segoe UI Light","Segoe UI","Microsoft YaHei UI Light","PingFang SC","Microsoft YaHei",sans-serif!important}
h1,h2,h3,h4{letter-spacing:0!important}
a{text-decoration:none}
button,input,textarea,select{font-family:inherit}
button,.btn,.m-btn,.srx-btn,.chip,.pill,.tab,.tabs button,.seg button,.catnav button{
  border-radius:0!important;box-shadow:none!important;
}
.card,.panel,.fcard,.bcard,.m-card,.ti,.d-cat,.d-extra-card,.ia-cat,.ia-hub,.catblock,
.split,.split-wide,.col,.cols>div,#paperWrap,.paperWrap{
  border-radius:0!important;box-shadow:none!important;background-image:none!important;
}
::selection{background:#0078D7;color:#fff}
*::-webkit-scrollbar{width:12px;height:12px}
*::-webkit-scrollbar-thumb{background:#8A919B;border-radius:0;border:3px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-track{background:transparent}
:focus-visible{outline:2px solid #FFFFFF;outline-offset:-3px}

/* ---------- 3. 全站顶栏：深色实底 + 高饱和品牌块 ---------- */
nav,.topbar,header.topbar{
  background:var(--m-ink)!important;border:0!important;border-bottom:0!important;
  box-shadow:none!important;border-radius:0!important;
}
.nav-in{height:60px!important;max-width:1400px!important}
body .topbar a,body .topbar span,body .topbar b,body .topbar .home,
body .topbar:not(:has(.tb-in)) a,body .topbar:not(:has(.tb-in)) span,body .topbar:not(:has(.tb-in)) b,
body .nav-in a,body .nav-in .brand,body .brand{color:#FFFFFF!important}
body .topbar:not(:has(.tb-in)) .sub,body .topbar:not(:has(.tb-in)) small{color:#AEB6C0!important}
.brand{font-weight:300!important;font-size:19px!important;letter-spacing:1px!important}
.brand b{font-weight:600!important}
.seal{
  width:36px!important;height:36px!important;border-radius:0!important;
  box-shadow:none!important;background:#0078D7!important;color:#fff!important;
  display:grid;place-items:center;font-size:15px;font-weight:700;
}
.nav-cats a{
  border-radius:0!important;color:#C9D0D9!important;font-weight:400!important;
  padding:9px 13px!important;font-size:13px!important;
}
.nav-cats a:hover,.nav-cats a.on{background:#0078D7!important;color:#fff!important}
.nav-cats a::before{border-radius:0!important;width:9px!important;height:9px!important}
#search,.hero-search input,.tb-search input{
  background:#232833!important;color:#fff!important;
  border:1px solid #3B4351!important;border-radius:0!important;
}
#search:focus{box-shadow:none!important;border-color:#009FE3!important;background:#2A303C!important}
#search::placeholder,.hero-search input::placeholder{color:#9AA2AE!important}
.kbd{background:#2A303C!important;color:#B9C0C9!important;border:1px solid #434B59!important;border-radius:0!important}

/* ---------- 4. 通用按钮 / 贴片 / 分类头 ---------- */
.m-btn,.srx-btn,.btn,.go,.primary,.submit,.m-top a,.catnav button,.tabs button,.seg button{
  border-radius:0!important;box-shadow:none!important;border:0!important;
}
.m-btn,.srx-btn,.btn-primary{background:#0078D7!important;color:#fff!important}
.m-btn:hover,.srx-btn:hover{background:#009FE3!important}
.card,.panel,.fcard,.m-card{border:1px solid var(--m-line)!important;background:#fff!important}
.hint,.tipline,.tip,.note{color:var(--m-txt3)!important;background:transparent!important;border:0!important}

/* 分享 / 主题 / 到顶到底浮钮：统一成方形高饱和贴片 */
#srxShare,#srxThemeBtn,#srxToast,.wb-jump button,.mt-fab{
  border-radius:0!important;box-shadow:none!important;
}
#srxShare{background:#0078D7!important;color:#fff!important;border:0!important}
#srxToast{background:#0078D7!important;color:#fff!important;border:0!important}

/* ==========================================================
   5. 首页 · METRO 开始屏（body.metro-home）
   ========================================================== */
body.metro-home{background:var(--m-ink)!important;color:#fff!important}
body.metro-home main{background:var(--m-ink)!important}
body.metro-home section{background:transparent!important}

/* 5.1 顶栏：首页加一条高饱和品牌色条 */
body.metro-home nav{border-top:5px solid #0078D7!important}

/* 5.2 Hero：深色全宽，超大细体标题 */
body.metro-home .hero{
  max-width:1400px!important;margin:0 auto!important;
  padding:44px 28px 34px!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  column-gap:24px!important;align-items:stretch!important;
  background:var(--m-ink)!important;row-gap:0!important;
}
body.metro-home .hero-main{min-width:0}
body.metro-home .greet{
  color:#9AA2AE!important;font-size:12px!important;letter-spacing:1px!important;
  background:transparent!important;border:0!important;margin-bottom:14px!important;
}
body.metro-home .greet .dot{background:#009FE3!important}
body.metro-home .hero h1{
  font-size:clamp(44px,6.4vw,88px)!important;line-height:1.02!important;
  font-weight:200!important;color:#FFFFFF!important;letter-spacing:-1px!important;
  margin:0!important;
}
body.metro-home .hero h1 em{font-weight:600!important;font-style:normal!important;color:#009FE3!important}
body.metro-home .hero h1 .stamp{
  display:none!important; /* 竖排印章：Metro 下取消 */
}
body.metro-home .slogan{
  color:#E7EBF0!important;font-weight:300!important;
  font-size:clamp(15px,1.75vw,21px)!important;letter-spacing:.5px!important;
  margin:16px 0 0!important;
}
body.metro-home .slogan .sp{color:#009FE3!important}
body.metro-home .slogan .s2{color:#D5DBE3!important}
body.metro-home .sub{
  color:#9AA2AE!important;font-size:13px!important;line-height:1.8!important;
  margin:14px 0 0!important;max-width:760px!important;
}

/* 5.3 统计胶囊 → 高饱和小磁贴 */
body.metro-home .pills{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:24px 0 0!important}
body.metro-home .pill{
  background:#0078D7!important;color:#fff!important;
  border-radius:0!important;border:0!important;box-shadow:none!important;
  min-width:112px;min-height:70px;padding:12px 14px!important;
  display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
  font-size:12px!important;font-weight:300!important;letter-spacing:.3px;
}
body.metro-home .pill b{font-size:27px!important;font-weight:300!important;line-height:1.1;display:block}
body.metro-home .pill svg{display:none!important}
body.metro-home .pill.hot{background:#D13438!important}
body.metro-home .pill:nth-child(2){background:#7A00CC!important}
body.metro-home .pill:nth-child(3){background:#009E9C!important}
body.metro-home .pill:nth-child(4){background:#F2A20C!important}
body.metro-home .pill:nth-child(5){background:#008A00!important}

/* 5.4 搜索条 + 热门词贴片 */
body.metro-home .hero-search{
  margin:20px 0 0!important;max-width:760px!important;
  border:0!important;box-shadow:none!important;background:transparent!important;
}
body.metro-home .hero-search input{
  height:58px!important;background:#232833!important;color:#fff!important;
  border:0!important;border-left:5px solid #009FE3!important;border-radius:0!important;
  font-size:16px!important;padding-left:50px!important;
}
body.metro-home .hero-search svg.hs{color:#9AA2AE!important;left:16px!important;width:20px!important;height:20px!important}
body.metro-home .hs-go{
  height:58px!important;background:#0078D7!important;color:#fff!important;
  border-radius:0!important;padding:0 22px!important;font-size:14px!important;font-weight:400!important;
}
body.metro-home .hs-go:hover{background:#009FE3!important}
body.metro-home .quicksearch{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:14px 0 0!important;align-items:center!important}
body.metro-home .quicksearch b{color:#8A919B!important;font-size:12px!important;margin-right:4px!important}
body.metro-home .chip{
  background:#2A303C!important;color:#DCE1E8!important;border:0!important;
  border-bottom:3px solid #009FE3!important;border-radius:0!important;
  padding:9px 14px!important;font-size:13px!important;
}
body.metro-home .chip:hover{background:#0078D7!important;color:#fff!important}
body.metro-home .ctrls{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important;margin:22px 0 0!important}
body.metro-home .ctrl-label{color:#8A919B!important;font-size:12px!important}
body.metro-home .lucky{
  background:#252B36!important;color:#fff!important;border-left:4px solid #F2A20C!important;
  border-radius:0!important;padding:10px 15px!important;font-size:13px!important;
}
body.metro-home .seg{background:#232833!important;border:0!important;border-radius:0!important;padding:3px!important}
body.metro-home .seg button{border-radius:0!important;color:#fff!important}
body.metro-home .seg button.on{background:#0078D7!important}
body.metro-home .seg button i{border-radius:0!important}

/* 5.5 今日概览 → 一整块高饱和大磁贴 */
body.metro-home .today{
  background:#0078D7!important;color:#fff!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  padding:20px!important;display:flex!important;flex-direction:column!important;gap:12px!important;
}
body.metro-home .today *{color:#fff!important;border-color:rgba(255,255,255,.28)!important}
body.metro-home .td-head{display:flex!important;gap:10px!important;align-items:baseline!important;flex-wrap:wrap!important}
body.metro-home .td-k{background:#fff!important;color:#0078D7!important;padding:3px 8px!important;font-size:11px!important;font-weight:600!important}
body.metro-home .td-clock b{font-size:52px!important;font-weight:200!important;line-height:1!important;letter-spacing:-2px!important}
body.metro-home .td-clock i{font-size:22px!important;font-weight:200!important;font-style:normal!important;opacity:.8}
body.metro-home .td-phrase{font-size:12px!important;opacity:.85;display:block!important;margin-top:6px!important}
body.metro-home .td-wx,.today .td-wrow,.today .td-wmeta,.today .td-tip,.today .td-sun,
body.metro-home .td-alm{background:transparent!important;border:0!important}
body.metro-home .td-wx{border-top:1px solid rgba(255,255,255,.3)!important;padding-top:12px!important}
body.metro-home .td-wico svg,.today .td-wico{color:#fff!important}
body.metro-home #tdWTemp{font-size:25px!important;font-weight:300!important}
body.metro-home .td-sun span,body.metro-home .td-line{background:rgba(0,0,0,.12)!important;border:0!important;padding:6px 8px!important}
body.metro-home .td-alm{background:rgba(0,0,0,.12)!important;padding:10px!important}
body.metro-home .td-line b{background:#fff!important;color:#0078D7!important;padding:1px 5px!important}

/* 5.6 站点动态 → 一条高饱和色带 */
body.metro-home .ticker{display:block!important;background:#009FE3!important;border:0!important}
body.metro-home .ticker-in{max-width:1400px!important;margin:0 auto!important;padding:0 28px!important}
body.metro-home .tk-label{background:#0078D7!important;color:#fff!important;border-radius:0!important;padding:9px 14px!important}
body.metro-home .tk-view,body.metro-home .tk-track,body.metro-home .tk-track *{color:#fff!important}
body.metro-home .tk-label svg{color:#fff!important}

/* 5.7 领域总起 + 四领域直达贴片 */
body.metro-home .d-intro{max-width:1400px!important;margin:0 auto!important;padding:38px 28px 8px!important}
body.metro-home .d-intro-hd{border-left:0!important;padding:0!important}
body.metro-home .d-intro-hd h2{
  color:#fff!important;font-size:clamp(26px,3.4vw,40px)!important;font-weight:200!important;letter-spacing:0!important;
}
body.metro-home .d-intro-hd p{color:#9AA2AE!important;font-size:13px!important;line-height:1.8!important;max-width:900px!important}
body.metro-home .d-intro-hd p b{color:#009FE3!important;font-weight:400!important}
body.metro-home .d-jump{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:22px 0 0!important}
body.metro-home .d-jump a{
  background:var(--jc)!important;color:#fff!important;border:0!important;border-radius:0!important;
  padding:18px 16px!important;font-size:16px!important;font-weight:300!important;
  min-height:82px;display:flex;align-items:flex-end;
}
body.metro-home .d-jump a:hover{filter:brightness(1.18)}

/* 5.8 领域分组：深底 + 大编号 + 大色块标题条 */
body.metro-home .domain{
  max-width:1400px!important;margin:0 auto!important;
  padding:34px 28px 26px!important;border-top:0!important;
  background:transparent!important;
}
body.metro-home .domain + .domain{margin-top:0!important}
body.metro-home .d-hd{
  display:grid!important;grid-template-columns:150px minmax(0,1fr) auto!important;
  gap:0!important;align-items:stretch!important;
  padding:0!important;border:0!important;
  background:var(--dc)!important;
  min-height:150px;
}
body.metro-home .d-no{
  font-size:clamp(70px,9vw,132px)!important;line-height:1!important;font-weight:200!important;
  color:#fff!important;letter-spacing:-5px!important;
  display:flex;align-items:center;padding-left:20px!important;
}
body.metro-home .d-tt{padding:24px 26px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
body.metro-home .d-k{color:rgba(255,255,255,.8)!important;font-size:12px!important;letter-spacing:2px!important;font-weight:400!important;margin:0 0 8px!important}
body.metro-home .d-tt h2{
  color:#fff!important;font-size:clamp(30px,4vw,52px)!important;font-weight:200!important;
  line-height:1.05!important;letter-spacing:0!important;
}
body.metro-home .d-tt p{color:rgba(255,255,255,.86)!important;font-size:13px!important;line-height:1.75!important;margin:10px 0 0!important;max-width:820px!important}
body.metro-home .d-enter{
  background:rgba(0,0,0,.22)!important;color:#fff!important;border:0!important;border-radius:0!important;
  align-self:center!important;white-space:nowrap!important;padding:16px 20px!important;
  font-size:13px!important;font-weight:400!important;margin-right:20px!important;
}
body.metro-home .d-enter:hover{background:#111318!important}
body.metro-home .d-enter span{margin-left:8px}
body.metro-home .domain.d-mind .d-no,
body.metro-home .domain.d-life .d-no,
body.metro-home .domain.d-growth .d-no{font-size:clamp(66px,8vw,112px)!important}

/* 5.9 主线流程条：高饱和色带 + 白贴片步骤 */
body.metro-home .d-line{
  margin-top:10px!important;background:var(--dc)!important;
  border:0!important;border-radius:0!important;padding:20px 22px!important;
  --dc-soft:transparent;--dc-mid:transparent;
}
body.metro-home .d-line h3{color:#fff!important;font-size:17px!important;font-weight:300!important;letter-spacing:1px!important}
body.metro-home .d-line > p{color:rgba(255,255,255,.85)!important;font-size:12.5px!important;margin-top:4px!important}
body.metro-home .d-flow{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:16px!important}
body.metro-home .d-flow-col{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important}
body.metro-home .d-flow-col > b{
  background:#fff!important;color:var(--dc)!important;
  padding:8px 12px!important;font-size:12px!important;letter-spacing:1px!important;border-radius:0!important;
}
body.metro-home .d-flow-col a{
  background:rgba(255,255,255,.16)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.4)!important;border-radius:0!important;
  padding:9px 12px!important;font-size:13px!important;
}
body.metro-home .d-flow-col a:hover{background:#fff!important;color:var(--dc)!important}
body.metro-home .d-flow-col i{color:rgba(255,255,255,.7)!important;font-style:normal!important;opacity:1!important}

/* 5.10 分类磁贴网格：办公 3 列权重最大，其余 2 列 */
body.metro-home .d-cats{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row dense!important;gap:10px!important;margin-top:10px!important;
}
body.metro-home .domain.d-mind .d-cats,
body.metro-home .domain.d-life .d-cats,
body.metro-home .domain.d-growth .d-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.metro-home .d-cat{
  background:var(--ct)!important;border:0!important;border-radius:0!important;
  padding:20px!important;min-height:196px!important;
  display:flex!important;flex-direction:column!important;
  position:relative;overflow:hidden;
  transition:filter .16s ease,transform .16s ease;
}
body.metro-home .d-cat:hover{filter:brightness(1.16);transform:translateY(-2px)}
body.metro-home .d-cat::after{
  content:"";position:absolute;right:-18px;bottom:-26px;
  width:112px;height:112px;border:10px solid rgba(255,255,255,.14);
  pointer-events:none;
}
body.metro-home .d-cat-hd{
  display:flex!important;align-items:baseline!important;gap:10px!important;
  padding:0 0 10px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.3)!important;margin:0 0 8px!important;
}
body.metro-home .d-cat-no{color:rgba(255,255,255,.72)!important;font-size:14px!important;font-weight:400!important;flex:none}
body.metro-home .d-cat-hd h4{color:#fff!important;font-size:20px!important;font-weight:300!important;letter-spacing:.5px!important;min-width:0}
body.metro-home .d-cat-num{color:rgba(255,255,255,.8)!important;font-size:11.5px!important;margin-left:auto!important;white-space:nowrap!important}
body.metro-home .d-cat-desc{color:rgba(255,255,255,.82)!important;font-size:12px!important;line-height:1.6!important;margin:0 0 12px!important}
body.metro-home .d-links{display:flex!important;flex-wrap:wrap!important;gap:6px!important;grid-template-columns:none!important;position:relative;z-index:1}
body.metro-home .d-links.two{grid-template-columns:none!important;column-gap:0!important}
body.metro-home .d-link{
  background:rgba(255,255,255,.16)!important;color:#fff!important;
  border:0!important;border-left:3px solid rgba(255,255,255,.65)!important;border-radius:0!important;
  padding:7px 9px!important;font-size:12.5px!important;line-height:1.4!important;
}
body.metro-home .d-link:hover{background:#fff!important;color:#15181E!important}
body.metro-home .d-link:hover b,body.metro-home .d-link:hover em{color:#15181E!important}
body.metro-home .d-link b{color:#fff!important;font-weight:400!important}
body.metro-home .d-link em{background:rgba(0,0,0,.25)!important;color:#fff!important;border-radius:0!important;font-size:10px!important}
body.metro-home .d-sys-links{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
body.metro-home .d-sys-link{
  background:rgba(255,255,255,.16)!important;color:#fff!important;
  border:0!important;border-left:3px solid rgba(255,255,255,.65)!important;border-radius:0!important;padding:7px 9px!important;
}
body.metro-home .d-sys-link:hover{background:#fff!important;color:#15181E!important}

/* 5.11 说明条 / 独立系统卡 */
body.metro-home .d-note{
  margin-top:10px!important;padding:14px 18px!important;
  background:#20242C!important;border:0!important;border-left:5px solid var(--dc)!important;
  color:#C9D0D9!important;font-size:12.5px!important;line-height:1.8!important;
}
body.metro-home .d-note b{color:#fff!important;font-weight:400!important}
body.metro-home .d-extra{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:10px!important}
body.metro-home .d-extra-card{
  background:#20242C!important;border:0!important;border-top:5px solid var(--dc)!important;border-radius:0!important;padding:18px 20px!important;
}
body.metro-home .d-extra-card h4{color:#fff!important;font-size:17px!important;font-weight:300!important;padding:0 0 10px!important;border:0!important;border-bottom:1px solid #3A4150!important;margin:0 0 12px!important}
body.metro-home .d-extra-card h4 span{color:#9AA2AE!important;font-size:12px!important;font-weight:300!important}
body.metro-home .d-extra-links{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
body.metro-home .d-extra-links a{
  background:#0078D7!important;color:#fff!important;border:0!important;border-radius:0!important;padding:8px 11px!important;font-size:12.5px!important;
}
body.metro-home .d-extra-links a:hover{background:#009FE3!important}
body.metro-home .d-extra-card p{color:#9AA2AE!important;font-size:12px!important;line-height:1.8!important;margin-top:12px!important}

/* 5.12 工作台 / 完整索引：降级为浅底隔离区，保证内文可读 */
body.metro-home #s-bento,body.metro-home #s-tools{
  background:var(--m-paper)!important;max-width:none!important;
  padding:32px 28px 40px!important;margin:0!important;
}
body.metro-home #s-bento .sec-head h2,body.metro-home #s-tools .sec-head h2{color:#15181E!important;font-weight:300!important}
body.metro-home #s-bento .sec-head .lead,body.metro-home .idx-hint{color:#515862!important}
body.metro-home .bcard{background:#fff!important;border:1px solid var(--m-line)!important;color:#15181E!important}
body.metro-home .catblock{background:transparent!important}
body.metro-home .idx-toggle{background:#0078D7!important;color:#fff!important;border:0!important;border-radius:0!important;padding:10px 16px!important}
body.metro-home .idx-toggle:hover{background:#005A9E!important}

/* 5.13 页脚 */
body.metro-home footer{background:#111318!important;color:#9AA2AE!important;border-top:0!important}
body.metro-home footer a,body.metro-home .foot-domains a{color:#C9D0D9!important;border-color:#3A4150!important}
body.metro-home .foot-domains a:hover{color:#009FE3!important;border-color:#009FE3!important}

/* ==========================================================
   6. 领域厅 + 说明页（body.metro-hub）：浅底 + 高饱和磁贴
   ========================================================== */
body.metro-hub{background:var(--m-paper)!important}
body.metro-hub .ia-page{max-width:1400px!important;padding:0 28px 60px!important}
body.metro-hub .ia-page-hd{
  background:var(--hc)!important;border:0!important;border-radius:0!important;
  padding:26px 30px!important;margin:22px 0 14px!important;
}
body.metro-hub .ia-page-hd .ia-k,body.metro-hub .ia-page-hd h1,
body.metro-hub .ia-page-hd p,body.metro-hub .ia-page-hd .ia-iverse,
body.metro-hub .ia-page-hd .ia-cnt,body.metro-hub .ia-page-hd a,
body.metro-hub .ia-hub-note{color:#fff!important}
body.metro-hub .ia-page-hd h1{font-size:clamp(30px,3.8vw,46px)!important;font-weight:200!important}
body.metro-hub .ia-page-hd .ia-cnt{font-size:14px!important;opacity:.85}
body.metro-hub .ia-page-hd p{font-size:13.5px!important;line-height:1.8!important;opacity:.9}
body.metro-hub .ia-iverse{font-family:inherit!important;font-size:13px!important;opacity:.8}
body.metro-hub .ia-hub-note{background:rgba(0,0,0,.16)!important;border:0!important;padding:10px 14px!important;font-size:12.5px!important}
body.metro-hub .ia-cats-wrap{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
body.metro-hub .ia-cat{
  background:var(--cc,var(--hc))!important;border:0!important;border-radius:0!important;
  padding:20px!important;min-height:190px!important;margin:0!important;position:relative;overflow:hidden;
  transition:filter .16s ease;
}
body.metro-hub .ia-cat:hover{filter:brightness(1.15)}
body.metro-hub .ia-cat::after{content:"";position:absolute;right:-20px;bottom:-28px;width:110px;height:110px;border:10px solid rgba(255,255,255,.14)}
body.metro-hub .ia-cat-hd{border:0!important;border-bottom:1px solid rgba(255,255,255,.3)!important;padding:0 0 10px!important;margin:0 0 10px!important}
body.metro-hub .ia-cno,body.metro-hub .ia-cat-hd h3,body.metro-hub .ia-cdesc,
body.metro-hub .ia-cnum,body.metro-hub .ia-tool,body.metro-hub .ia-badge{color:#fff!important}
body.metro-hub .ia-cat-hd h3{font-size:19px!important;font-weight:300!important}
body.metro-hub .ia-cdesc{font-size:12px!important;opacity:.85}
body.metro-hub .ia-tools{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
body.metro-hub .ia-tool{
  background:rgba(255,255,255,.16)!important;border:0!important;border-left:3px solid rgba(255,255,255,.65)!important;
  border-radius:0!important;padding:7px 10px!important;font-size:12.5px!important;position:relative;z-index:1;
}
body.metro-hub .ia-tool:hover{background:#fff!important;color:#15181E!important}
body.metro-hub .ia-badge{background:rgba(0,0,0,.25)!important;border-radius:0!important}
body.metro-hub .ia-related{border:0!important;margin-top:20px!important}
body.metro-hub .ia-related h3{color:#15181E!important;font-weight:300!important;font-size:20px!important}
body.metro-hub .ia-related-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
body.metro-hub .ia-related-row a{
  background:var(--hc)!important;color:#fff!important;border:0!important;border-radius:0!important;
  padding:18px!important;min-height:96px;display:block!important;
}
body.metro-hub .ia-related-row small{color:rgba(255,255,255,.85)!important}
body.metro-hub .ia-crumb a,body.metro-hub .ia-crumb .ia-sep,body.metro-hub .ia-crumb .ia-cur{color:#515862!important}
body.metro-hub .ia-sitemap{border-top:0!important}
body.metro-hub .ia-sitemap-col{border-left:5px solid var(--hc)!important;padding-left:12px!important}
body.metro-hub .ia-hub-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
body.metro-hub .ia-hub{
  background:var(--hc)!important;border:0!important;border-radius:0!important;color:#fff!important;min-height:170px;
}
body.metro-hub .ia-hub:hover{filter:brightness(1.15)}
body.metro-hub .ia-hub h3,body.metro-hub .ia-hub p,body.metro-hub .ia-hub .ia-no,
body.metro-hub .ia-hub .ia-go,body.metro-hub .ia-hub .ia-cats span{color:#fff!important}
body.metro-hub .ia-hub h3{font-weight:300!important;font-size:20px!important}
body.metro-hub .ia-hub .ia-cats span{border-color:rgba(255,255,255,.45)!important}

/* ==========================================================
   7. 其余工具子页：顶栏 + 主按钮 + 分组头换 Metro 皮肤
      表单区保留浅底，保证可用性
   ========================================================== */
body:not(.metro-home) .m-hero,body:not(.metro-home) .m-hero-ed{background:var(--m-paper)!important}
body:not(.metro-home) .m-btn,body:not(.metro-home) .srx-btn,
body:not(.metro-home) button.primary,body:not(.metro-home) .btn-primary{background:#0078D7!important;color:#fff!important}
body:not(.metro-home) .m-card,body:not(.metro-home) .fcard,body:not(.metro-home) .card{border:1px solid var(--m-line)!important}
body:not(.metro-home) h1,body:not(.metro-home) h2{font-weight:300!important}

/* ==========================================================
   8. 响应式：手机单列自然流，磁贴不缩成小字
   ========================================================== */
@media(max-width:1180px){
  body.metro-home .d-cats,
  body.metro-home .domain.d-mind .d-cats,
  body.metro-home .domain.d-life .d-cats,
  body.metro-home .domain.d-growth .d-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.metro-hub .ia-cats-wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body.metro-home .hero{grid-template-columns:minmax(0,1fr)!important;row-gap:18px!important}
  body.metro-home .today{min-height:220px}
  body.metro-home .d-hd{grid-template-columns:96px minmax(0,1fr)!important;min-height:120px!important}
  body.metro-home .d-enter{grid-column:2!important;justify-self:start!important;margin:0 0 18px 26px!important;align-self:auto!important}
  body.metro-home .d-jump{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.metro-hub .ia-related-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  body.metro-home .hero{padding:28px 16px 24px!important}
  body.metro-home .hero h1{font-size:44px!important;letter-spacing:-1px!important}
  body.metro-home .d-intro{padding:28px 16px 6px!important}
  body.metro-home .domain{padding:24px 16px!important}
  body.metro-home .d-hd{grid-template-columns:72px minmax(0,1fr)!important;min-height:104px!important}
  body.metro-home .d-no{font-size:58px!important;letter-spacing:-3px!important;padding-left:12px!important}
  body.metro-home .domain.d-mind .d-no,body.metro-home .domain.d-life .d-no,body.metro-home .domain.d-growth .d-no{font-size:54px!important}
  body.metro-home .d-tt{padding:16px 14px!important}
  body.metro-home .d-tt h2{font-size:27px!important}
  body.metro-home .d-tt p{font-size:12px!important;line-height:1.6!important}
  body.metro-home .d-enter{margin:0 0 14px 14px!important;padding:11px 14px!important;font-size:12px!important}
  body.metro-home .d-cats,
  body.metro-home .domain.d-mind .d-cats,
  body.metro-home .domain.d-life .d-cats,
  body.metro-home .domain.d-growth .d-cats{grid-template-columns:minmax(0,1fr)!important}
  body.metro-home .d-cat{min-height:0!important}
  body.metro-home .d-line{padding:16px 14px!important}
  body.metro-home .d-extra{grid-template-columns:minmax(0,1fr)!important}
  body.metro-home .d-jump{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.metro-home .d-jump a{min-height:68px;padding:14px 12px!important;font-size:14px!important}
  body.metro-home .pill{min-width:96px;min-height:62px;padding:10px!important}
  body.metro-home .pill b{font-size:22px!important}
  body.metro-home #s-bento,body.metro-home #s-tools{padding:24px 16px 30px!important}
  body.metro-home .ticker-in{padding:0 16px!important}
  body.metro-hub .ia-page{padding:0 16px 40px!important}
  body.metro-hub .ia-page-hd{padding:20px 18px!important}
  body.metro-hub .ia-cats-wrap,body.metro-hub .ia-related-row,
  body.metro-hub .ia-hub-grid{grid-template-columns:minmax(0,1fr)!important}
  body.metro-hub .ia-cat{min-height:0!important}
}

/* ==========================================================
   9. 补齐：统一层遗漏的元素 / 顶栏子项 / 首页导航
   ========================================================== */
.m-top{background:var(--m-ink)!important;color:#fff!important;border-bottom:0!important}
body .m-top a,body .m-top span,body .m-top b{color:#fff!important}
input,select,textarea,.seg,.tabs,.list .it,.status,.catnav button,.ti,.ti-ico,.f-big,.f-sm,
.m-card,.m-hero,.m-panel,.m-modal,.m-chip,.m-tag,.m-note,#srxShare,#srxPanel,
.srx-zoom-in,.srx-zoom-x,.back,.preview,.pill,.chip,.cat-hd .cno,.cat-hd .cnum,
.bento .bcard,.m-hero-ed,.cdpill{
  border-radius:0!important;box-shadow:none!important;
}
body .topbar .home,body .topbar:not(:has(.tb-in)) .home{
  background:#0078D7!important;color:#fff!important;border:0!important;border-radius:0!important;
}
body.metro-home .nav-in > .nav-cats{display:flex!important}
@media(max-width:640px){body.metro-home .nav-in > .nav-cats{display:none!important}}
/* 分类头色条加粗成 Metro 色块 */
.cat-hd{border-bottom:5px solid var(--ctone,#0078D7)!important}
.cat-hd h3,.sec-head h2,.f-big h3{font-weight:300!important}

/* ==========================================================
   10. 修正：顶栏内层白底 / 站点动态白色长条 / 小屏裁切
   ========================================================== */
.nav-in{background:var(--m-ink)!important;border-bottom:0!important}
body.metro-home .ticker{
  display:block!important;background:#009FE3!important;border:0!important;
  max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important;
}
body.metro-home .ticker-in{
  max-width:1400px!important;margin:0 auto!important;padding:0 28px!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;height:46px!important;overflow:hidden!important;
}
body.metro-home .tk-label{background:#0078D7!important;color:#fff!important;border-radius:0!important;height:46px!important}
body.metro-home .tk-view{
  min-width:0!important;overflow:hidden!important;
  mask-image:none!important;-webkit-mask-image:none!important;
}
body.metro-home .tk-track span::before{background:#fff!important;border-radius:0!important;width:7px!important;height:7px!important}
body.metro-home .ticker-in *{color:#fff!important}
@media(max-width:640px){
  body.metro-home .ticker-in{padding:0 16px!important}
  body.metro-home .tk-label{padding:0 12px!important}
}

/* 工作台「心情周历」：原 7 列固定宽在小屏撑破页面，改为等分自适应 */
@media(max-width:1180px){
  body.metro-home .wb-week{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important;
  }
  body.metro-home .wb-week > *{
    min-width:0!important;max-width:100%!important;width:auto!important;
    aspect-ratio:auto!important;height:36px!important;
    font-size:10px!important;overflow:hidden!important;
  }
}

/* ==========================================================
   11. 细节修正：领域厅残留米黄块 / 浮钮 / 手机磁贴空洞
   ========================================================== */
/* 领域厅：工具列表容器去掉浅色底，标题改白字 */
body.metro-hub .ia-tools{background:transparent!important;gap:6px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.metro-hub .ia-cat-hd h2,body.metro-hub .ia-cat-hd .ia-cno,
body.metro-hub .ia-cat-hd .ia-cdesc,body.metro-hub .ia-cat-hd .ia-cnum,
body.metro-hub .ia-tool b,body.metro-hub .ia-tool small{color:#fff!important}
body.metro-hub .ia-cat-hd h2{font-size:20px!important;font-weight:300!important}
body.metro-hub .ia-tool small,body.metro-hub .ia-cat-hd .ia-cdesc{opacity:.85}
body.metro-hub .ia-tool b .ia-badge{border-color:rgba(255,255,255,.6)!important;color:#fff!important}
@media(max-width:640px){body.metro-hub .ia-tools{grid-template-columns:minmax(0,1fr)!important}}

/* 手机浮钮：全部改成 Metro 深色 / 高饱和方形贴片 */
body .wb-jump,body .wb-jump button,body .wb-dock,body #srxThemeBtn{
  background:#2A303C!important;color:#fff!important;
  border:1px solid #4A5361!important;border-radius:0!important;box-shadow:none!important;
}
body .wb-jump button svg{color:#fff!important}
body .wb-dock,body #srxThemeBtn{background:#0078D7!important;border:0!important}
body .wb-jump button:hover{background:#0078D7!important}
body.metro-hub .wb-dock,body.metro-hub #srxThemeBtn,body.metro-about .wb-dock,body.metro-about #srxThemeBtn{
  background:#0078D7!important;color:#fff!important;border:0!important;
}

/* 进入领域厅按钮：反白贴片，更醒目 */
body.metro-home .d-enter{background:#fff!important;color:var(--dc)!important;border:0!important}
body.metro-home .d-enter:hover{background:#111318!important;color:#fff!important}

/* 手机统计磁贴：2 列网格，末张跨满，消除第二行空洞 */
@media(max-width:640px){
  body.metro-home .pills{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.metro-home .pill{min-width:0!important;width:100%!important;min-height:66px!important}
  body.metro-home .pill:last-child{grid-column:1/-1}
}

/* ==========================================================
   12. 站点说明页（body.metro-about）：深色底 + 彩色卡片
   ========================================================== */
body.metro-about{background:var(--m-ink)!important;color:#fff!important}
body.metro-about .wrap{max-width:1100px!important}
body.metro-about .top{padding:40px 0 24px!important;border-bottom:0!important;margin-bottom:8px!important}
body.metro-about .top .k{color:#009FE3!important;font-weight:400!important;letter-spacing:2px!important}
body.metro-about .top h1{
  font-family:"Segoe UI Light","Segoe UI","Microsoft YaHei UI Light","PingFang SC",sans-serif!important;
  font-size:clamp(36px,5vw,58px)!important;font-weight:200!important;color:#fff!important;
  letter-spacing:0!important;margin-top:12px!important;
}
body.metro-about .top .verse,body.metro-about .top .one{
  font-family:inherit!important;color:#C9D0D9!important;font-size:15px!important;letter-spacing:0!important;
}
body.metro-about .notice{background:#20242C!important;border:0!important;border-left:5px solid #F2A20C!important;color:#C9D0D9!important}
body.metro-about section{margin:0 0 36px!important}
body.metro-about h2{
  color:#fff!important;font-weight:200!important;font-size:26px!important;
  border:0!important;padding:0 0 10px!important;letter-spacing:0!important;
}
body.metro-about h2 span{font-family:inherit!important;color:#009FE3!important;font-size:16px!important}
body.metro-about .lead{color:#9AA2AE!important;font-size:13px!important}
body.metro-about .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.metro-about .card{
  background:var(--c,#0078D7)!important;border:0!important;border-radius:0!important;
  padding:20px!important;min-height:150px;
}
body.metro-about .card .no,body.metro-about .card h3,body.metro-about .card p,
body.metro-about .card .go{color:#fff!important;font-family:inherit!important}
body.metro-about .card .no{font-size:13px!important;letter-spacing:1px!important;opacity:.85}
body.metro-about .card h3{font-size:20px!important;font-weight:300!important;margin:8px 0!important}
body.metro-about .card p{opacity:.9}
body.metro-about .card .go{font-weight:400!important}
body.metro-about table{background:#20242C!important;color:#fff!important;border:0!important}
body.metro-about th{background:#0078D7!important;color:#fff!important;border:0!important;font-weight:400!important;white-space:normal!important}
body.metro-about td{border:0!important;border-bottom:1px solid #3A4150!important;color:#C9D0D9!important}
body.metro-about li{color:#C9D0D9!important}
body.metro-about .links a{background:#0078D7!important;color:#fff!important;border:0!important;border-radius:0!important}
body.metro-about .links a:hover{background:#009FE3!important}
body.metro-about a{color:#009FE3!important;border-bottom:0!important}
body.metro-about footer{border-top:0!important;color:#8A919B!important}
@media(max-width:640px){body.metro-about .grid{grid-template-columns:minmax(0,1fr)!important}}

/* ==========================================================
   13. 明亮主题 LIGHT METRO（最后覆写，优先级最高）
       ----------------------------------------------------------
       深底 → 明亮浅灰白底；白字 → 深色字；顶栏 → 高饱和亮蓝实底
       彩色磁贴全部保留，在白底上更鲜亮
       首屏整体收一档，四领域改白色承载板，把视觉重量匀到下半页
       结构 / 文案 / 色板 / 领域优先级一律不动
   ========================================================== */
:root{
  --m-ink:#FFFFFF; --m-ink2:#F4F6F8; --m-paper:#F4F6F8;
  --m-line:#DDE2E8; --m-txt:#15181E; --m-txt2:#4A525E; --m-txt3:#77808C;
}
:focus-visible{outline:2px solid #0078D7!important;outline-offset:-3px}

/* 13.1 顶栏：亮蓝实底 + 白字，明亮但不寡淡 */
nav,.topbar,header.topbar,.nav-in,.m-top{
  background:#0078D7!important;border:0!important;border-bottom:0!important;
  box-shadow:none!important;border-radius:0!important;
}
body.metro-home nav{border-top:0!important}
body .topbar a,body .topbar span,body .topbar b,body .topbar .home,
body .topbar:not(:has(.tb-in)) a,body .topbar:not(:has(.tb-in)) span,body .topbar:not(:has(.tb-in)) b,
body .nav-in a,body .nav-in .brand,body .brand,
body .m-top a,body .m-top span,body .m-top b{color:#FFFFFF!important}
body .topbar:not(:has(.tb-in)) .sub,body .topbar:not(:has(.tb-in)) small{color:#DCEBFA!important}
.nav-cats a{color:#EAF4FF!important}
.nav-cats a:hover,.nav-cats a.on{background:#FFFFFF!important;color:#005A9E!important}
#search,.hero-search input,.tb-search input{
  background:#FFFFFF!important;color:#15181E!important;border:0!important;border-radius:0!important;
}
#search::placeholder,.hero-search input::placeholder,.tb-search input::placeholder{color:#8A939E!important}
.kbd{background:rgba(255,255,255,.22)!important;color:#fff!important;border:0!important}
.seal{background:#FFFFFF!important;color:#0078D7!important}
body .topbar .home,body .topbar:not(:has(.tb-in)) .home{background:#005A9E!important;color:#fff!important}

/* 13.2 首页基底：浅灰白底 + 深色文字 */
body.metro-home{background:#F4F6F8!important;color:#15181E!important}
body.metro-home main{background:#F4F6F8!important}
body.metro-home .hero{background:#FFFFFF!important}
body.metro-home section{background:transparent!important}

/* 13.3 首屏减重：标题 / 统计 / 搜索 / 间距全部收一档 */
body.metro-home .hero{padding:24px 28px 20px!important;column-gap:20px!important;row-gap:0!important}
body.metro-home .greet{color:#5B6572!important;margin-bottom:10px!important}
body.metro-home .hero h1{
  font-size:clamp(38px,4.6vw,62px)!important;font-weight:300!important;
  color:#15181E!important;letter-spacing:-.5px!important;line-height:1.08!important;
}
body.metro-home .hero h1 em{color:#0078D7!important}
body.metro-home .slogan{color:#2C333D!important;font-size:clamp(14px,1.5vw,18px)!important;margin:10px 0 0!important}
body.metro-home .slogan .sp{color:#0078D7!important}
body.metro-home .slogan .s2{color:#5B6572!important}
body.metro-home .sub{color:#5B6572!important;font-size:12.5px!important;line-height:1.7!important;margin:9px 0 0!important}
body.metro-home .pills{margin:14px 0 0!important;gap:8px!important}
body.metro-home .pill{min-width:100px!important;min-height:56px!important;padding:9px 12px!important}
body.metro-home .pill b{font-size:23px!important}
body.metro-home .hero-search{margin:14px 0 0!important}
body.metro-home .hero-search input{
  height:48px!important;background:#FFFFFF!important;color:#15181E!important;
  border:1px solid #DDE2E8!important;border-left:5px solid #0078D7!important;font-size:15px!important;
}
body.metro-home .hero-search svg.hs{color:#77808C!important}
body.metro-home .hs-go{height:48px!important;padding:0 18px!important}
body.metro-home .quicksearch{margin:10px 0 0!important}
body.metro-home .quicksearch b{color:#77808C!important}
body.metro-home .chip{
  background:#FFFFFF!important;color:#2C333D!important;
  border:1px solid #DDE2E8!important;border-bottom:3px solid #0078D7!important;
}
body.metro-home .chip:hover{background:#0078D7!important;color:#fff!important;border-color:#0078D7!important}
body.metro-home .ctrls{margin:14px 0 0!important}
body.metro-home .ctrl-label{color:#77808C!important}
body.metro-home .lucky{
  background:#FFFFFF!important;color:#2C333D!important;
  border:1px solid #DDE2E8!important;border-left:4px solid #F2A20C!important;
}
body.metro-home .seg{background:#E6EBF1!important}
body.metro-home .seg button{color:#4A525E!important}
body.metro-home .seg button.on{background:#0078D7!important;color:#fff!important}

/* 13.4 今日磁贴：保留亮蓝实块，但明显收矮，不再压住首屏 */
body.metro-home .today{padding:15px 17px!important;gap:9px!important;min-height:0!important;justify-content:space-between!important}
body.metro-home .td-clock b{font-size:38px!important}
body.metro-home .td-clock i{font-size:17px!important}
body.metro-home .td-phrase{font-size:11px!important}
body.metro-home .td-wx{padding-top:9px!important}
body.metro-home #tdWTemp{font-size:21px!important}
body.metro-home .td-alm,body.metro-home .td-sun span,body.metro-home .td-line{background:rgba(0,0,0,.10)!important}

/* 13.5 领域总起：文字翻深、高度收紧，让四领域更早上屏 */
body.metro-home .d-intro{padding:22px 28px 4px!important}
body.metro-home .d-intro-hd h2{color:#15181E!important;font-size:clamp(24px,2.9vw,34px)!important;font-weight:300!important}
body.metro-home .d-intro-hd p{color:#5B6572!important}
body.metro-home .d-intro-hd p b{color:#0078D7!important}
body.metro-home .d-jump{margin:14px 0 0!important}
body.metro-home .d-jump a{min-height:64px!important;padding:13px 16px!important;font-size:15px!important}

/* 13.6 领域分组：白色承载板 + 彩色大磁贴（下部增重、不再发虚） */
body.metro-home section.domain{background:#FFFFFF!important;padding:22px 28px 24px!important;border-top:0!important}
body.metro-home .d-hd{min-height:132px!important}
body.metro-home .d-no{font-size:clamp(62px,7.6vw,104px)!important}
body.metro-home .d-tt{padding:20px 24px!important}
body.metro-home .d-tt h2{font-size:clamp(27px,3.4vw,42px)!important}
body.metro-home .d-cat{min-height:200px!important}
body.metro-home .d-note{background:#F4F6F8!important;color:#4A525E!important;border-left:5px solid var(--dc)!important}
body.metro-home .d-note b{color:#15181E!important}
body.metro-home .d-extra-card{background:#F4F6F8!important;border-top:5px solid var(--dc)!important}
body.metro-home .d-extra-card h4{color:#15181E!important;border-bottom:1px solid #DDE2E8!important}
body.metro-home .d-extra-card h4 span{color:#77808C!important}
body.metro-home .d-extra-card p{color:#5B6572!important}
body.metro-home .d-enter:hover{background:rgba(0,0,0,.14)!important;color:#fff!important}

/* 13.7 工作台 / 索引 / 页脚：统一明亮 */
body.metro-home #s-bento,body.metro-home #s-tools{background:#EEF1F5!important}
body.metro-home footer{background:#FFFFFF!important;color:#5B6572!important;border-top:1px solid #DDE2E8!important}
body.metro-home footer a,body.metro-home .foot-domains a{color:#2C333D!important;border-color:#DDE2E8!important}
body.metro-home .foot-domains a:hover{color:#0078D7!important;border-color:#0078D7!important}

/* 13.8 说明页：明亮底 + 彩色卡片保留 */
body.metro-about{background:#F4F6F8!important;color:#15181E!important}
body.metro-about .top h1{color:#15181E!important}
body.metro-about .top .verse,body.metro-about .top .one{color:#5B6572!important}
body.metro-about .notice{background:#FFFFFF!important;color:#4A525E!important;border-left:5px solid #F2A20C!important}
body.metro-about h2{color:#15181E!important}
body.metro-about .lead{color:#5B6572!important}
body.metro-about table{background:#FFFFFF!important;color:#15181E!important}
body.metro-about td{color:#4A525E!important;border-bottom:1px solid #E6EAF0!important}
body.metro-about li{color:#4A525E!important}
body.metro-about footer{color:#77808C!important}

/* 13.9 浮钮：亮蓝贴片 */
body .wb-jump,body .wb-jump button{background:#0078D7!important;color:#fff!important;border:0!important}
body .wb-jump button:hover{background:#005A9E!important}

/* 13.10 小屏：保持单列自然流，标题够大够醒目 */
@media(max-width:900px){
  body.metro-home .hero{grid-template-columns:minmax(0,1fr)!important;row-gap:14px!important}
  body.metro-home .today{min-height:170px!important}
}
@media(max-width:640px){
  body.metro-home .hero{padding:20px 16px 18px!important}
  body.metro-home .hero h1{font-size:42px!important}
  body.metro-home .d-intro{padding:20px 16px 4px!important}
  body.metro-home section.domain{padding:18px 16px 20px!important}
  body.metro-home .d-hd{min-height:104px!important}
  body.metro-home .d-no{font-size:56px!important}
  body.metro-home .d-tt h2{font-size:26px!important}
  body.metro-home .d-cat{min-height:0!important}
  body.metro-home .pill{min-height:58px!important}
  body.metro-home .pill b{font-size:21px!important}
  body.metro-home #s-bento,body.metro-home #s-tools{padding:24px 16px 30px!important}
}

/* 13.11 独立系统页（投稿 / 会议 / 工具）：统一明亮底，清掉国风米黄残留 */
html body:not(.metro-home):not(.metro-hub):not(.metro-about){background:#F4F6F8!important}
@media print{html body:not(.metro-home):not(.metro-hub):not(.metro-about){background:#FFFFFF!important}}

/* ───────────────────────── 14. 首屏重构：减负 + 四领域磁贴升为主角 ───────────────────────── */
/* 14.1 首屏双栏：左主内容，右窄 today；隐藏统计/换肤/欢迎语等扎堆冗余 */
body.metro-home .hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:30px!important;align-items:start!important;
  padding:28px 28px 16px!important;
}
body.metro-home .hero-main{display:flex!important;flex-direction:column!important;gap:0!important;min-width:0!important}
body.metro-home .greet,body.metro-home .pills,body.metro-home .ctrls{display:none!important}
body.metro-home .hero h1{font-size:52px!important;margin:0!important;line-height:1.05!important;letter-spacing:-1px!important}
body.metro-home .hero h1 .stamp{display:none!important}
body.metro-home .slogan{margin:10px 0 0!important;font-size:14px!important;font-weight:400!important}
body.metro-home .sub{font-size:13px!important;margin:8px 0 18px!important;max-width:620px!important;line-height:1.65!important}
body.metro-home .hero-search{margin:0 0 12px!important;max-width:560px!important}
body.metro-home .quicksearch{margin:0 0 22px!important}

/* 14.2 四领域磁贴 = 首屏主角：不等大高饱和大块，办公效率最大 */
body.metro-home .hero-jump{grid-column:1 / -1!important;margin-top:4px!important}
body.metro-home .d-jump.hero-jump{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;margin:0!important;
}
body.metro-home .hero-jump a{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:5px!important;
  background:var(--jc)!important;color:#fff!important;border:0!important;border-radius:0!important;
  padding:18px!important;min-height:96px!important;
  font-size:19px!important;font-weight:600!important;letter-spacing:0!important;
  transition:filter .15s!important;position:relative!important;overflow:hidden!important;
}
body.metro-home .hero-jump a b{font-size:30px!important;font-weight:200!important;line-height:1!important;display:block!important;margin-bottom:2px!important}
body.metro-home .hero-jump a .jt{font-size:21px!important;font-weight:700!important;line-height:1.1!important}
body.metro-home .hero-jump a .jd{font-size:12px!important;font-weight:400!important;opacity:.92!important}
body.metro-home .hero-jump a:hover{filter:brightness(1.12)!important;color:#fff!important}
/* 办公效率（01）跨两列、横向大块，视觉权重最高 */
body.metro-home .hero-jump a:first-child{
  grid-column:span 2!important;min-height:108px!important;
  flex-direction:row!important;align-items:center!important;gap:18px!important;
  background:#0078D7!important;
}
body.metro-home .hero-jump a:first-child b{font-size:46px!important;margin:0!important}
body.metro-home .hero-jump a:first-child .jt{font-size:28px!important;font-weight:700!important}
body.metro-home .hero-jump a:first-child .jd{margin-left:auto!important;align-self:center!important;font-size:13px!important}
/* 04 其它增长极占满底部行，消除右下留白；明显矮于 01，权重最低 */
body.metro-home .hero-jump a:last-child{
  grid-column:span 2!important;min-height:72px!important;
  flex-direction:row!important;align-items:center!important;gap:14px!important;
}
body.metro-home .hero-jump a:last-child b{font-size:30px!important;margin:0!important}
body.metro-home .hero-jump a:last-child .jt{font-size:21px!important;font-weight:700!important}
body.metro-home .hero-jump a:last-child .jd{margin-left:auto!important;align-self:center!important;font-size:12px!important}

/* 14.3 today 收窄为右栏轻卡，弱化术语细节 */
body.metro-home .today{
  margin:0!important;padding:16px!important;font-size:13px!important;align-self:start!important;
  min-height:0!important;
}
body.metro-home .today .td-head{font-size:12px!important;gap:8px!important}
body.metro-home .td-clock b{font-size:36px!important;letter-spacing:-1px!important}
body.metro-home .td-wx{padding-top:10px!important}
body.metro-home #tdWTemp{font-size:20px!important}
body.metro-home .td-wmeta{font-size:11px!important}
body.metro-home .td-alm{margin-top:10px!important;padding:9px!important;font-size:12px!important}
body.metro-home .td-alm-hd{font-size:12px!important}
body.metro-home .td-line{font-size:12px!important;padding:5px 7px!important}
body.metro-home .td-sun{font-size:11px!important;padding:5px 7px!important}

/* 14.4 d-intro 只留一句引导，不再堆长文 */
body.metro-home .d-intro{padding:22px 28px 6px!important}
body.metro-home .d-intro-hd h2{font-size:22px!important;margin:0 0 6px!important}
body.metro-home .d-intro-hd p{font-size:13px!important;line-height:1.65!important;max-width:760px!important;margin:0!important}

/* 14.5 响应式回流 */
@media(max-width:980px){
  body.metro-home .hero{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;padding:22px 20px 12px!important}
  body.metro-home .today{order:3!important;margin-top:4px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  body.metro-home .hero-jump{order:2!important}
  body.metro-home .today .td-head{grid-column:1/-1!important}
}
@media(max-width:560px){
  body.metro-home .hero{padding:18px 16px 10px!important}
  body.metro-home .hero h1{font-size:38px!important}
  body.metro-home .hero-search{max-width:none!important}
  body.metro-home .hero-jump{grid-template-columns:minmax(0,1fr)!important}
  body.metro-home .hero-jump a:first-child{grid-column:auto!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;min-height:92px!important}
  body.metro-home .hero-jump a:first-child b{font-size:30px!important;margin-bottom:2px!important}
  body.metro-home .hero-jump a:first-child .jd{margin-left:0!important}
  body.metro-home .hero-jump a:last-child{grid-column:auto!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;min-height:92px!important}
  body.metro-home .hero-jump a:last-child b{font-size:30px!important;margin-bottom:2px!important}
  body.metro-home .hero-jump a:last-child .jd{margin-left:0!important}
  body.metro-home .today{grid-template-columns:1fr!important}
  body.metro-home .d-intro{padding:18px 16px 4px!important}
}