/* XFeed v9「墨蓝」全站设计层：只改视觉，不动结构、数据、文案 */

@font-face{font-family:"XG";src:url(/global/fonts/geist-500.woff2) format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"XG";src:url(/global/fonts/geist-700.woff2) format("woff2");font-weight:700 900;font-display:swap}

/* ---------- 色板 ---------- */
:root,:root[data-theme="light"]{
  --bg:#F6F7FA;--bg0:rgba(246,247,250,0);--bg9:rgba(246,247,250,.92);
  --hl:#0C1430;--fg:#343E57;--sub:#545F79;--muted:#646F8A;
  --line:#E5E8EF;--line2:#D3D8E3;--card:#FFFFFF;--cb:#E5E8EF;--soft:#EEF0F5;--footer:#0C1430;
  --p:#2453E0;--pd:#1A3FB8;--p8:rgba(36,83,224,.075);--p28:rgba(36,83,224,.26);--ptxt:#1E48CC;
  --pbtn:#2453E0;--pbtnh:#1A3FB8;--hover:rgba(36,83,224,.045);
  --rk0:#AAB2C4;
  --x-ink:#0C1430;--x-on:#FFFFFF;
  --x-e1:0 1px 2px rgba(12,20,48,.04),0 1px 1px rgba(12,20,48,.02);
  --x-e2:0 2px 4px rgba(12,20,48,.04),0 14px 34px -14px rgba(12,32,96,.22);
  --x-wash:rgba(36,83,224,.07);
  --x-ease:cubic-bezier(.2,.7,.2,1);
  --num:"XG","AIBNum",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC",sans-serif;
}
.hdr,.gfoot,.mnav{--muted:#646F8A;--sub:#545F79;--pbtn:#2453E0;--pbtnh:#1A3FB8}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]),:root:not([data-theme="light"]) :is(.hdr,.mnav){
    --bg:#090D19;--bg0:rgba(9,13,25,0);--bg9:rgba(9,13,25,.92);
    --hl:#EEF2FA;--fg:#C2CADB;--sub:#9AA5BD;--muted:#808CA6;
    --line:#1C2540;--line2:#2A3554;--card:#10172A;--cb:#1C2540;--soft:#161E34;--footer:#05080F;
    --p:#7D9DFF;--pd:#A3BAFF;--p8:rgba(125,157,255,.12);--p28:rgba(125,157,255,.34);--ptxt:#8FAAFF;
    --pbtn:#3A66F0;--pbtnh:#4B74F5;--hover:rgba(125,157,255,.06);--rk0:#4A5675;
    --x-ink:#EEF2FA;--x-on:#0C1430;
    --x-e1:0 1px 2px rgba(0,0,0,.35);--x-e2:0 2px 4px rgba(0,0,0,.3),0 18px 40px -16px rgba(0,0,0,.7);
    --x-wash:rgba(80,120,255,.10);
  }
}
:root[data-theme="dark"],:root[data-theme="dark"] :is(.hdr,.mnav){
  --bg:#090D19;--bg0:rgba(9,13,25,0);--bg9:rgba(9,13,25,.92);
  --hl:#EEF2FA;--fg:#C2CADB;--sub:#9AA5BD;--muted:#808CA6;
  --line:#1C2540;--line2:#2A3554;--card:#10172A;--cb:#1C2540;--soft:#161E34;--footer:#05080F;
  --p:#7D9DFF;--pd:#A3BAFF;--p8:rgba(125,157,255,.12);--p28:rgba(125,157,255,.34);--ptxt:#8FAAFF;
  --pbtn:#3A66F0;--pbtnh:#4B74F5;--hover:rgba(125,157,255,.06);--rk0:#4A5675;
  --x-ink:#EEF2FA;--x-on:#0C1430;
  --x-e1:0 1px 2px rgba(0,0,0,.35);--x-e2:0 2px 4px rgba(0,0,0,.3),0 18px 40px -16px rgba(0,0,0,.7);
  --x-wash:rgba(80,120,255,.10);
}

