/* ===== CSS 变量 / 设计令牌 ===== */
:root {
    --accent: oklch(55% 0.22 25);          /* 红色主色调 */
    --accent-light: oklch(68% 0.18 25);
    --accent-dark: oklch(40% 0.22 25);
    --surface-0: oklch(98% 0 0);           /* 页面背景 */
    --surface-1: oklch(96% 0.003 250);     /* 卡片背景 */
    --surface-2: oklch(93% 0.005 250);     /* 次级卡片 */
    --surface-raised: oklch(99.5% 0 0);
    --border: oklch(88% 0.005 250);
    --text-primary: oklch(18% 0.01 250);
    --text-secondary: oklch(45% 0.01 250);
    --text-muted: oklch(62% 0.008 250);
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --shadow-sm: 0 1px 3px oklch(18% 0.01 250 / 0.08);
    --shadow-md: 0 4px 16px oklch(18% 0.01 250 / 0.1);
    --shadow-lg: 0 8px 32px oklch(18% 0.01 250 / 0.12);
    --transition: 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-color-scheme: dark) {
    :root {
        --accent: oklch(62% 0.2 25);
        --accent-light: oklch(72% 0.16 25);
        --surface-0: oklch(12% 0.008 250);
        --surface-1: oklch(16% 0.01 250);
        --surface-2: oklch(20% 0.01 250);
        --surface-raised: oklch(22% 0.01 250);
        --border: oklch(28% 0.01 250);
        --text-primary: oklch(94% 0.005 250);
        --text-secondary: oklch(70% 0.008 250);
        --text-muted: oklch(52% 0.008 250);
        --shadow-sm: 0 1px 3px oklch(0% 0 0 / 0.3);
        --shadow-md: 0 4px 16px oklch(0% 0 0 / 0.35);
        --shadow-lg: 0 8px 32px oklch(0% 0 0 / 0.4);
    }
}

/* ===== 重置 & 基础 ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; -webkit-tap-highlight-color: transparent; }

body {
    font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    background: var(--surface-0);
    color: var(--text-primary);
    line-height: 1.6;
    min-height: 100vh;
    overflow-x: hidden;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* ===== 导航栏 ===== */
.navbar {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 100;
    background: oklch(98% 0 0 / 0.85);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid var(--border);
    transition: var(--transition);
}

@media (prefers-color-scheme: dark) {
    .navbar { background: oklch(12% 0.008 250 / 0.9); }
}

.nav-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 56px;
}

.logo {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--accent);
    letter-spacing: -0.01em;
}

.menu-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-radius: var(--radius-sm);
    transition: var(--transition);
}
.menu-toggle:hover { background: var(--surface-2); }
.menu-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-primary);
    border-radius: 2px;
    transition: var(--transition);
}
.menu-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.nav-menu {
    list-style: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1);
    background: var(--surface-1);
    border-top: 1px solid var(--border);
}
.nav-menu.open { max-height: 320px; }
.nav-menu li { border-bottom: 1px solid var(--border); }
.nav-menu li:last-child { border-bottom: none; }

.nav-link {
    display: block;
    padding: 14px 20px;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: 500;
    transition: var(--transition);
}
.nav-link:hover, .nav-link.active {
    color: var(--accent);
    background: oklch(from var(--accent) l c h / 0.06);
}

/* ===== 主内容 ===== */
.main-content {
    padding-top: 56px;
    min-height: 100vh;
}

/* ===== Hero / 个人卡片 ===== */
.hero-section {
    padding: 24px 16px 40px;
}

