/* 网易云音乐 v2 前端样式 —— 尺寸与几何沿用首屏下载页原版度量（原样式表 index.*.css 量取） */

:root{
  /* 首屏设备高度基准：vh 减 75，夹在 100~982 之间 */
  --stageH: clamp(100px, calc(100vh - 75px), 982px);
  --freeH: 128vh;
}

*{margin:0;padding:0;box-sizing:border-box;list-style:none}
/* 全站基调：浅灰底 #F1F3F5，正文字号 12px，版心 1192px */
body{font-family:PingFangSC-Regular,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
  background:#F1F3F5;min-width:1192px;color:#333;font-size:12px}
a{text-decoration:none;color:inherit}
img{display:block;border:0}

/* ========== 页脚（实测 170px 高 / 980px 版心 / 上描边 #d3d3d3 / 底 #f2f2f2） ========== */
.site-ft{position:relative;height:170px;overflow:hidden;border-top:1px solid #d3d3d3;background:#f2f2f2}
.site-ft-in{width:980px;margin:0 auto}
/* 右侧四个快捷入口：单格 60×70，左间距 30 */
.ft-links{float:right;width:330px;margin-top:33px}
.ft-cell{float:left;width:60px;height:70px;margin-left:30px;text-align:center;color:#666}
.ft-cell:first-child{margin-left:0}
/* 精灵图：图标 50×45（整张 110×450）；字标 52×14（整张 180×100） */
.ft-glyph{
  display:block;float:none;width:50px;height:45px;margin:0 auto;
  background:url("img/foot_enter_new.png") no-repeat;background-size:110px 450px;
}
.gly-musician{background-position:0 0}
.gly-reward{background-position:-60px -50px}
.gly-cash{background-position:0 -101px}
.gly-auth{background-position:-63px -101px}
.ft-cap{
  display:inline-block;margin:5px 5px 0;width:52px;height:14px;font-style:normal;
  background:url("img/foot_enter_tt.png") no-repeat;background-size:180px 100px;
}
.cap-musician{background-position:0 0}
.cap-reward{background-position:0 -54px}
.cap-cash{background-position:-1px -72px}
.cap-auth{background-position:-1px -91px}
/* 左侧版权行：宽 560px，行高 22 */
.ft-legal{float:left;width:560px;padding-top:15px;line-height:22px}
.ft-legal p{line-height:22px}
.ft-legal .lg-a{color:#333}
.ft-legal .lg-b{color:#666}
.ft-legal .lg-a:hover,.ft-legal .lg-b:hover{text-decoration:underline}
.ft-legal .sep{margin:0 8px 0 10px;color:#c2c2c2}

/* ========== 精选问答（本页只放摘要，全文跳 article.html） ========== */
.qa-outer{background:#F1F3F5;display:flex;justify-content:center}
.qa-wrap{width:1192px;padding-bottom:120px}
.qa-head{height:116px;font-size:48px;font-weight:bold;color:#283248;
  display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.qa-head h2{height:48px;line-height:48px;font:inherit}
/* 分类胶囊 */
.qa-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:44px}
.qa-tab{height:36px;padding:0 18px;border-radius:18px;background:#fff;color:rgba(40,50,72,.7);
  font-size:15px;display:inline-flex;align-items:center;cursor:pointer;user-select:none;
  border:1px solid transparent;transition:all .2s ease}
.qa-tab:hover{color:#283248}
.qa-tab.cur{background:#283248;color:#fff}
.qa-num{margin-left:6px;font-size:13px;opacity:.6}
/* 手风琴条目 */
.qa-list{margin-top:28px;display:flex;flex-direction:column;gap:12px}
.qa-item{background:#fff;border-radius:10px;overflow:hidden;transition:box-shadow .25s ease}
.qa-item:hover{box-shadow:0 4px 18px rgba(40,50,72,.08)}
.qa-item.exp{box-shadow:0 6px 24px rgba(40,50,72,.10)}
.qa-row{display:flex;align-items:center;gap:16px;padding:26px 32px;cursor:pointer}
.qa-idx{flex:0 0 auto;font-size:13px;color:rgba(40,50,72,.35);width:26px}
.qa-q{flex:1;font-size:20px;font-weight:500;color:#283248;line-height:1.5}
.qa-cat{flex:0 0 auto;font-size:13px;color:rgba(40,50,72,.45);
  background:#F1F3F5;border-radius:4px;padding:4px 10px}
.qa-x{flex:0 0 auto;width:20px;height:20px;position:relative}
.qa-x::before,.qa-x::after{content:'';position:absolute;background:rgba(40,50,72,.4);
  transition:transform .25s ease,opacity .25s ease}
.qa-x::before{left:0;top:9px;width:20px;height:2px}
.qa-x::after{left:9px;top:0;width:2px;height:20px}
.qa-item.exp .qa-x::after{transform:rotate(90deg);opacity:0}
/* 摘要面板（收起时 max-height 0） */
.qa-panel{max-height:0;overflow:hidden;transition:max-height .3s ease}
.qa-panel-in{padding:0 32px 26px 74px}
.qa-sum{font-size:16px;line-height:1.85;color:rgba(40,50,72,.75)}
.qa-sum p{margin-bottom:8px}
.qa-sum p:last-child{margin-bottom:0}
.qa-sum b{color:#283248;font-weight:500}
.qa-meta{margin-top:14px;font-size:13px;color:rgba(40,50,72,.45)}
.qa-more{display:inline-flex;align-items:center;margin-top:10px;font-size:16px;color:#507daf}
.qa-more:hover{opacity:.75}
.qa-more i{width:20px;height:20px;margin-left:4px;
  background:url("img/ico_viewmore.png") no-repeat center/contain}
.qa-none{padding:60px 0;text-align:center;color:rgba(40,50,72,.45);font-size:16px}
.qa-all{display:inline-flex;align-items:center;justify-content:center;margin-top:32px;
  height:48px;padding:0 32px;border-radius:24px;background:#c20c0c;color:#fff;
  font-size:16px;font-weight:500;transition:background .2s}
.qa-all:hover{background:#a90a0a}
.qa-all i{width:18px;height:18px;margin-left:6px;
  background:url("img/ico_viewmore.png") no-repeat center/contain;filter:brightness(0) invert(1)}

/* ========== 了解网易云音乐（横向卡片轮播） ==========
   外层不限宽、高 816、上距 160；标题行 1192px 居中；轨道占满视口宽，卡片向右溢出。 */
.feat-outer{background:#F1F3F5}
.feat-wrap{background:#F1F3F5;width:100%;height:816px;position:relative;margin-top:160px}
/* 标题行与下方内容列左缘对齐：1192px 居中 */
.feat-topline{height:116px;width:1192px;margin:0 auto;position:relative}
/* 双行标题：48px 粗体，纵向撑满均分，每行高 48px */
.feat-head{
  height:100%;text-align:left;font-size:48px;font-weight:bold;position:relative;top:0;
  width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;
  color:#283248;
}
.feat-head h2{height:48px;line-height:48px;font:inherit}
.feat-nav{
  position:absolute;bottom:0;right:0;height:116px;display:flex;align-items:flex-end;
  gap:10px;padding-right:10px;
}
/* 40×40 箭头，下一枚旋转 180°；禁用态换灰箭头 */
.feat-arrow{
  width:40px;height:40px;cursor:pointer;
  background:url("img/ico_arrow_ok.png") no-repeat center/contain;
}
.feat-arrow:hover{opacity:.7}
.feat-arrow.is-off{
  background-image:url("img/ico_arrow_disable.png");cursor:default;
}
.feat-arrow.is-off:hover{opacity:1}
#featNext{transform:rotate(180deg)}

/* 轨道：横向滚动，左右留白各为 (100vw-1192)/2，让首卡与版心对齐、尾卡出血 */
.feat-track{
  margin-top:80px;display:flex;justify-content:flex-start;gap:20px;
  overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;
  padding-right:calc((100vw - 1192px) / 2);
}
.feat-track::-webkit-scrollbar{display:none}
.feat-card:first-child{margin-left:calc((100vw - 1192px) / 2)}
/* 卡片固定 586×620，不可压缩 */
.feat-card{flex:0 0 auto;min-width:586px;width:586px;height:620px;
  display:flex;flex-direction:column;background:#fff;border-radius:10px;
  box-sizing:border-box;overflow:hidden}
/* 卡内文案：标题 36px/600 左 40 上 40；副标 18px 上 20 */
.feat-card-t{margin-top:40px;margin-left:40px;font-size:36px;font-weight:600;line-height:36px;color:#283248}
.feat-card-s{margin-top:20px;margin-left:40px;font-size:18px;font-weight:400;line-height:18px;color:#283248}
/* 媒体槽 590×470，比卡片宽 4px，两侧被 overflow 切掉 */
.feat-media{
  margin-top:40px;width:590px;height:470px;
  overflow:hidden;position:relative;pointer-events:none;background:#e8ebee;
}
.feat-media video{
  width:100%;height:102%;margin-top:-3px;display:block;
  border:none!important;outline:none!important;object-fit:fill;pointer-events:none;
}
/* 第六张为静态图 intro6.png */
.fm-6{background:url("img/intro6.png") no-repeat center/cover}

/* ========== 下载客户端卡片区（单卡 384×486 / 封面 288 / 内容 324×198） ========== */
.get-outer{background:#F1F3F5;display:flex;justify-content:center}
.get-wrap{width:1192px;margin-top:160px}
/* 与轮播区同款双行大标题：116px 容器、48px 粗体 */
.get-head{
  height:116px;font-size:48px;font-weight:bold;color:#283248;
  display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;
}
.get-head p{height:48px;line-height:48px}
/* 行容器：列向 gap 20，上距 80 下距 120 */
.get-rows{display:flex;flex-direction:column;gap:20px;margin-top:80px;margin-bottom:120px}
.get-row{display:flex;flex-wrap:wrap;gap:20px}

.getcard{
  width:384px;height:486px;background:#fff;position:relative;display:flex;
  flex-direction:column;align-items:center;border-radius:10px;transition:all .3s ease;
  box-shadow:0 2px 14px rgba(40,50,72,.08);
}
.getcard:hover{box-shadow:0 8px 28px rgba(40,50,72,.16)}
.getcard-cover{width:384px;height:288px;border-radius:10px 10px 0 0;background:#EDEFF2;
  background-size:cover;background-position:center;background-repeat:no-repeat}
.getcard-body{width:324px;height:198px;margin:24px 30px 0 30px;display:flex;flex-direction:column}
.getcard-t{font-size:20px;color:#283248;font-weight:500;text-align:left}
.getcard-s{margin-top:12px;font-size:16px;font-weight:400;text-align:left;
  color:rgba(40,50,72,.6);min-height:70px}
.getcard-s p{margin-bottom:5px;line-height:1.45}
.getcard-links{display:flex;justify-content:flex-start;align-items:center;gap:10px;
  cursor:pointer;margin-top:auto;padding-bottom:14px}
.glink{display:inline-flex;align-items:center;font-size:16px;color:#507daf;
  border:0;background:none;cursor:pointer;border-radius:4px}
.glink span{color:#507daf;font-size:16px;font-weight:400}
.getcard-links:hover{opacity:.8}
.glink-sep{color:rgba(0,0,0,.1);font-size:16px;position:relative;top:1px}

/* 下载 / 查看 两个小图标（本地 PNG） */
.ic-dl{width:20px;height:20px;margin-right:4px;position:relative;top:0;
  background:url("img/ico_download.png") no-repeat center/contain}
.ic-go{width:20px;height:20px;margin-left:4px;position:relative;top:0;
  background:url("img/ico_viewmore.png") no-repeat center/contain}

/* 九个端封面（device 系列实拍图，全部本地化） */
.bg-pc{background-image:url("img/dev_pc.png")}
.bg-mob{background-image:url("img/dev_phone.png")}
.bg-pad{background-image:url("img/dev_pad.png")}
.bg-car{background-image:url("img/dev_car.png")}
.bg-tv{background-image:url("img/dev_tv.png")}
.bg-wise{background-image:url("img/dev_wisdom.png")}
.bg-watch{background-image:url("img/dev_watch.png")}
.bg-box{background-image:url("img/dev_vbox.png")}
.bg-ext{background-image:url("img/dev_chrome.png")}

/* ========== 首屏舞台（128vh / overflow hidden / 底 #f1f3f5） ========== */
.deck-hero{position:relative;height:128vh;overflow:hidden;background:#f1f3f5}

/* 双背景：静帧 + 滚动帧（70→180 缩放 .8→1，70→270 透明度 0→1） */
.hero-bg,.hero-bg-anim{
  position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#050507;
  background-size:cover;background-repeat:no-repeat;background-position:top center;
}
.hero-bg{background-image:url("img/fp_bg.png");z-index:0}
.hero-bg-anim{
  background-image:url("img/fp_bg_roll.png");z-index:1;
  transform-origin:top center;opacity:0;
}

/* 主标题图：503.75×82，纵向定位 12% 自由高 - 40px */
.hero-wordmark{
  position:absolute;top:calc(12 * var(--freeH) / 100 - 40px);left:50%;
  transform:translate(-50%,-50%);width:503.75px;height:82px;z-index:11;
  background:url("img/first_title.png") no-repeat center/cover;
}

/* 首屏双按钮：420×52，fixed 贴视口（若 absolute 相对 128vh 容器会掉到屏外不可见） */
.hero-actions{
  position:fixed;width:420px;height:52px;left:50%;transform:translate(-50%,0);
  bottom:calc(8 * var(--stageH) / 100 + 80px);display:flex;justify-content:space-between;
  align-items:center;z-index:10;gap:20px;
}
.hero-btn{
  width:200px;flex:0 0 200px;box-sizing:border-box;border-radius:6px;border:1px solid;
  font-size:18px;height:52px;display:flex;justify-content:center;align-items:center;
  cursor:pointer;color:#283248;font-weight:500;
}
.hero-btn img{width:20px;height:20px;margin-right:7px}
.hero-btn-solid{background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,#fff 100%);border-color:transparent}
.hero-btn-ghost{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);border:none!important}

/* 电脑整机：88.5×58 stageH，纵向 20.2% 自由高 - 70px */
.hero-desktop{
  position:absolute;width:calc(88.5 * var(--stageH) / 100);height:calc(58 * var(--stageH) / 100);
  top:calc(20.2 * var(--freeH) / 100 - 70px);left:50%;transform:translate(-50%,0);
  z-index:1;opacity:1;display:flex;justify-content:center;
  background:url("img/fp_computer.png") no-repeat center/cover;box-shadow:none!important;
}
.hero-desktop-screen{
  position:relative;background:transparent;overflow:hidden;top:11%;
  width:calc(71.2 * var(--stageH) / 100);height:calc(46.5 * var(--stageH) / 100);
  box-shadow:0 0 102.75px 0 rgba(0,0,0,.3);
}
.hero-desktop-app{
  position:relative;left:50%;transform:translate(-50%,0);opacity:0;z-index:2;
  width:calc(71.2 * var(--stageH) / 100);height:calc(46.5 * var(--stageH) / 100);top:373px;
  background:url("img/fp_computer_player.png") no-repeat center/contain;
}

/* 副标题：775px 宽，44px 主句 + 18px 副句，纵向 44% 自由高 - 80px */
.hero-alt-title{
  position:absolute;top:calc(44 * var(--freeH) / 100 - 80px);left:50%;
  transform:translate(-50%,0);width:775px;height:86px;text-align:center;opacity:0;z-index:9;
}
.hero-alt-head{color:#fff;font-size:44px;position:absolute;top:0;width:100%;text-align:center}
.hero-alt-sub{
  color:rgba(255,255,255,.6);width:100%;font-size:18px;position:absolute;bottom:0;
}

/* 副标题下的下载按钮：与副标题同步淡入（JS 写 opacity） */
.hero-alt-cta{
  position:absolute;top:calc(44 * var(--freeH) / 100 + 30px);left:50%;
  transform:translate(-50%,0);opacity:0;z-index:9;text-decoration:none;
}

/* 设备组公共基类：运行时由内联 transform 接管（scale 或 translateX），
   因此这里的 top 代表上边缘、JS 的 x 代表左边缘 */
.hero-device{
  position:absolute;left:0;background-size:cover;background-repeat:no-repeat;opacity:0;
  box-shadow:50px -20px 102.75px -70px rgba(0,0,0,.3);
}
/* TV：唯一用 left:50% + 负 margin 居中的设备，运行时只做 scale */
#devTv{
  top:calc(56 * var(--freeH) / 100);left:50%;
  margin-left:calc(-33.5 * var(--stageH) / 100);
  width:calc(60.4 * var(--stageH) / 100);height:calc(38.3 * var(--stageH) / 100);z-index:0;
  background-image:url("img/fp_tv.png");
}
/* car/pad/phone/watch：不写 left，左边缘交给 translateX */
#devCar{
  top:calc(68.8 * var(--freeH) / 100);
  width:calc(50.3 * var(--stageH) / 100);height:calc(28 * var(--stageH) / 100);z-index:3;
  background-image:url("img/fp_car.png");
}
#devPad{
  top:calc(58.4 * var(--freeH) / 100);
  width:calc(34.77 * var(--stageH) / 100);height:calc(48 * var(--stageH) / 100);z-index:4;
  background-image:url("img/fp_pad.png");
}
#devPhone{
  top:calc(69.4 * var(--freeH) / 100);
  width:calc(19 * var(--stageH) / 100);height:calc(33 * var(--stageH) / 100);z-index:5;
  background-image:url("img/fp_phone.png");
}
#devWatch{
  top:calc(79.5 * var(--freeH) / 100);
  width:calc(15 * var(--stageH) / 100);height:calc(19.5 * var(--stageH) / 100);z-index:6;
  background-image:url("img/fp_watch.png");
}
/* 底部下箭头：28×28 fixed、bottom 3vh，345→390 渐隐 */
.hero-scrollhint{
  position:fixed;width:28px;height:28px;bottom:3vh;left:50%;transform:translate(-50%,0);
  z-index:8;background:url("img/fp_bottom_arrow.png") no-repeat center/cover;
}

/* ﹣﹣ 问答详情页（article.html）样式 ﹣﹣ */
body.post{background:#F1F3F5}
/* 吸顶返回条 */
.post-bar{position:sticky;top:0;z-index:50;height:60px;background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);border-bottom:1px solid rgba(40,50,72,.08)}
.post-bar-in{width:1192px;margin:0 auto;height:60px;display:flex;align-items:center;gap:14px}
.post-back{display:inline-flex;align-items:center;font-size:15px;color:#283248;cursor:pointer}
.post-back:hover{opacity:.7}
.post-back-i{width:16px;height:16px;margin-right:6px;border-left:2px solid #283248;
  border-bottom:2px solid #283248;transform:rotate(45deg) scale(.7)}
.post-bar-sep{color:rgba(40,50,72,.2)}
.post-bar-cat{font-size:14px;color:rgba(40,50,72,.5)}
/* 头图横幅 */
.post-hero{height:320px;background:url("img/fp_bg.png") no-repeat center/cover;
  background-color:#050507;position:relative;display:flex;align-items:flex-end}
.post-hero::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,5,7,.15) 0%,rgba(5,5,7,.75) 100%)}
.post-hero-in{width:1192px;margin:0 auto;padding-bottom:44px;position:relative;z-index:1}
.post-tag{display:inline-block;font-size:13px;color:rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:4px 12px;margin-bottom:18px}
.post-h1{font-size:40px;line-height:1.35;color:#fff;font-weight:600;max-width:900px}
.post-meta{margin-top:16px;font-size:14px;color:rgba(255,255,255,.6)}
.post-stat{margin-top:8px;font-size:14px;color:rgba(255,255,255,.45)}
/* 双栏：左目录吸顶 + 右正文卡 */
.post-wrap{width:1192px;margin:0 auto;display:flex;gap:40px;
  align-items:flex-start;padding:48px 0 100px}
.post-toc{flex:0 0 220px;position:sticky;top:92px;background:#fff;border-radius:10px;padding:24px 22px}
.post-toc-t{font-size:13px;color:rgba(40,50,72,.45);margin-bottom:14px;letter-spacing:.5px}
.post-toc a{display:block;font-size:14px;line-height:1.6;color:rgba(40,50,72,.7);
  padding:7px 0 7px 12px;border-left:2px solid rgba(40,50,72,.10)}
.post-toc a:hover{color:#283248}
.post-toc a.cur{color:#283248;border-left-color:#283248;font-weight:500}
.post-body{flex:1;min-width:0;background:#fff;border-radius:10px;padding:56px 64px 64px}
/* 摘要引导卡 */
.post-lead{font-size:18px;line-height:1.9;color:#283248;padding:22px 26px;
  background:#F7F8FA;border-radius:8px;border-left:3px solid #283248;margin-bottom:40px}
/* 段落与列表排印 */
.post-body h2{font-size:26px;font-weight:600;color:#283248;margin:48px 0 18px;
  line-height:1.4;scroll-margin-top:92px}
.post-body h2:first-child{margin-top:0}
.post-body h3{font-size:19px;font-weight:600;color:#283248;margin:32px 0 12px}
.post-body p{font-size:16px;line-height:1.95;color:rgba(40,50,72,.85);margin-bottom:18px}
.post-body b,.post-body strong{color:#283248;font-weight:600}
.post-body ul,.post-body ol{margin:0 0 20px;padding-left:0}
.post-body li{font-size:16px;line-height:1.9;color:rgba(40,50,72,.85);
  margin-bottom:10px;padding-left:20px;position:relative}
.post-body ul>li::before{content:'';position:absolute;left:4px;top:13px;
  width:5px;height:5px;border-radius:50%;background:rgba(40,50,72,.35)}
.post-body ol{counter-reset:st}
.post-body ol>li{counter-increment:st;padding-left:26px}
.post-body ol>li::before{content:counter(st) '.';position:absolute;left:0;top:0;
  color:rgba(40,50,72,.45);font-size:15px}
.post-body code{font-family:Consolas,Monaco,"Courier New",monospace;font-size:14px;
  background:#F1F3F5;color:#c0392b;padding:2px 6px;border-radius:4px;word-break:break-all}
.post-body a.lk{color:#507daf;word-break:break-all}
.post-body a.lk:hover{text-decoration:underline}
/* 数据表（正文内，类名由数据固定） */
.post-table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:15px}
.post-table th,.post-table td{border:1px solid rgba(40,50,72,.10);
  padding:12px 14px;text-align:left;line-height:1.7}
.post-table th{background:#F7F8FA;color:#283248;font-weight:600;font-size:14px}
.post-table td{color:rgba(40,50,72,.85)}
.post-table tr:hover td{background:#FAFBFC}
/* 配图块（类名由正文数据固定） */
.post-fig{margin:28px 0}
.post-fig-img{width:100%;border-radius:8px;background:#EDEFF2 no-repeat center/cover;height:340px}
.post-fig-cap{margin-top:10px;font-size:13px;color:rgba(40,50,72,.5);text-align:center}
.post-fig.narrow .post-fig-img{height:240px;background-size:contain}
.post-fig.emb{background:#fff;border:1px solid rgba(40,50,72,.08);border-radius:10px;padding:18px 18px 12px;margin:28px 0}
.post-fig-svg{width:100%}
.post-fig-svg svg{display:block;width:100%;height:auto;border-radius:6px}
.post-fig.pic{background:#fff;border:1px solid rgba(40,50,72,.08);border-radius:10px;padding:14px 14px 10px;margin:28px 0}
.post-fig.pic img{display:block;width:100%;height:auto;border-radius:6px;background:#f4f6f8}
/* 提示框（正文内，类名由数据固定） */
.post-note{border-radius:8px;padding:18px 22px;margin:24px 0;font-size:15px;line-height:1.85}
.post-note>b:first-child{display:block;margin-bottom:6px;font-size:14px}
.post-note.memo{background:#F0F5FA;color:#3d5a7a}
.post-note.memo b{color:#2c4a6e}
.post-note.alert{background:#FDF6EC;color:#8a6116}
.post-note.alert b{color:#7a5410}
.post-note.hint{background:#F1F8F2;color:#3d6b45}
.post-note.hint b{color:#2f5637}
/* 步骤列表（正文内，类名由数据固定） */
.post-body ul.post-steps{margin:8px 0 22px}
.post-body ul.post-steps>li{padding-left:22px}
.post-body ul.post-steps>li::before{background:#c20c0c;width:6px;height:6px;top:12px}
/* 追问对答 dl（v2 正文结构，类名由数据固定）：问句加粗、答句缩进成段 */
.post-body dl.w2-ask{margin:0 0 20px}
.post-body dl.w2-ask dt{font-size:16px;font-weight:600;color:#283248;line-height:1.9;margin-bottom:6px}
.post-body dl.w2-ask dd{font-size:16px;line-height:1.9;color:rgba(40,50,72,.85);
  margin:0 0 12px;padding-left:20px;position:relative}
.post-body dl.w2-ask dd::before{content:'';position:absolute;left:4px;top:13px;
  width:5px;height:5px;border-radius:50%;background:rgba(40,50,72,.35)}
/* 文末说明 */
.post-src{margin-top:52px;padding-top:28px;border-top:1px solid rgba(40,50,72,.10)}
.post-src-t{font-size:15px;font-weight:600;color:#283248;margin-bottom:14px}
.post-src ol>li{font-size:14px;line-height:1.8;color:rgba(40,50,72,.6)}
.post-src a{color:#507daf;word-break:break-all}
.post-src a:hover{text-decoration:underline}
/* 上一篇 / 下一篇 */
.post-nav{display:flex;gap:20px;margin-top:32px}
.post-nav-c{flex:1;background:#fff;border-radius:10px;padding:24px 28px;min-width:0}
.post-nav-c.emp{background:transparent}
.post-nav-l{font-size:13px;color:rgba(40,50,72,.45);margin-bottom:8px}
.post-nav-q{font-size:17px;color:#283248;line-height:1.55;font-weight:500}
.post-nav-c:not(.emp):hover .post-nav-q{color:#507daf}
.post-nav-c.fwd{text-align:right}
/* 同类推荐 */
.post-rel{background:#fff;border-radius:10px;padding:32px 36px;margin-top:20px}
.post-rel-t{font-size:20px;font-weight:600;color:#283248;margin-bottom:18px}
.post-rel a{display:block;font-size:16px;line-height:1.7;color:rgba(40,50,72,.8);
  padding:11px 0;border-bottom:1px solid rgba(40,50,72,.07)}
.post-rel a:last-child{border-bottom:0}
.post-rel a:hover{color:#507daf}
.post-none{width:1192px;margin:100px auto;background:#fff;border-radius:10px;
  padding:60px;text-align:center;color:#283248;font-size:18px}
.post-none .qa-more{justify-content:center}
/* 相关区 + 底部返回的公共容器 */
.post-relwrap{width:1192px;margin:0 auto;padding-bottom:100px}
.post-back-btm{margin-top:24px;font-size:15px}

/* ================= 帮助中心 hub（help.html，红色主题） ================= */
body.kb{background:#F1F3F5;color:#283248}
.kb-nav{background:#c20c0c;border-bottom:1px solid #a50b0b;position:sticky;top:0;z-index:50}
.kb-nav-in{max-width:1192px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.kb-brand{display:flex;align-items:center;text-decoration:none}
.kb-brand .kb-logo{height:26px;width:auto;display:block}
.kb-brand .kb-tag{margin-left:12px;padding-left:12px;border-left:1px solid rgba(255,255,255,.35);font-size:15px;color:rgba(255,255,255,.9);letter-spacing:1px}
.kb-links{display:flex;gap:26px;font-size:15px}
.kb-links a{color:rgba(255,255,255,.75)}
.kb-links a:hover{color:#fff}
.kb-links a.cur{color:#fff;font-weight:600}
/* 顶部搜索横幅 */
.kb-hero{background:linear-gradient(135deg,#c20c0c 0%,#9e0a0a 100%);color:#fff;padding:56px 20px 64px}
.kb-hero-in{max-width:820px;margin:0 auto;text-align:center}
.kb-hero h1{font-size:34px;font-weight:700;margin-bottom:12px}
.kb-hero .tagline{font-size:15px;color:rgba(255,255,255,.85);margin-bottom:28px}
.kb-search{display:flex;max-width:680px;margin:0 auto;background:#fff;border-radius:26px;padding:6px;box-shadow:0 10px 30px rgba(158,10,10,.25)}
.kb-search input{flex:1;border:0;outline:0;background:transparent;font-size:15px;padding:0 20px;color:#283248}
.kb-search button{border:0;background:#c20c0c;color:#fff;font-size:15px;padding:0 30px;height:44px;border-radius:22px;cursor:pointer}
.kb-search button:hover{background:#a90a0a}
.kb-hot{margin-top:20px;font-size:13px;display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center;align-items:center}
.kb-hot .hot-label{color:rgba(255,255,255,.7)}
.kb-hot a{color:rgba(255,255,255,.9);border-bottom:1px solid rgba(255,255,255,.3)}
.kb-hot a:hover{color:#fff;border-color:#fff}
/* 列表主体 */
.kb-main{max-width:1000px;margin:0 auto;padding:36px 20px 80px}
.kb-cats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.kb-cat{padding:8px 18px;border-radius:18px;background:#fff;color:rgba(40,50,72,.72);font-size:14px;cursor:pointer;user-select:none;border:1px solid transparent;transition:all .2s}
.kb-cat:hover{color:#283248}
.kb-cat.cur{background:#c20c0c;color:#fff}
.kb-count{font-size:13px;color:rgba(40,50,72,.5);margin-bottom:16px}
.kb-list{display:flex;flex-direction:column;gap:12px}
.kb-item{display:block;background:#fff;border-radius:12px;padding:22px 26px;transition:box-shadow .2s,transform .2s}
.kb-item:hover{box-shadow:0 6px 22px rgba(40,50,72,.10);transform:translateY(-1px)}
.kb-q{font-size:18px;font-weight:600;color:#283248;line-height:1.5}
.kb-a{margin-top:8px;font-size:14px;line-height:1.75;color:rgba(40,50,72,.65)}
.kb-m{margin-top:14px;font-size:12.5px;color:rgba(40,50,72,.45);display:flex;align-items:center;gap:8px}
.kb-pill{background:#fdf1f1;color:#c20c0c;border-radius:4px;padding:3px 10px;font-size:12px}
.kb-m .dv{color:rgba(40,50,72,.25)}
.kb-item mark,.kb-q mark{background:#ffe9b0;color:#a5590a;padding:0 2px;border-radius:2px}
.kb-none{padding:70px 0;text-align:center;color:rgba(40,50,72,.45);font-size:16px}
/* 分页条 */
.kb-pager{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:center;margin-top:32px}
.kb-pager button{min-width:38px;height:38px;padding:0 12px;border:1px solid rgba(40,50,72,.14);background:#fff;color:#283248;border-radius:8px;cursor:pointer;font-size:14px}
.kb-pager button:hover:not(:disabled){border-color:#c20c0c;color:#c20c0c}
.kb-pager button.cur{background:#c20c0c;color:#fff;border-color:#c20c0c}
.kb-pager button:disabled{opacity:.4;cursor:default}
.kb-pager .pg-ellipsis{color:rgba(40,50,72,.4)}
.kb-pager .pg-skip{font-size:13px;color:rgba(40,50,72,.55);margin-left:8px}
.kb-pager .pg-skip input{width:52px;height:34px;border:1px solid rgba(40,50,72,.14);border-radius:6px;text-align:center;margin:0 6px}
/* 页脚 */
.kb-foot{background:#fff;border-top:1px solid rgba(40,50,72,.08);padding:28px 20px}
.kb-foot-in{max-width:1000px;margin:0 auto;font-size:12.5px;line-height:1.9;color:rgba(40,50,72,.5)}
.kb-foot-in a{color:#507daf}
@media(max-width:1080px){
  body.kb{min-width:0}
  .kb-main,.kb-nav-in{max-width:100%}
  .post-wrap,.post-relwrap,.post-bar-in{width:auto;max-width:100%;padding-left:20px;padding-right:20px}
  .post-toc{display:none}
}

/* 搜索向语义标题：视觉不占位 */
.seo-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 首页专用：导航悬浮于首屏舞台之上，不挤占布局 */
.kb-nav.above-hero{position:absolute;top:0;left:0;right:0;z-index:60;border-bottom-color:rgba(165,11,11,.45)}