/* 移动端：沉浸头让开悬浮导航 */
    @media (max-width:767px){
      .page-hero{padding-top:126px}
      .snap{scroll-margin-top:64px}
    }
    .bj-card .im.noimg{background:linear-gradient(135deg,#1554D8 0%,#0AA6C9 100%)}
    /* 内容页：标题进蓝色沉浸头，正文白卡置中 */
    .page-hero .breadcrumb-list{justify-content:center}
    .page-hero h1.article-title{font-size:clamp(26px,3.6vw,52px);margin-top:18px}
    .page-hero .ph-meta span a{color:#fff}
    .article-main{margin-top:0}
    /* 阅读体验优化 */
    .article-content{font-size:17px;line-height:2.1;letter-spacing:.01em}
    .article-content p{text-align:justify}
    
/* v8.3 精修：单层导航（去顶条） */
.topbar{display:none}
.nav-container{height:68px}

/* v8.3 内容页精修 */
.page-hero{min-height:auto;padding:148px 0 96px;position:relative;overflow:hidden;background:linear-gradient(112deg,rgba(9,26,84,.94),rgba(11,42,142,.88) 45%,rgba(21,84,216,.8)),url('/images/about.webp') center/cover no-repeat #0B2A8E}
.page-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:72%;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 92% 100% at 50% 0%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 92% 100% at 50% 0%,#000 25%,transparent 78%);pointer-events:none}
.page-hero::after{content:'';position:absolute;width:620px;height:620px;border-radius:50%;border:1px solid rgba(255,255,255,.16);right:-180px;top:-260px;box-shadow:inset 0 0 0 70px rgba(255,255,255,.04),inset 0 0 0 150px rgba(255,255,255,.03);pointer-events:none}
.ph-mast{display:flex;align-items:center;justify-content:center;gap:14px;font-size:13.5px;font-weight:700;letter-spacing:.2em;color:rgba(255,255,255,.94);margin-bottom:30px}
.ph-mast::before,.ph-mast::after{content:'';height:1px;width:64px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55))}
.ph-mast::after{background:linear-gradient(90deg,rgba(255,255,255,.55),transparent)}
.ph-mast em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.32em;color:rgba(255,255,255,.6);font-weight:400}
@media (max-width:767px){.ph-mast{font-size:12px;letter-spacing:.14em;gap:9px;margin-bottom:22px}.ph-mast em{display:none}.ph-mast::before,.ph-mast::after{width:26px}}
.ph-curve{position:absolute;bottom:-116px;left:-10%;width:120%;height:150px;background:#fff;border-radius:50% 50% 0 0;pointer-events:none}
.ph-net{position:absolute;inset:0;pointer-events:none}
.ph-net i{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 12px 3px rgba(255,255,255,.3);animation:phTwk 3.4s ease-in-out infinite}
.ph-net i:nth-child(1){left:11%;top:24%}
.ph-net i:nth-child(2){left:21%;top:62%;width:3px;height:3px;animation-delay:.7s}
.ph-net i:nth-child(3){left:37%;top:16%;width:4px;height:4px;animation-delay:1.3s}
.ph-net i:nth-child(4){left:68%;top:20%;animation-delay:.4s}
.ph-net i:nth-child(5){left:85%;top:56%;width:3px;height:3px;animation-delay:1.8s}
.ph-net i:nth-child(6){left:56%;top:68%;width:4px;height:4px;animation-delay:1.1s}
@keyframes phTwk{0%,100%{opacity:.12;transform:scale(.65)}50%{opacity:.95;transform:scale(1.2)}}
.ph-ring{position:absolute;left:-130px;bottom:-190px;width:360px;height:360px;border-radius:50%;border:1px dashed rgba(255,255,255,.22);animation:phSpin 48s linear infinite;pointer-events:none}
@keyframes phSpin{to{transform:rotate(360deg)}}
.ph-vlabel{position:absolute;right:26px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-family:var(--mono);font-size:10px;letter-spacing:.42em;color:rgba(255,255,255,.38);pointer-events:none}
@media (max-width:767px){.ph-vlabel{display:none}}
.ph-tags{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.ph-tags span{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:rgba(255,255,255,.85);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 13px}
.ph-tags .ic{width:12px;height:12px;color:#FFC59E}
@media (max-width:767px){.ph-tags span{padding:4px 10px;font-size:10.5px}}
.ph-ghost{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);font-family:var(--mono);font-weight:800;font-size:clamp(70px,9.5vw,140px);letter-spacing:.1em;color:rgba(255,255,255,.055);white-space:nowrap;line-height:1;pointer-events:none;user-select:none}
.page-hero .bj-wrap{position:relative;z-index:1}
.page-hero h1.article-title{font-size:clamp(30px,4.3vw,58px);margin-top:20px;letter-spacing:.015em}
.page-hero h1.article-title::after{width:44px;height:3px;margin-top:16px}
.page-hero .ph-meta{margin-top:20px}
.page-hero .ph-meta span{padding:8px 18px;font-size:13px;border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.08)}
@media (max-width:1023px){
.article-flow{display:grid;grid-template-columns:1fr;gap:0;max-width:760px;padding:clamp(30px,4vw,52px) 18px}
.article-side{order:2;position:static;margin-top:28px}
.article-main{border:0;border-radius:0;box-shadow:none;padding:0;background:transparent}
}
.article-excerpt{background:rgba(21,84,216,.045);border:0;border-left:3px solid var(--royal);border-radius:0;padding:14px 20px;font-size:15.5px;line-height:1.9}
.article-content{font-size:17.5px;line-height:2.15}
.article-content h2{padding-left:12px;border-left:4px solid;border-image:linear-gradient(115deg,#1554D8,#0AA6C9) 1;line-height:1.35}
.share-row{background:#fff;border:1px solid var(--hair);border-radius:16px;padding:16px 20px;margin-top:30px}
.share-rail .share-btn{border-color:rgba(21,84,216,.25);color:var(--royal)}
.share-rail .share-btn:hover{background:var(--royal);color:#fff;border-color:var(--royal)}
.ly-card{background:#F5F8FE;border:0;border-radius:14px;padding:18px 22px}
.ly-card .ly-h{font-size:13.5px;color:var(--ink2)}
.post-nav a{background:#fff;border-radius:12px}