.profile-card {
    max-width: 480px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ===== 头部信息 ===== */
.profile-header {
    background: linear-gradient(135deg, var(--accent-dark) 0%, var(--accent) 60%, var(--accent-light) 100%);
    border-radius: var(--radius-xl);
    padding: 36px 24px 28px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.profile-header::before {
    content: '';
    position: absolute;
    inset: -50%;
    background: radial-gradient(ellipse at 70% 30%, oklch(100% 0 0 / 0.08) 0%, transparent 60%);
    pointer-events: none;
}

.avatar-container {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto 16px;
}
.avatar-ring {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 3px solid oklch(100% 0 0 / 0.4);
    animation: spin 8s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
.avatar {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid oklch(100% 0 0 / 0.6);
    position: relative;
    z-index: 1;
    background: oklch(100% 0 0 / 0.2);
}
/* 无头像时的占位 */
.avatar-placeholder {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: oklch(100% 0 0 / 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    border: 3px solid oklch(100% 0 0 / 0.5);
}

.name {
    font-size: 1.875rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: 6px;
}
.title {
    font-size: 0.875rem;
    opacity: 0.85;
    letter-spacing: 0.02em;
}

/* ===== 基本信息条目 ===== */
.info-section {
    background: var(--surface-1);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
}
.info-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--border);
    transition: background var(--transition);
}
.info-item:last-child { border-bottom: none; }
.info-item:hover { background: var(--surface-2); }

.info-icon {
    font-size: 1.25rem;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: oklch(from var(--accent) l c h / 0.08);
    border-radius: var(--radius-sm);
    flex-shrink: 0;
}
.info-content { display: flex; flex-direction: column; gap: 2px; }
.info-label { font-size: 0.75rem; color: var(--text-muted); }
.info-value { font-size: 0.9375rem; font-weight: 500; color: var(--text-primary); }

/* ===== 通用 section 卡片 ===== */
.section-card {
    background: var(--surface-1);
    border-radius: var(--radius-lg);
    padding: 20px 18px;
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
}

.section-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.title-icon { font-size: 1.1rem; }

/* ===== 教育背景 ===== */
.education-list { display: flex; flex-direction: column; gap: 12px; }
.education-item {
    background: var(--surface-2);
    border-radius: var(--radius-md);
    padding: 14px 16px;
    border-left: 3px solid var(--accent);
}
.edu-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}
.edu-header h3 {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
    flex: 1;
}
.edu-badge {
    font-size: 0.7rem;
    background: oklch(from var(--accent) l c h / 0.1);
    color: var(--accent);
    padding: 2px 8px;
    border-radius: 99px;
    white-space: nowrap;
    font-weight: 600;
}
.edu-major {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    margin-top: 2px;
}

/* ===== 快速导航 ===== */
.quick-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.nav-card {
    background: var(--surface-1);
    border-radius: var(--radius-lg);
    padding: 20px 16px;
    text-decoration: none;
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.nav-card:hover, .nav-card:active {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
    border-color: oklch(from var(--accent) l c h / 0.4);
}
.nav-icon {
    font-size: 1.75rem;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: oklch(from var(--accent) l c h / 0.08);
    border-radius: var(--radius-md);
}
.nav-card h3 {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--text-primary);
}
.nav-card p {
    font-size: 0.75rem;
    color: var(--text-muted);
}

/* ===== 模态框 ===== */
.modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 200;
    background: oklch(0% 0 0 / 0.75);
    align-items: center;
    justify-content: center;
    padding: 20px;
    backdrop-filter: blur(6px);
}
.modal.open { display: flex; }
.modal-content {
    position: relative;
    max-width: 100%;
    max-height: 90vh;
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--surface-raised);
    box-shadow: var(--shadow-lg);
    animation: modalIn 200ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes modalIn {
    from { opacity: 0; transform: scale(0.88); }
    to   { opacity: 1; transform: scale(1); }
}
.modal-close {
    position: absolute;
    top: 10px; right: 14px;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--text-muted);
    line-height: 1;
    z-index: 1;
    background: var(--surface-1);
    width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    transition: var(--transition);
}
.modal-close:hover { background: var(--surface-2); color: var(--text-primary); }
#modalImage {
    display: block;
    max-width: 100%;
    max-height: 85vh;
    object-fit: contain;
}

/* ===== 入场动画 ===== */
.fade-in {
    animation: fadeIn 500ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}
