/* 恒利企业智能体学院补充样式：保持官网头尾与菜单设计，仅增强内容区 */
.academy-hero {
    margin-top: 70px;
    padding: 120px 0 90px;
    background: radial-gradient(circle at 50% 18%, rgba(0,153,255,.28), transparent 36%), linear-gradient(180deg, rgba(4,18,45,.94) 0%, rgba(7,36,80,.88) 45%, rgba(4,16,35,.96) 100%);
    color: #fff;
    text-align: center;
}

.academy-hero::before, .article-hero::before {
    content:'';
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg, transparent 0 8%, rgba(255,255,255,.05) 8% 8.3%, transparent 8.3% 100%),
        linear-gradient(180deg, transparent 0 68%, rgba(255,255,255,.08) 68% 69%, transparent 69% 100%);
    opacity:.28;
    pointer-events:none;
}
.academy-hero, .article-hero { position:relative; overflow:hidden; }
.academy-hero .container, .article-hero .container { position:relative; z-index:2; }

.academy-hero .container { max-width: 1100px; }
.academy-eyebrow { display:inline-block; padding:8px 18px; border:1px solid rgba(255,255,255,.32); border-radius:999px; background:rgba(255,255,255,.12); font-size:14px; margin-bottom:24px; }
.academy-hero h1 { font-size: 52px; line-height:1.18; margin:0 0 22px; font-weight:800; text-shadow: 2px 2px 4px rgba(0,0,0,.28); }
.academy-hero p { max-width: 820px; margin:0 auto; color:rgba(255,255,255,.9); font-size:20px; line-height:1.8; }
.academy-section { padding: 90px 0; background:#fff; }
.academy-section.light { background:linear-gradient(135deg,#f8fbff 0%,#fff 100%); }
.academy-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:34px; }
.academy-card { display:block; background:#fff; border:1px solid #e8f4fd; border-radius:20px; padding:34px 30px; min-height:280px; transition:all .3s ease; color:#333; text-decoration:none; }
.academy-card:hover { transform:translateY(-8px); border-color:var(--primary-blue); box-shadow:0 20px 40px rgba(31,78,121,.15); }
.academy-icon { width:64px; height:64px; border-radius:18px; background:linear-gradient(135deg,#f8fbff,#e8f4fd); color:var(--primary-blue); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:18px; margin-bottom:24px; }
.academy-card h3 { font-size:24px; color:#1a1a1a; margin-bottom:16px; line-height:1.35; }
.academy-card p { color:#666; line-height:1.8; font-size:15px; }
.academy-tags { margin-top:18px; display:flex; flex-wrap:wrap; gap:10px; }
.academy-tag { background:linear-gradient(135deg,var(--primary-blue),var(--light-blue)); color:#fff; border-radius:20px; padding:6px 14px; font-size:13px; font-weight:600; }
.academy-summary { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; }
.academy-summary h2 { font-size:42px; line-height:1.25; margin-bottom:20px; color:#1a1a1a; }
.academy-summary p { color:#666; font-size:17px; line-height:2; margin-bottom:18px; text-indent:2em; }
.academy-points { display:grid; grid-template-columns: repeat(2,1fr); gap:22px; }
.academy-point { background:linear-gradient(135deg,#f8fbff,#e8f4fd); padding:26px; border-radius:18px; }
.academy-point strong { display:block; color:var(--primary-blue); font-size:24px; margin-bottom:8px; }
.article-hero { margin-top:70px; padding:90px 0 70px; background: radial-gradient(circle at 50% 18%, rgba(0,153,255,.28), transparent 36%), linear-gradient(180deg, rgba(4,18,45,.94) 0%, rgba(7,36,80,.88) 45%, rgba(4,16,35,.96) 100%); color:#fff; }
.article-hero .container { max-width:980px; }
.article-hero h1 { font-size:48px; line-height:1.22; margin:18px 0; font-weight:800; }
.article-hero p { font-size:20px; line-height:1.8; color:rgba(255,255,255,.9); }
.breadcrumb { font-size:14px; color:rgba(255,255,255,.78); }
.breadcrumb a { color:#fff; }
.article-main { max-width:980px; margin:0 auto; padding:70px 20px; }
.article-lead { font-size:21px; line-height:1.9; color:#1a1a1a; background:#f8fbff; border-left:5px solid var(--primary-blue); padding:24px 28px; border-radius:14px; margin-bottom:34px; }
.article-main h2 { font-size:32px; color:#1a1a1a; margin:46px 0 16px; }
.article-main h3 { font-size:22px; color:#1a1a1a; margin:30px 0 12px; }
.article-main p, .article-main li { font-size:17px; line-height:2; color:#555; }
.article-main p { margin:0 0 18px; }
.article-main ul { padding-left:22px; margin-bottom:24px; }
.article-quote { background:#1a1a1a; color:#fff; border-radius:20px; padding:30px; font-size:24px; font-weight:700; margin:34px 0; }
.article-table { width:100%; border-collapse:collapse; margin:26px 0; border-radius:16px; overflow:hidden; }
.article-table th,.article-table td { border:1px solid #e8f4fd; padding:16px; text-align:left; vertical-align:top; line-height:1.8; }
.article-table th { background:#f8fbff; color:#1a1a1a; }
.article-cta { background:linear-gradient(135deg,var(--primary-blue),var(--light-blue)); color:#fff; border-radius:24px; padding:38px; text-align:center; margin:54px 0 10px; }
.article-cta h2 { color:#fff; margin-top:0; }
.article-cta p { color:#fff; text-indent:0; }
.article-cta a { display:inline-block; margin-top:14px; padding:12px 28px; border-radius:50px; background:#fff; color:var(--primary-blue); font-weight:700; text-decoration:none; }
@media(max-width:900px){.academy-grid{grid-template-columns:1fr}.academy-summary{grid-template-columns:1fr}.academy-hero h1,.article-hero h1{font-size:36px}.academy-points{grid-template-columns:1fr}.academy-section{padding:60px 0}}


/* Harness开发流程增强 */
.process-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:32px 0;}
.process-step{background:#fff;border:1px solid #e8f4fd;border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(0,153,255,.06);position:relative;}
.process-step .num{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#0099FF,#33AAFF);color:#fff;font-weight:800;margin-bottom:12px;}
.process-step h3{font-size:1.15rem;margin:6px 0 10px;color:#111;}
.process-step p{color:#666;line-height:1.75;font-size:.98rem;}
.dev-table{width:100%;border-collapse:collapse;margin:28px 0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,153,255,.06);}
.dev-table th,.dev-table td{border:1px solid #e8f4fd;padding:16px 18px;text-align:left;vertical-align:top;line-height:1.7;}
.dev-table th{background:#f3f9ff;color:#111;font-weight:700;}
.code-card{background:#0b1f35;color:#eaf6ff;border-radius:18px;padding:24px;margin:26px 0;overflow:auto;line-height:1.75;font-size:.95rem;}
.code-card code{font-family:Consolas,Menlo,Monaco,monospace;white-space:pre-wrap;}
.deliverable-box{background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid #dcefff;border-left:5px solid #0099FF;border-radius:16px;padding:22px;margin:24px 0;}
.deliverable-box h3{margin-bottom:10px;color:#111;}
.checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:22px 0;}
.checkitem{background:#fff;border:1px solid #e8f4fd;border-radius:14px;padding:16px;color:#444;}
.checkitem strong{color:#0099FF;}


/* SKILL专题与移动端自适应增强 */
@media (max-width: 1024px) {
  .nav-container { height: auto; min-height: 70px; flex-wrap: wrap; gap: 10px; padding-top: 10px; padding-bottom: 10px; }
  .nav-menu { gap: 18px; flex-wrap: wrap; justify-content: center; order: 3; width: 100%; }
  .lang-switch { margin-left: 0; }
  .academy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  .academy-card { min-height: auto; }
  .article-main { max-width: 900px; }
}

@media (max-width: 768px) {
  body { overflow-x: hidden; }
  .navbar { position: sticky; }
  .nav-container { align-items: flex-start; }
  .nav-logo .logo-text, .footer-logo .logo-text { font-size: 20px; }
  .logo-icon { width: 34px; height: 34px; }
  .nav-menu { display: flex; overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; gap: 18px; padding: 8px 0 4px; scrollbar-width: none; }
  .nav-menu::-webkit-scrollbar { display: none; }
  .nav-link { white-space: nowrap; font-size: 14px; }
  .nav-toggle { display: none; }
  .lang-switch { padding: 4px 8px; }
  .academy-hero, .article-hero { margin-top: 0; padding: 72px 0 52px; }
  .academy-hero h1, .article-hero h1 { font-size: 30px; line-height: 1.25; }
  .academy-hero p, .article-hero p { font-size: 16px; line-height: 1.75; }
  .academy-eyebrow { font-size: 12px; padding: 6px 12px; }
  .academy-section { padding: 52px 0; }
  .section-header { margin-bottom: 34px; }
  .section-title { font-size: 28px; }
  .section-subtitle { font-size: 15px; line-height: 1.8; }
  .academy-grid { grid-template-columns: 1fr; gap: 18px; }
  .academy-card { padding: 24px 20px; border-radius: 16px; }
  .academy-card h3 { font-size: 20px; }
  .academy-card p { font-size: 14px; }
  .academy-icon { width: 52px; height: 52px; border-radius: 15px; margin-bottom: 16px; }
  .academy-summary h2 { font-size: 28px; }
  .academy-summary p { font-size: 15px; text-indent: 0; }
  .article-main { padding: 42px 16px; }
  .article-lead { font-size: 17px; padding: 18px; line-height: 1.8; }
  .article-main h2 { font-size: 24px; margin-top: 34px; }
  .article-main h3 { font-size: 19px; }
  .article-main p, .article-main li { font-size: 15px; line-height: 1.9; }
  .article-quote { font-size: 18px; padding: 22px; border-radius: 16px; }
  .dev-table, .article-table { display: block; overflow-x: auto; white-space: nowrap; }
  .dev-table th, .dev-table td, .article-table th, .article-table td { min-width: 150px; padding: 12px; font-size: 14px; }
  .process-map, .checklist { grid-template-columns: 1fr; }
  .code-card { padding: 18px; font-size: 13px; border-radius: 14px; }
  .article-cta { padding: 26px 18px; border-radius: 18px; }
  .article-cta h2 { font-size: 24px; }
  .footer-content, .footer-links, .contact-content { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 480px) {
  .container { padding: 0 14px; }
  .academy-hero h1, .article-hero h1 { font-size: 26px; }
  .section-title { font-size: 24px; }
  .academy-card { padding: 22px 18px; }
  .academy-tags { gap: 6px; }
  .academy-tag { font-size: 12px; padding: 5px 10px; }
  .breadcrumb { font-size: 12px; }
  .article-main h2 { font-size: 22px; }
  .footer { padding-top: 42px; }
}


/* 移动端菜单修复：点击汉堡按钮展开/收起 */
@media (max-width: 768px) {
  .nav-container {
    position: relative;
    align-items: center;
    flex-wrap: nowrap;
    min-height: 64px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .nav-logo { flex: 1 1 auto; min-width: 0; }
  .nav-logo a { min-width: 0; }
  .nav-logo .logo-text { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .nav-toggle {
    display: flex !important;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9ecff;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(0,153,255,.08);
    z-index: 1002;
  }
  .nav-toggle span { width: 22px; height: 2px; border-radius: 2px; }
  .lang-switch { flex: 0 0 auto; }
  .nav-menu {
    display: none !important;
    position: absolute;
    top: calc(100% + 8px);
    left: 14px;
    right: 14px;
    width: auto;
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    padding: 10px;
    background: rgba(255,255,255,.98);
    border: 1px solid #dcefff;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(11,31,53,.16);
    z-index: 1001;
  }
  body.nav-open .nav-menu { display: flex !important; }
  .nav-menu li { width: 100%; }
  .nav-link {
    display: block;
    width: 100%;
    padding: 13px 14px;
    border-radius: 12px;
    font-size: 15px;
    white-space: normal;
  }
  .nav-link:hover { background: #f3f9ff; }
  .nav-link::after { display: none; }
  body.nav-open .nav-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  body.nav-open .nav-toggle span:nth-child(2) { opacity: 0; }
  body.nav-open .nav-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
}

@media (max-width: 420px) {
  .nav-container { padding-left: 12px; padding-right: 12px; gap: 8px; }
  .nav-logo .logo-text { font-size: 18px; }
  .lang-item { font-size: 12px; padding: 3px 6px; }
  .lang-switch { gap: 4px; padding: 4px 6px; }
  .nav-toggle { width: 38px; height: 38px; }
}