/* ---------- 浏览器表面 ---------- */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scrollbar-color:var(--line2) transparent}
::selection{background:rgba(36,83,224,.18);color:inherit}
input,textarea{caret-color:var(--p)}
a{text-underline-offset:3px}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--line2);border-radius:10px;border:3px solid var(--bg)}
::-webkit-scrollbar-track{background:transparent}
:focus-visible{outline:2px solid var(--p);outline-offset:2px}

/* 内页顶部一层很淡的钴蓝天光，和首页极光同源 */
body:not(:has(.gm)){background:radial-gradient(1100px 420px at 12% -140px,var(--x-wash),transparent 70%),radial-gradient(900px 380px at 92% -180px,rgba(124,92,255,.05),transparent 70%),var(--bg);background-repeat:no-repeat;background-color:var(--bg)}

/* ---------- 数字 ---------- */
.vn,.vl,.rk,.tc-rk,.tn-c,.na-v,.tl-ct,.tl-rk,.ac-v,.ac-b,.at-n b,.tw-v,.tt-n,.tpc-s,.kp-n,.mtab b,.tkt-b i,.tchip i,.mchip b,.pillbtn b,.tc-st b,.hub-n,.num{font-family:var(--num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* ---------- 顶栏 ---------- */
.hdr-in{border-bottom-color:transparent}
.hdr{box-shadow:inset 0 -1px 0 var(--line)}
html:not(.v8-hdr) .hdr{background:color-mix(in srgb,var(--bg) 76%,transparent)}
.hdr .nav a{font-size:14.5px;font-weight:500;color:var(--sub);transition:color .2s,background-color .2s}
.hdr .nav a:hover{color:var(--hl)}
.hdr .nav a.on{color:var(--hl);font-weight:600;background:rgba(12,20,48,.06)}
:root[data-theme="dark"] .hdr .nav a.on{background:rgba(238,242,250,.08)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hdr .nav a.on{background:rgba(238,242,250,.08)}}
.hsearch{border-color:transparent;background:var(--soft);border-radius:10px;transition:background-color .2s,box-shadow .2s,border-color .2s}
.hsearch:hover{background:color-mix(in srgb,var(--soft) 70%,var(--line2))}
.hsearch:focus-within{background:var(--card);border-color:var(--p28);box-shadow:0 0 0 4px var(--p8)}
.lang-btn,.thm-btn{border-radius:10px}
.thm-menu{border-radius:14px!important;border:1px solid var(--line)!important;box-shadow:0 1px 2px rgba(12,20,48,.06),0 18px 40px -12px rgba(12,20,48,.25)!important;padding:6px!important}
.thm-it{border-radius:9px!important}

/* ---------- 页头 ---------- */
:is(.at,.pg-in,.tp-head,.hub-h,.tp) h1,.at h1{font-family:"XG",var(--sans);font-weight:800;letter-spacing:-.035em;color:var(--hl)}
@media (min-width:768px){:is(.at,.pg-in,.tp-head,.tp) h1,.at h1{font-size:46px;line-height:1.1}}
.at-n,.pg-sub,.tp-meta,.hub-meta{color:var(--sub)}
.xf-hint{color:var(--muted)}

/* ---------- 分段控件 ---------- */
.seg{background:var(--soft);border:0;border-radius:999px;padding:3px}
.seg button{border-radius:999px;color:var(--sub);font-weight:500;transition:color .2s,background-color .2s,box-shadow .2s}
.seg button:hover{color:var(--hl);background:transparent}
.seg button.on,.seg2 button.on{background:var(--card);color:var(--hl);font-weight:600;box-shadow:0 1px 2px rgba(12,20,48,.08),0 2px 8px -2px rgba(12,20,48,.10)}
:root[data-theme="dark"] .seg button.on{background:#222C48}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .seg button.on{background:#222C48}}

/* ---------- 胶囊筛选：未选浅底无描边，选中实心墨色 ---------- */
:is(.chip,.mchip,.pillbtn,.tchip){border:1px solid transparent!important;background:var(--soft);border-radius:999px;color:var(--fg);transition:background-color .2s,color .2s,transform .2s var(--x-ease)}
:is(.chip,.mchip,.pillbtn,.tchip):hover{background:color-mix(in srgb,var(--soft) 55%,var(--line2));color:var(--hl)}
:is(.chip,.mchip,.pillbtn,.tchip):active{transform:scale(.97)}
:is(.chip,.mchip,.pillbtn,.tchip).on,:is(.chip,.mchip,.pillbtn,.tchip).on:hover{background:var(--x-ink)!important;color:var(--x-on)!important;font-weight:600}
:is(.mchip,.pillbtn,.tchip).on :is(b,i){color:color-mix(in srgb,var(--x-on) 70%,transparent)!important}
.pillbtn.dis{background:transparent;border:1px dashed var(--line2)!important}
.tn{border-radius:8px;transition:background-color .15s,color .15s}
.tn.on{background:var(--card);color:var(--hl);box-shadow:var(--x-e1),inset 0 0 0 1px var(--line)}
.lh-t,.sh-t{font-size:12.5px;letter-spacing:.02em;color:var(--muted);font-weight:600}
.tkt-b.on{border-bottom-color:var(--x-ink)}

/* ---------- 推文行 ---------- */
.row-title{font-weight:650;letter-spacing:-.005em;color:var(--hl)}
.row-ex{color:var(--sub);line-height:1.65}
.rw-nm{color:var(--hl);font-weight:600}
.rw-tm{color:var(--muted)}
.rw-lg{border-radius:5px}
.rk,.rk.r1,.rk.r2,.rk.r3{color:var(--rk0);font-weight:500}
.rk.r1,.rk.r2,.rk.r3{color:var(--hl);font-weight:700}
.vn{color:var(--hl);font-weight:700;letter-spacing:-.01em}
.vu,.vl{color:var(--muted);font-family:var(--sans)}
.vl{font-family:var(--num)}
.item .sep{background:var(--line)}
.tool{color:var(--fg);font-weight:500}
.ft{color:var(--muted)}
.xo{border-radius:999px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);transition:color .2s,background-color .2s,box-shadow .2s}
.row:hover .xo{color:var(--ptxt);box-shadow:inset 0 0 0 1px var(--p28)}
.xo:hover{background:var(--p8)!important;color:var(--ptxt)!important}
body:not(:has(.gm)) .gl .row{border-radius:14px}
.rml a,.rml-a{border-radius:6px}

/* ---------- 卡片：统一一套层级 ---------- */
:is(.ac.ac2,.tc,.tpc,.tt,.hub-t,.kp,.xfa-card,.tcard,.qa-row,.cmp-c){border:1px solid var(--line);background:var(--card);box-shadow:var(--x-e1)}
:is(.ac.ac2,.tc,.tpc,.kp,.tcard,.cmp-c){border-radius:18px}
.tc-cv{border-radius:17px 17px 0 0}
.tc.big .tc-cv{border-radius:12px}
.tpc-l::after{border-radius:18px}
:is(.ac.ac2,.tc,.tpc,.tcard){transition:transform .35s var(--x-ease),box-shadow .35s var(--x-ease),border-color .35s}
@media (hover:hover){
  :is(.ac.ac2,.tc,.tpc,.tcard):hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:var(--x-e2)}
  .tt:hover{border-color:var(--line2);background:var(--card);box-shadow:var(--x-e2)}
}
.tt{border-radius:14px;transition:box-shadow .3s var(--x-ease),border-color .3s}

/* 教程卡 */
.ac2 .ac-cv{background:var(--soft)}
.ac2 .ac-bd{padding:14px 16px 14px}
.ac2 .ac-t{font-weight:650;letter-spacing:-.005em}
.ac-tag,.rw-lg,.kb,.tl-k{border-radius:6px}
.ac2 .ac-bars i.on{background:var(--p)}
.ac-v{color:var(--hl)!important;font-weight:700!important;letter-spacing:-.01em}

/* 工具卡 */
.tc.big{border-color:var(--line)}
.tc.big .tc-rk{font-family:var(--num);font-weight:700;letter-spacing:-.04em;color:var(--hl)}
.tc-rk{color:var(--rk0)}
.tc-lg{border-radius:10px}
.tc-more{border-radius:999px;border-color:var(--line2);color:var(--hl)}
.tc-more:hover{background:var(--x-ink);border-color:var(--x-ink);color:var(--x-on)}
.tc-q{border-left:0;border-radius:10px}
.tp3-h{border-top-color:var(--line)}

/* 专题 */
.tpc{padding:20px 22px 16px}
.tpc-lg,.tt-lg{border-radius:10px}

/* 问答 */
.pill-s{border:0;background:var(--p8)}
.kp{box-shadow:var(--x-e1)}
.kp-n{color:var(--hl);font-weight:700}
.qa-ans{border-radius:16px!important}
.qa-row{border-radius:16px}
.h1w h2::before{width:3px;border-radius:3px}

/* 首页右栏、侧栏卡 */
.hm-side .sec,.col-r .card,.aside .card{border-radius:18px}
.mtab[aria-selected="true"]{border-bottom-color:var(--x-ink)}

/* 主按钮 */
.btn-k{border-radius:999px}
.xfa-btn.xfa-pri,.btn-p{border-radius:999px;background:var(--pbtn);transition:background-color .2s,transform .2s var(--x-ease)}
.xfa-btn.xfa-pri:hover{background:var(--pbtnh)}
.xfa-btn:active{transform:scale(.97)}

/* ---------- 页脚：墨色收尾 ---------- */
:root:is([data-theme],:not([data-theme])) .gfoot.gfoot{
  --hl:#F3F6FC;--fg:#C5CDDF;--sub:#A3AEC6;--muted:#8E9AB4;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);
  --card:rgba(255,255,255,.04);--soft:rgba(255,255,255,.06);
  background:var(--footer)!important;color:var(--fg);position:relative;overflow:hidden;
  border-top:0!important;margin-top:72px;
}
.gfoot::before{content:"";position:absolute;inset:0 0 auto 0;height:320px;pointer-events:none;
  background:radial-gradient(700px 260px at 18% -60px,rgba(36,83,224,.32),transparent 70%),radial-gradient(600px 240px at 86% -80px,rgba(124,92,255,.20),transparent 70%)}
.gfoot>*{position:relative}
.gfoot .logo .lg-b{color:#F3F6FC}
.gfoot .logo .lg-a{color:#7D9DFF}
.gfoot{--fox1:#7DA6FF;--fox2:#9CC0FF;--fox3:#CFE6FF}
.gf-col a{color:var(--sub)}
.gf-col a:hover{color:#fff}
.gf-soc a{color:#E6EBF5}
.gf-soc a:hover{background:rgba(255,255,255,.08)}
.gfoot .xfa-card{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;box-shadow:none!important;color:var(--fg)}
.gfoot .xfa-card::before,.gfoot .xfa-card::after{opacity:.55}
.gfoot .xfa-card h3{color:#fff}
.gfoot .xfa-card p{color:var(--sub)}
.gfoot .xfa-btn.xfa-pri{background:#fff;color:#0C1430}
.gfoot .xfa-btn.xfa-pri:hover{background:#DCE4FF}
.gf-copy{border-top-color:rgba(255,255,255,.08)}
.gf-copy a{color:var(--sub)}
.gf-copy a:hover{color:#fff}

/* ---------- 手机 ---------- */
@media (max-width:767px){
  :is(.at,.pg-in,.tp-head,.tp) h1,.at h1{letter-spacing:-.03em}
  .gfoot{margin-top:48px}
  :is(.ac.ac2,.tc,.tpc,.kp,.tcard){border-radius:16px}
  .tc-cv{border-radius:15px 15px 0 0}
  .mnav{box-shadow:0 -1px 0 var(--line),0 -10px 30px -18px rgba(12,20,48,.25)}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important}
  :is(.ac.ac2,.tc,.tpc,.tcard):hover{transform:none}
}

/* ---------- 第二轮：阅读面板、身份胶囊、月份分段 ---------- */
body:not(:has(.gm)) .col-m{border-right:0}
body:not(:has(.gm)) .gl .row{border-radius:14px}
.row .xo.xo{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}
.row:hover .xo.xo{color:var(--ptxt);box-shadow:inset 0 0 0 1px var(--p28)}
.row .xo.xo:hover{background:var(--p8);color:var(--ptxt)}

body:not(:has(.gm)) .rbar .rb-c{border:1px solid transparent!important;background:var(--soft)!important;color:var(--fg)!important;border-radius:999px;transition:background-color .2s,color .2s,transform .2s var(--x-ease)}
body:not(:has(.gm)) .rbar .rb-c:hover{background:color-mix(in srgb,var(--soft) 55%,var(--line2))!important;color:var(--hl)!important}
body:not(:has(.gm)) .rbar .rb-c[aria-pressed="true"]{background:var(--x-ink)!important;color:var(--x-on)!important;font-weight:600}
.rbar .rb-c:active{transform:scale(.97)}

.tpx-bar .seg{border:0;border-radius:999px}
.tpx-bar .seg a{border-radius:999px;transition:color .2s,background-color .2s}
.tpx-bar .seg a:hover{color:var(--hl)}
.tpx-bar .seg a.on{background:var(--card);color:var(--hl);box-shadow:0 1px 2px rgba(12,20,48,.08),0 2px 8px -2px rgba(12,20,48,.10)}
.tpx-bar .seg a.on b{color:var(--muted)}

@media (max-width:767px){
}

/* ---------- 第三轮（11-09）：内页跟首页对齐，极光、导航、栏目短线、侧栏渐变描边 ---------- */
:root{--x-aur:1;--x-dot:rgba(60,90,160,.22);--x-pill:rgba(33,96,230,.10);
  --x-grad:linear-gradient(90deg,#2160E6,#22D3EE 52%,#7C5CFF);
  --x-ring:linear-gradient(160deg,rgba(33,96,230,.30),rgba(33,96,230,.07) 38%,rgba(124,92,255,.07) 62%,rgba(34,211,238,.28))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--x-aur:.5;--x-dot:rgba(140,170,230,.18);--x-pill:rgba(91,155,240,.16)}}
:root[data-theme="dark"]{--x-aur:.5;--x-dot:rgba(140,170,230,.18);--x-pill:rgba(91,155,240,.16)}

/* 顶栏选中：跟首页一样浅蓝底蓝字 */
body:not(:has(.gm)) .hdr .nav a.on,body:not(:has(.gm)) .hdr .nav a.on:hover{background:var(--x-pill);color:var(--ptxt);font-weight:600}
@media (min-width:1024px){body:not(:has(.gm)) .hdr .nav.v8p a.on,body:not(:has(.gm)) .hdr .nav.v8p a.on:hover{background:transparent}}

/* 页头大标题：跟首页一样升起入场 */
@keyframes x-rise{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes x-fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
body:not(:has(.gm)) :is(.at,.pg-in,.tp-head,.tp-h,.th,.hub-h,.tp) h1{animation:x-rise .8s var(--x-ease) backwards .05s}
body:not(:has(.gm)) :is(.at-n,.pg-sub,.tp-meta,.hub-meta,.xf-hint){animation:x-fade .8s var(--x-ease) backwards .25s}

/* 侧栏卡片：白底＋首页同款渐变描边 */
body:not(:has(.gm)) :is(.col-r .aside>.card.na,.col-r .qa-side){background:var(--card);border:1px solid transparent;border-radius:18px;box-shadow:var(--x-e1);padding:16px 16px 8px}
body:not(:has(.gm)) .col-r .qa-side a:first-of-type{border-top:0}
@media (min-width:1024px){
  body:not(:has(.gm)) :is(.col-r .aside>.card.na,.col-r .qa-side,.hm-side .sec){position:relative;border-color:transparent}
  body:not(:has(.gm)) :is(.col-r .aside>.card.na,.col-r .qa-side,.hm-side .sec)::before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;pointer-events:none;background:var(--x-ring);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
}

@media (prefers-reduced-motion:reduce){
  body:not(:has(.gm)) :is(h1,.at-n,.pg-sub,.tp-meta,.hub-meta,.xf-hint){animation:none!important}
}