.slide-in {
    opacity: 0;
    animation: slideIn 400ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
@keyframes slideIn {
    from { opacity: 0; transform: translateX(-16px); }
    to   { opacity: 1; transform: translateX(0); }
}
.info-item:nth-child(1) { animation-delay: 100ms; }
.info-item:nth-child(2) { animation-delay: 180ms; }
.info-item:nth-child(3) { animation-delay: 260ms; }

/* ===== 科技视觉升级：全站个人背景 ===== */
body{background-image:linear-gradient(120deg,rgba(3,10,25,.76),rgba(9,22,52,.58)),url('https://img.aladiin1.cn/%E5%9B%BE%E7%89%87/%E7%BD%91%E7%AB%99%E8%83%8C%E6%99%AF%E5%9B%BE.png');background-size:cover;background-position:center top;background-attachment:fixed}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 15%,rgba(0,225,255,.22),transparent 28%),radial-gradient(circle at 90% 70%,rgba(255,25,95,.18),transparent 30%);mix-blend-mode:screen;z-index:-1}.navbar{background:rgba(4,13,33,.72);border-color:rgba(0,225,255,.28)}.profile-card{max-width:1180px}.profile-header,.section-card,.info-section,.nav-card{background:rgba(7,20,48,.76);border:1px solid rgba(0,225,255,.28);box-shadow:0 0 28px rgba(0,190,255,.12);backdrop-filter:blur(14px)}.profile-header{background:linear-gradient(135deg,rgba(9,37,86,.88),rgba(100,22,92,.78));box-shadow:0 0 45px rgba(0,225,255,.22)}.name{font-size:clamp(2rem,5vw,4rem);text-shadow:0 0 22px rgba(0,225,255,.7)}.section-title,.nav-card h3,.edu-header h3,.info-value{color:#f4f8ff}.quick-nav{grid-template-columns:repeat(4,1fr)}.education-list{display:grid;grid-template-columns:1fr 1fr}.education-item{background:rgba(12,31,67,.72);border-left-color:#00dfff}.edu-badge{background:rgba(0,220,255,.14);color:#61edff}.nav-icon,.info-icon{background:rgba(0,220,255,.13)}.view-btn{background:linear-gradient(135deg,#ff1856,#a234ff 55%,#00dfff);box-shadow:0 0 18px rgba(0,220,255,.25)}@media(max-width:700px){.hero-section{padding:24px 12px 40px}.profile-card{max-width:100%}.quick-nav,.education-list{grid-template-columns:1fr 1fr}.edu-header{display:block}.edu-badge{display:inline-block;margin-top:6px}.info-value{overflow-wrap:anywhere}}@media(min-width:701px){.hero-section{padding:70px 24px}.profile-card{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}.profile-header{grid-row:span 2;display:flex;flex-direction:column;justify-content:center}.info-section{height:max-content}.quick-nav{grid-column:1/-1}.section-card{height:max-content}}

/* PC端：横向排列三幅背景图；移动端：保持单幅全屏 */
@media (min-width:701px){body{background-size:100% 100%,33.333333vw auto;background-repeat:no-repeat,repeat-x;background-position:center center,top center;background-attachment:fixed}}
@media (max-width:700px){body{background-size:auto 100vh;background-repeat:no-repeat;background-position:center top;background-attachment:scroll}}

/* PC端三幅横向背景，移动端单幅背景 */
@media (min-width:701px){body{background-size:100% 100%,33.333333vw auto;background-repeat:no-repeat,repeat-x;background-position:center center,top center;background-attachment:fixed}}
@media (max-width:700px){body{background-size:auto 100vh;background-repeat:no-repeat;background-position:center top;background-attachment:scroll}}

/* ===== 首页核心简介：身份宣言 + 数据矩阵 ===== */
.hero-intro{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:16px auto 10px;color:#eafaff;font-size:clamp(.82rem,2vw,1.05rem);font-weight:800;letter-spacing:.02em}.hero-intro span{padding:7px 12px;border:1px solid rgba(0,225,255,.35);border-radius:99px;background:rgba(0,225,255,.12);box-shadow:0 0 18px rgba(0,225,255,.13)}.hero-intro b{color:#ff58a0;font-size:1.1rem}.hero-statement{max-width:520px;margin:0 auto;color:#c5d5f0;font-size:.82rem;line-height:1.7}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px}.hero-metric{padding:12px 6px;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(0,225,255,.25);background:rgba(3,14,39,.32)}.hero-metric strong{display:block;font-size:clamp(1.25rem,3vw,2rem);line-height:1;color:#6eecff;text-shadow:0 0 15px rgba(0,225,255,.65)}.hero-metric small{display:block;margin-top:6px;color:#c3cde3;font-size:.68rem;white-space:nowrap}@media(max-width:390px){.hero-intro{font-size:.74rem}.hero-intro span{padding:6px 8px}.hero-metrics{gap:3px}.hero-metric small{font-size:.6rem}}@media(min-width:701px){.profile-header{min-height:500px}.hero-intro{max-width:580px}.hero-statement{font-size:.95rem}.hero-metrics{gap:12px;margin-top:30px}}

/* ===== 首页媒体报道背书模块 ===== */
.media-section{grid-column:1/-1;background:rgba(7,20,48,.78);border:1px solid rgba(0,225,255,.3);border-radius:22px;padding:20px;backdrop-filter:blur(14px);box-shadow:0 0 30px rgba(0,190,255,.12)}.media-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(0,225,255,.2);padding-bottom:14px;margin-bottom:14px}.media-kicker{color:#00dfff;font-size:.68rem;letter-spacing:.16em;font-weight:800}.media-heading h2{color:#f5f8ff;font-size:1.22rem;margin-top:3px}.media-caption{color:#9fb5d8;font-size:.76rem}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-card{position:relative;overflow:hidden;min-height:150px;padding:18px;text-decoration:none;color:#fff;border-radius:16px;border:1px solid rgba(0,225,255,.22);background:linear-gradient(135deg,rgba(17,42,86,.8),rgba(38,18,72,.78));transition:transform .25s,border-color .25s,box-shadow .25s}.media-card:after{content:'NEWS';position:absolute;right:-8px;bottom:-12px;color:rgba(255,255,255,.04);font-size:4.5rem;font-weight:900;font-style:italic}.media-card:hover{transform:translateY(-5px);border-color:#00dfff;box-shadow:0 0 24px rgba(0,225,255,.2)}.media-source{display:flex;align-items:center;gap:7px;color:#a9c4eb;font-size:.76rem;margin-bottom:14px}.source-dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 10px currentColor}.source-qq{color:#29a9ff;background:#29a9ff}.source-hq{color:#ff4c72;background:#ff4c72}.media-card h3{position:relative;z-index:1;font-size:1rem;line-height:1.6;color:#f4f8ff;margin-bottom:14px}.read-more{position:relative;z-index:1;color:#61edff;font-size:.78rem;font-weight:700}.read-more b{font-size:1rem;margin-left:4px}@media(max-width:700px){.media-section{padding:16px}.media-heading{display:block}.media-caption{display:block;margin-top:5px}.media-grid{grid-template-columns:1fr}.media-card{min-height:132px}.media-card h3{font-size:.92rem}}@media(min-width:701px){.media-card{min-height:175px;padding:22px}.media-card h3{font-size:1.08rem}}

/* ===== 首页首屏布局优化与证件照放大 ===== */
.avatar-container{width:156px;height:156px;margin-bottom:22px}.avatar,.avatar-placeholder{width:156px;height:156px}.avatar{object-fit:cover;object-position:center top;border-width:4px}.avatar-ring{inset:-8px;border-width:3px}.profile-header{padding:54px 32px 38px;min-height:540px}.name{margin-top:4px;margin-bottom:10px}.title{font-size:1rem}.hero-intro{margin-top:20px}.hero-metrics{max-width:600px;margin-left:auto;margin-right:auto}.section-card{padding:24px}.info-section{box-shadow:0 0 25px rgba(0,225,255,.1)}.info-item{padding:18px 22px}.quick-nav{gap:14px}.nav-card{padding:22px 18px;min-height:155px;justify-content:center}.nav-card h3{font-size:1rem}
@media(max-width:700px){.hero-section{padding:18px 12px 36px}.profile-header{padding:42px 18px 28px;min-height:0}.avatar-container{width:128px;height:128px;margin-bottom:18px}.avatar,.avatar-placeholder{width:128px;height:128px}.avatar-ring{inset:-6px}.name{font-size:2.25rem}.hero-intro{margin-top:16px}.hero-statement{padding:0 8px}.section-card{padding:18px 14px}.info-item{padding:15px 16px}.nav-card{min-height:132px;padding:16px 12px}.nav-card p{line-height:1.4}}
@media(min-width:701px){.hero-section{padding-top:72px}.profile-card{grid-template-columns:minmax(380px,1fr) minmax(460px,1.15fr);gap:24px}.profile-header{grid-row:1 / span 2}.info-section,.section-card{border-radius:24px}.quick-nav{margin-top:0}.education-list{gap:16px}.education-item{padding:18px}.avatar-container{margin-top:4px}}

/* ===== 首页首屏二次优化：平衡左右视觉比例 ===== */
@media(min-width:701px){
    .hero-section{padding:46px 24px 60px}
    .profile-card{grid-template-columns:minmax(400px,.86fr) minmax(520px,1.14fr);grid-template-rows:auto auto;gap:18px 24px;align-items:stretch}
    .profile-header{grid-column:1;grid-row:1 / span 2;min-height:0;height:100%;padding:42px 34px 30px;border-radius:28px;justify-content:flex-start}
    .avatar-container{width:138px;height:138px;margin:4px auto 18px}
    .avatar,.avatar-placeholder{width:138px;height:138px}
    .avatar-ring{inset:-7px}
    .name{font-size:3.1rem;margin-bottom:8px}
    .title{font-size:.92rem}
    .hero-intro{margin-top:18px;font-size:.9rem}
    .hero-intro span{padding:6px 10px}
    .hero-statement{font-size:.8rem;max-width:390px}
    .hero-metrics{margin-top:24px;max-width:430px;gap:7px}
    .hero-metric{padding:11px 5px}
    .hero-metric strong{font-size:1.65rem}
    .info-section{grid-column:2;grid-row:1;align-self:start}
    .section-card{grid-column:2;grid-row:2;align-self:start;padding:21px 20px}
    .education-list{gap:12px}
    .education-item{padding:15px 14px}
    .edu-header h3{font-size:.84rem}
    .quick-nav{grid-column:1/-1;grid-row:3;margin-top:4px}
    .media-section{grid-column:1/-1;grid-row:4}
}
@media(max-width:700px){
    .profile-header{padding-top:34px;padding-bottom:25px}
    .hero-intro{line-height:1.45}
    .hero-statement{margin-top:8px}
}

/* ===== PC端背景色调统一：三幅背景图 + 深海军蓝蒙版 ===== */
@media(min-width:701px){html{background:#050d1d}body{background-color:#061226;background-image:linear-gradient(180deg,rgba(2,10,27,.78) 0%,rgba(4,13,34,.88) 56%,rgba(3,9,24,.94) 100%),linear-gradient(90deg,rgba(0,217,255,.08),transparent 28%,transparent 72%,rgba(151,67,255,.1)),url('https://img.aladiin1.cn/%E5%9B%BE%E7%89%87/%E7%BD%91%E7%AB%99%E8%83%8C%E6%99%AF%E5%9B%BE.png');background-size:100% 100%,100% 100%,33.333333vw auto;background-repeat:no-repeat,no-repeat,repeat-x;background-position:center center,center center,top center;background-attachment:fixed,fixed,fixed}body:before{background:radial-gradient(circle at 14% 18%,rgba(0,214,255,.16),transparent 29%),radial-gradient(circle at 86% 76%,rgba(164,66,255,.13),transparent 32%);mix-blend-mode:screen}.navbar{background:rgba(3,13,33,.9);border-bottom-color:rgba(0,217,255,.34)}.profile-header,.section-card,.info-section,.nav-card,.media-section{background-color:rgba(6,19,47,.83)}}

/* ===== 移动端背景色调统一：单幅沉浸背景 + 稳定深蓝遮罩 ===== */
@media(max-width:700px){html{background:#050d1d}body{background-color:#061226;background-image:linear-gradient(180deg,rgba(2,10,27,.76) 0%,rgba(4,13,34,.88) 52%,rgba(3,9,24,.94) 100%),linear-gradient(135deg,rgba(0,217,255,.08),transparent 40%,rgba(151,67,255,.11)),url('https://img.aladiin1.cn/%E5%9B%BE%E7%89%87/%E7%BD%91%E7%AB%99%E8%83%8C%E6%99%AF%E5%9B%BE.png');background-size:cover,cover,cover;background-repeat:no-repeat,no-repeat,no-repeat;background-position:center center,center center,center top;background-attachment:fixed,fixed,fixed}body:before{background:radial-gradient(circle at 12% 12%,rgba(0,214,255,.14),transparent 28%),radial-gradient(circle at 88% 76%,rgba(164,66,255,.12),transparent 31%);mix-blend-mode:screen}.navbar{background:rgba(3,13,33,.92);border-bottom-color:rgba(0,217,255,.3)}.profile-header,.section-card,.info-section,.nav-card,.media-section{background-color:rgba(6,19,47,.86)}}

/* ===== 移动端可读性与点击提示全面优化 ===== */
@media(max-width:700px){body{color:#f8fbff;background-image:linear-gradient(180deg,rgba(2,9,25,.9),rgba(3,12,31,.94)),url('https://img.aladiin1.cn/%E5%9B%BE%E7%89%87/%E7%BD%91%E7%AB%99%E8%83%8C%E6%99%AF%E5%9B%BE.png');background-size:cover;background-position:center top;background-attachment:fixed}.navbar{background:rgba(2,10,28,.97);box-shadow:0 2px 18px rgba(0,0,0,.35)}.nav-link{color:#d9e6ff;font-size:1rem;font-weight:700;padding:16px 22px;min-height:54px}.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(0,217,255,.26),rgba(124,60,255,.16));border-left:3px solid #00d9ff}.profile-header,.section-card,.info-section,.nav-card,.media-section{background:rgba(5,17,43,.94);border-color:rgba(91,221,255,.42);box-shadow:0 8px 26px rgba(0,0,0,.28)}.info-label,.edu-major,.nav-card p,.media-caption{color:#b9c9e5}.info-value,.edu-header h3,.nav-card h3,.media-heading h2,.media-card h3{color:#fff}.view-btn{min-height:36px;padding:8px 14px;font-size:.82rem;font-weight:800}.nav-card{min-height:142px}.media-card{background:linear-gradient(135deg,rgba(12,39,78,.96),rgba(42,17,76,.94));border-color:rgba(91,221,255,.4)}.hero-statement{color:#d4e1f6}.hero-metric small{color:#d5e2f6}}

/* 移动端导航稳定性修复 */
@media(max-width:700px){.navbar{z-index:1000;isolation:isolate}.nav-container{position:relative;z-index:1002}.menu-toggle{position:relative;z-index:1003;display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;touch-action:manipulation;cursor:pointer}.nav-menu{position:relative;z-index:1001;width:100%;max-height:0;visibility:hidden;opacity:0;pointer-events:none}.nav-menu.open{max-height:420px;visibility:visible;opacity:1;pointer-events:auto}.nav-menu .nav-link{position:relative;z-index:1002;display:flex;align-items:center}.menu-toggle span{pointer-events:none}}

/* ===== 首页四个入口：强化可点击交互暗示 ===== */
.nav-card{position:relative;overflow:hidden;cursor:pointer}.nav-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(0,225,255,.13) 48%,transparent 75%);transform:translateX(-130%);transition:transform .55s ease}.nav-card:after{content:'↗';position:absolute;right:16px;top:16px;width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(0,225,255,.45);border-radius:50%;color:#61edff;font-size:.86rem;opacity:.78;transition:.25s}.nav-card-action{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:12px;color:#61edff;font-size:.73rem;font-weight:800;letter-spacing:.04em;opacity:.92}.nav-card-action b{font-size:1.1rem;line-height:1;transition:transform .25s}.nav-card:hover,.nav-card:focus-visible{transform:translateY(-6px);border-color:#00dfff;box-shadow:0 12px 28px rgba(0,217,255,.22)}.nav-card:hover:before,.nav-card:focus-visible:before{transform:translateX(130%)}.nav-card:hover:after,.nav-card:focus-visible:after{opacity:1;background:#00dfff;color:#061226;transform:rotate(45deg)}.nav-card:hover .nav-card-action b,.nav-card:focus-visible .nav-card-action b{transform:translateX(5px)}.nav-card:active{transform:scale(.97);transition-duration:.08s}@media(max-width:700px){.nav-card{min-height:160px;border-color:rgba(91,221,255,.55)}.nav-card-action{padding-top:10px;color:#7df1ff}.nav-card:after{right:12px;top:12px;opacity:1}.nav-card:active{background:rgba(0,217,255,.14);border-color:#00dfff}.nav-card:active .nav-card-action b{transform:translateX(5px)}}

/* ===== 全端直接展示导航：取消折叠菜单 ===== */
.navbar{height:auto}.menu-toggle{display:none!important}.nav-menu{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;max-height:none!important;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.nav-menu::-webkit-scrollbar{display:none}.nav-menu li{flex:0 0 auto}.nav-link{white-space:nowrap}@media(min-width:701px){.navbar{height:60px}.nav-container{height:60px}.nav-menu{position:absolute;right:max(20px,calc((100% - 1180px)/2));top:0;background:transparent;border:0;overflow:visible}.nav-link{height:60px;padding:19px 14px;border:0}.main-content{padding-top:60px}}@media(max-width:700px){.navbar{position:fixed;height:auto}.nav-container{height:54px}.nav-menu{position:static;width:100%;background:rgba(3,13,33,.98);border-top:1px solid rgba(0,217,255,.25);padding:0 8px}.nav-link{display:block;padding:12px 14px;min-height:46px;font-size:.86rem;font-weight:700;border-bottom:0}.main-content{padding-top:100px}}

/* 顶部仅保留导航链接 */
@media(min-width:701px){.nav-container{display:none!important}.nav-menu{left:0;right:0;justify-content:center}}
@media(max-width:700px){.nav-container{display:none!important}.nav-menu{justify-content:flex-start;border-top:0}.main-content{padding-top:46px}}


/* 移动端横向导航提示 */
.nav-scroll-hint{display:none}
@media(max-width:700px){.navbar{padding-bottom:30px}.nav-scroll-hint{position:absolute;right:8px;bottom:0;display:flex;align-items:center;gap:5px;height:30px;padding:0 8px;color:#8ff5ff;background:linear-gradient(90deg,transparent,rgba(2,10,28,.96) 28%);font-size:.72rem;font-weight:800;letter-spacing:.04em;pointer-events:none}.nav-scroll-hint b{font-size:1.25rem;line-height:1;animation:nav-hint-slide 1.25s ease-in-out infinite}.main-content{padding-top:76px}}
@keyframes nav-hint-slide{0%,100%{transform:translateX(3px);opacity:.65}50%{transform:translateX(-4px);opacity:1}}