@charset "UTF-8";
/*!
 * 华球通 · 文章页样式（新闻文章 / 学院文章 / 我的收藏）
 * 2026-10-12 建。独立文件，不并入 pages.css（避免与并行改动冲突）。
 * 视觉沿用物流学院版式：深蓝渐变头部 + 青绿点缀 + 14px 圆角卡片。
 */

/* ============================================================ 顶部头图区 */

.hqt-ar-head{background:linear-gradient(135deg,#0B2545 0%,#12395F 60%,#0E4F52 100%);color:#fff;padding:34px 0 30px;}
.hqt-ar-head .wrap{max-width:1014px;margin:0 auto;padding:0 24px;}
.hqt-ar-crumb{font-size:13px;color:rgba(255,255,255,.6);display:flex;flex-wrap:wrap;gap:7px;align-items:center;}
.hqt-ar-crumb a{color:rgba(255,255,255,.78);text-decoration:none;}
.hqt-ar-crumb a:hover{color:#5FD3B6;}
.hqt-ar-crumb i{font-style:normal;opacity:.45;}
.hqt-ar-crumb span[aria-current]{color:rgba(255,255,255,.62);max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hqt-ar-head h1{font-size:34px;line-height:1.35;font-weight:800;margin:14px 0 0;letter-spacing:-.4px;max-width:900px;}
.hqt-ar-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;font-size:13.5px;color:rgba(255,255,255,.7);}
.hqt-ar-meta a{color:inherit;text-decoration:none;}
.hqt-ar-meta a:hover{color:#5FD3B6;}
.hqt-ar-tag{display:inline-block;font-size:11.5px;font-weight:700;color:#5FD3B6;background:rgba(95,211,182,.16);border:1px solid rgba(95,211,182,.42);border-radius:6px;padding:3px 9px;}
.hqt-ar-meta-i svg{width:15px;height:15px;vertical-align:-3px;margin-right:4px;}

/* ============================================================ 主体两栏 */

/* 容器收窄到 1014：内容列 660 + 间距 38 + 侧栏 268 = 966（+左右 padding 48），
   使主栏恰好等于正文限宽，消除图/文之间的死区；头部 wrap 同步 1014 保持左右对齐。
   specificity 用 .wrap.hqt-ar-wrap（0,2,0）压过主题 .wrap，不受加载顺序影响。 */
.wrap.hqt-ar-wrap{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:38px;align-items:start;
    max-width:1014px;margin:0 auto;padding-top:32px;padding-bottom:8px;}
.hqt-ar-main{min-width:0;}
.hqt-ar-main .hqt-prose{max-width:660px;margin:0;font-size:16.5px;line-height:1.9;color:#2C3E50;}
.hqt-ar-main .hqt-featured{border-radius:14px;margin:0 0 22px;width:100%;max-width:660px;height:auto;}
.hqt-ar-tags{margin:22px 0 0;font-size:13px;color:#6B7C8F;}
.hqt-ar-tags a{display:inline-block;background:#F1F5F8;border-radius:6px;padding:3px 9px;margin:0 6px 6px 0;color:#456;text-decoration:none;font-size:12.5px;}
.hqt-ar-tags a:hover{background:#E9F7F2;color:#0F8F72;}

/* ============================================================ 互动条：点赞/踩/转发/收藏 */

.hqt-ar-vote{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 22px;max-width:660px;min-height:44px;}
.hqt-ar-vote.is-bottom{margin:28px 0 4px;}
.hqt-ar-vb{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #E3EAF0;border-radius:10px;
    padding:7px 13px;cursor:pointer;font-size:13.5px;color:#41586E;transition:all .18s;}
.hqt-ar-vb:hover{border-color:#5FD3B6;color:#0F8F72;}
.hqt-ar-vb.is-on{background:#E9F7F2;border-color:#5FD3B6;color:#0F8F72;font-weight:700;}
.hqt-ar-vb:disabled{cursor:default;}
.hqt-ar-vb-i{font-size:15px;line-height:1;}
.hqt-ar-vb-n{font-weight:700;font-variant-numeric:tabular-nums;}
.hqt-ar-vote-msg{font-size:12.5px;font-weight:600;color:#0F8F72;}

/* 收藏按钮 */
.hqt-ar-save{display:inline-flex;align-items:center;gap:7px;background:#0B2545;border:1px solid #0B2545;color:#fff;
    border-radius:10px;padding:8px 15px;cursor:pointer;font-size:13.5px;font-weight:700;transition:all .18s;}
.hqt-ar-save:hover{background:#12395F;}
.hqt-ar-save.is-on{background:#5FD3B6;border-color:#5FD3B6;color:#0B2545;}
.hqt-ar-save-i{font-size:15px;line-height:1;}
.hqt-ar-save-t{white-space:nowrap;}

/* 顶部互动行：互动条 + 收藏按钮同一行 */
.hqt-ar-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px;}
.hqt-ar-head-actions .hqt-ar-vote{margin:0;flex:1 1 auto;min-height:0;}

/* ============================================================ 本文要点（GEO） */

.hqt-geo-take{margin:0 0 26px;max-width:660px;background:#F7FBFA;border:1px solid #D7EDE6;border-left:4px solid #5FD3B6;
    border-radius:12px;padding:18px 20px 14px;}
.hqt-geo-take h2{margin:0 0 12px;font-size:14px;font-weight:800;letter-spacing:.6px;color:#0B2545;
    display:flex;align-items:center;gap:8px;}
.hqt-geo-take h2::before{content:"";width:6px;height:6px;border-radius:50%;background:#0F8F72;flex:none;}
.hqt-geo-take ul{list-style:none;margin:0;padding:0;}
.hqt-geo-take li{position:relative;padding:0 0 0 18px;margin:0 0 11px;font-size:15px;line-height:1.75;color:#2C3E50;}
.hqt-geo-take li::before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;
    background:#9FD9C8;flex:none;}
.hqt-geo-take li b{display:block;font-weight:800;color:#0B2545;font-size:14px;margin-bottom:2px;}
.hqt-geo-take li:last-child{margin-bottom:6px;}
.hqt-geo-take-note{margin:6px 0 0;padding-top:10px;border-top:1px dashed #D7EDE6;font-size:12px;color:#7A8A99;line-height:1.65;}

/* ============================================================ 文中 / 侧栏 CTA */

.hqt-ar-cta{margin:30px 0;padding:22px 24px;background:linear-gradient(135deg,#0B2545,#0E4F52);border-radius:14px;max-width:660px;}
.hqt-ar-cta.is-side{margin:0 0 14px;padding:18px;max-width:none;}
/* CTA 徽章（文中 / 侧栏共用）：渐变亮薄荷 + 深色粗体 + 外发光 + 脉冲圆点，确保醒目。
   选择器带 .hqt-ar-cta 前缀，防止将来被 CTA 内通用 span 规则覆盖（学院页曾踩此坑）。 */
.hqt-ar-cta .hqt-ar-cta-badge{display:inline-flex;align-items:center;gap:7px;
    background:linear-gradient(135deg,#8FF0DA 0%,#5FD3B6 100%);color:#05231C;
    font-size:12.5px;font-weight:900;letter-spacing:.8px;border-radius:999px;padding:4px 14px;margin:0 0 11px;
    box-shadow:0 4px 16px rgba(95,211,182,.42),0 0 0 1px rgba(255,255,255,.16);}
.hqt-ar-cta .hqt-ar-cta-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#05231C;flex:none;
    animation:hqt-badge-pulse 1.8s ease-out infinite;}
@keyframes hqt-badge-pulse{0%{box-shadow:0 0 0 0 rgba(5,35,28,.55);}70%{box-shadow:0 0 0 7px rgba(5,35,28,0);}100%{box-shadow:0 0 0 0 rgba(5,35,28,0);}}
@media(prefers-reduced-motion:reduce){.hqt-ar-cta .hqt-ar-cta-badge::before{animation:none;}}
.hqt-ar-cta b{display:block;color:#fff;font-size:17px;}
.hqt-ar-cta p{display:block;color:rgba(255,255,255,.72);font-size:13.5px;margin:6px 0 0;line-height:1.6;}
.hqt-ar-cta-btn{display:inline-flex;align-items:center;gap:6px;margin-top:14px;background:#5FD3B6;color:#0B2545;
    border-radius:9px;padding:9px 18px;font-weight:800;font-size:14px;text-decoration:none;}
.hqt-ar-cta-btn:hover{background:#7BE0C6;}
.hqt-ar-cta-btn svg{width:16px;height:16px;}

/* ============================================================ 侧栏 */

.hqt-ar-side{position:sticky;top:88px;align-self:start;}
.hqt-ar-toc{background:#fff;border:1px solid #E3EAF0;border-radius:14px;padding:16px 16px 12px;margin-bottom:14px;}
.hqt-ar-toc-t{font-size:12.5px;font-weight:800;color:#0B2545;letter-spacing:1px;margin-bottom:8px;}
.hqt-ar-toc ul{list-style:none;margin:0;padding:0;}
.hqt-ar-toc li{margin:0;}
.hqt-ar-toc a{display:block;font-size:13px;line-height:1.55;color:#5A6C7D;text-decoration:none;padding:5px 8px;
    border-radius:7px;border-left:2px solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hqt-ar-toc a:hover{background:#F4F9F8;color:#0F8F72;}
.hqt-ar-toc a.on{background:#E9F7F2;color:#0F8F72;font-weight:700;border-left-color:#5FD3B6;}
.hqt-ar-toc li.lv3 a{padding-left:20px;font-size:12.5px;}

/* 侧栏：回访 / 收藏模块（紧凑版：标题 + 双按钮行，高度约为旧版一半） */
.hqt-ar-follow{background:#F7FBFA;border:1px solid #D7EDE6;border-radius:14px;padding:14px 16px;margin-bottom:14px;}
.hqt-ar-follow-t{font-size:12.5px;font-weight:800;color:#0B2545;letter-spacing:1px;margin-bottom:10px;}
.hqt-ar-follow-row{display:flex;gap:8px;}
.hqt-ar-follow-row .hqt-ar-save{flex:1;min-width:0;justify-content:center;padding:8px 10px;font-size:13px;}
.hqt-ar-follow-link{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;
    background:#fff;border:1px solid #0F8F72;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:700;
    color:#0F8F72;text-decoration:none;transition:all .18s;white-space:nowrap;}
.hqt-ar-follow-link:hover{background:#E9F7F2;}
.hqt-ar-follow-link::after{content:"\203A";font-size:16px;line-height:1;font-weight:800;}
.hqt-ar-follow-n{background:#0F8F72;color:#fff;border-radius:999px;font-size:11px;font-weight:800;
    padding:1px 7px;min-width:18px;text-align:center;}
.hqt-ar-side-link{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #E3EAF0;border-radius:14px;
    padding:13px 16px;margin-bottom:14px;font-size:13.5px;font-weight:700;color:#0B2545;text-decoration:none;}
.hqt-ar-side-link:hover{border-color:#5FD3B6;color:#0F8F72;}
.hqt-ar-side-link svg{width:15px;height:15px;flex:none;margin-left:auto;}

/* 手机折叠目录 */
.hqt-ar-toc-m{display:none;margin:0 0 18px;border:1px solid #E3EAF0;border-radius:12px;background:#fff;padding:0 14px;}
.hqt-ar-toc-m summary{cursor:pointer;font-size:13.5px;font-weight:700;color:#0B2545;padding:12px 0;list-style:none;}
.hqt-ar-toc-m summary::-webkit-details-marker{display:none;}
.hqt-ar-toc-m summary::after{content:"▾";float:right;color:#8AA0B4;}
.hqt-ar-toc-m[open] summary::after{content:"▴";}
.hqt-ar-toc-m ul{list-style:none;margin:0;padding:0 0 10px;}
.hqt-ar-toc-m a{display:block;font-size:13px;line-height:1.6;color:#5A6C7D;text-decoration:none;padding:5px 0;}
.hqt-ar-toc-m a.on{color:#0F8F72;font-weight:700;}
.hqt-ar-toc-m li.lv3 a{padding-left:16px;font-size:12.5px;}

/* ============================================================ 上下篇 */

.hqt-ar-pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:32px 0 0;max-width:660px;}
.hqt-ar-pn-i{display:block;background:#fff;border:1px solid #E3EAF0;border-radius:12px;padding:14px 16px;
    text-decoration:none;min-width:0;}
.hqt-ar-pn-i:hover{border-color:#5FD3B6;}
.hqt-ar-pn-i span{display:block;font-size:12px;color:#8AA0B4;margin-bottom:5px;}
.hqt-ar-pn-i b{display:block;font-size:13.5px;line-height:1.55;color:#0B2545;font-weight:700;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hqt-ar-pn-i.is-next{text-align:right;}

/* ============================================================ 相关文章 / 相关知识 */

.hqt-ar-rel{padding:34px 0 10px;}
.hqt-ar-rel .sec-hd h2{font-size:20px;font-weight:800;color:#0B2545;margin:0;}
.hqt-ar-rel .sec-hd .sub{font-size:13px;color:#8AA0B4;margin-top:4px;}
.hqt-ar-rel-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:16px;}
.hqt-ar-card{display:block;background:#fff;border:1px solid #E3EAF0;border-radius:14px;padding:16px 18px;
    text-decoration:none;transition:all .18s;}
.hqt-ar-card:hover{border-color:#5FD3B6;transform:translateY(-2px);box-shadow:0 8px 22px rgba(11,37,69,.07);}
.hqt-ar-card .t{font-size:15px;font-weight:700;line-height:1.55;color:#0B2545;margin:0 0 8px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hqt-ar-card .d{font-size:13px;line-height:1.65;color:#6B7C8F;margin:0;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hqt-ar-card .m{margin-top:10px;font-size:12px;color:#8AA0B4;display:flex;gap:10px;flex-wrap:wrap;}

/* ============================================================ 我的收藏页 */

.hqt-fav-wrap{padding-top:26px;padding-bottom:50px;max-width:820px;}
.hqt-fav-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.hqt-fav-cnt{font-size:13.5px;color:#6B7C8F;}
.hqt-fav-clear{margin-left:auto;background:#fff;border:1px solid #E3EAF0;border-radius:9px;padding:6px 14px;
    font-size:13px;color:#8A5A5A;cursor:pointer;}
.hqt-fav-clear:hover{border-color:#E0B4B4;background:#FDF7F7;}
.hqt-fav-list{list-style:none;margin:0;padding:0;border:1px solid #E3EAF0;border-radius:14px;background:#fff;overflow:hidden;}
.hqt-fav-item{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #F1F5F8;}
.hqt-fav-item:last-child{border-bottom:0;}
.hqt-fav-item:hover{background:#FAFDFC;}
.hqt-fav-link{flex:1;min-width:0;text-decoration:none;display:flex;flex-direction:column;gap:3px;}
.hqt-fav-link b{font-size:14.5px;font-weight:700;color:#0B2545;line-height:1.55;overflow:hidden;
    text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.hqt-fav-link:hover b{color:#0F8F72;}
.hqt-fav-date{font-size:12px;color:#8AA0B4;}
.hqt-fav-rm{flex:none;width:28px;height:28px;line-height:1;border:1px solid #E3EAF0;background:#fff;border-radius:8px;
    color:#8AA0B4;font-size:17px;cursor:pointer;}
.hqt-fav-rm:hover{border-color:#E0B4B4;color:#B4695F;background:#FDF7F7;}
.hqt-fav-empty{padding:56px 20px;text-align:center;background:#fff;border:1px dashed #D7EDE6;border-radius:14px;}
.hqt-fav-empty p{margin:0 0 8px;font-size:15px;font-weight:700;color:#0B2545;}
.hqt-fav-empty span{font-size:13.5px;color:#8AA0B4;line-height:1.7;}

/* ============================================================ 响应式 */

@media(max-width:1000px){
    .wrap.hqt-ar-wrap{grid-template-columns:minmax(0,1fr);gap:0;}
    .hqt-ar-side{position:static;margin-top:30px;}
    .hqt-ar-toc{display:none;}
    .hqt-ar-toc-m{display:block;}
    .hqt-ar-head{padding:26px 0 24px;}
    .hqt-ar-head h1{font-size:26px;}
    .hqt-ar-crumb span[aria-current]{max-width:230px;}
    .hqt-ar-pn{grid-template-columns:1fr;}
    .hqt-ar-pn-i.is-next{text-align:left;}
    .hqt-ar-main .hqt-prose{font-size:16px;}
}
@media(max-width:600px){
    .hqt-ar-vote{gap:8px;margin-bottom:18px;min-height:0;}
    .hqt-ar-vb{padding:7px 11px;font-size:13px;}
    .hqt-ar-vote-msg{flex-basis:100%;font-size:12px;}
    .hqt-ar-head h1{font-size:22.5px;line-height:1.42;}
    .hqt-geo-take{padding:16px 16px 12px;border-radius:10px;}
    .hqt-geo-take li{font-size:14.5px;}
    .hqt-ar-cta{padding:18px;}
    .hqt-ar-fav{padding:14px;}
}