/* 两套主题共用布局，宽屏目录留出独立栏位。 */
.theme-toggle{margin-left:auto;padding:8px 12px;border:1px solid #d6ae7260;border-radius:6px;background:transparent;color:var(--gold);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.theme-toggle:hover{background:#d6ae7218}.theme-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(min-width:1500px){
 body[data-page="experience"] main{padding-left:0}
 body[data-page="experience"] .reading-nav{position:fixed;left:24px;top:170px;width:164px;padding:16px 0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;background:transparent;border:0;backdrop-filter:none}
 .reading-nav>span{margin:0 0 10px 23px;font-size:11px;letter-spacing:.1em}
 .reading-nav a{position:relative;padding:8px 5px 8px 23px;border-radius:0;color:#9eafba;font-size:12px;white-space:normal}
 .reading-nav a::before{content:"";position:absolute;left:3px;top:15px;width:7px;height:7px;border:1px solid #7d909e;border-radius:50%}
 .reading-nav a:hover{background:transparent;color:var(--gold)}
 .reading-nav a.is-active{background:transparent;color:var(--gold);font-weight:700}
 .reading-nav a.is-active::before{background:var(--gold);border-color:var(--gold)}
}
@media(max-width:680px){.nav-wrap{gap:12px}.theme-toggle{padding:7px 8px;font-size:11px}.brand{font-size:15px}.brand-mark{width:35px;height:35px}.brand-sub{font-size:8px}}
html[data-theme="warm"]{--navy:#f8f3e9;--navy-2:#f0e7d9;--ink:#342c25;--muted:#796b5d;--gold:#a45035;--gold-2:#94452e;--paper:#f2ece1;--line:#d8cdbb}
html[data-theme="warm"] body{background:#f8f3e9;color:#342c25}
html[data-theme="warm"] .site-header{background:#f8f3e9f5;border-color:#d8cdbb}
html[data-theme="warm"] .brand{color:#342c25}
html[data-theme="warm"] .brand-sub,html[data-theme="warm"] .site-nav a{color:#796b5d}
html[data-theme="warm"] .site-nav a:hover,html[data-theme="warm"] .site-nav a.active{color:#342c25}
html[data-theme="warm"] .hero,html[data-theme="warm"] .page-hero,html[data-theme="warm"] .section-dark,html[data-theme="warm"] .hero-greeting{color:#342c25}
html[data-theme="warm"] .hero-lead,html[data-theme="warm"] .hero-contact,html[data-theme="warm"] .page-hero>p:not(.eyebrow),html[data-theme="warm"] .hero-facts span,html[data-theme="warm"] .section-dark .section-heading>p{color:#796b5d}
html[data-theme="warm"] .hero-facts strong{color:#342c25}
html[data-theme="warm"] .hero-facts div{border-color:#cbbba5}
html[data-theme="warm"] .button-primary{background:#a45035;color:#fffaf3}
html[data-theme="warm"] .button-primary:hover{background:#8e412b}
html[data-theme="warm"] .button-ghost{border-color:#cbbba5;color:#342c25}
html[data-theme="warm"] .portrait-frame{background:#e8dece;box-shadow:16px 16px 0 #d8cbb8}
html[data-theme="warm"] .portrait-caption{color:#796b5d}
html[data-theme="warm"] .info-card{background:#fffaf3;border-color:#d8cdbb}
html[data-theme="warm"] .info-card p,html[data-theme="warm"] .timeline-body p,html[data-theme="warm"] .detail-list{color:#6b5d50}
html[data-theme="warm"] .info-card .card-main,html[data-theme="warm"] .detail-list strong{color:#342c25}
html[data-theme="warm"] .rule,html[data-theme="warm"] .next-section{background:#e9dfd0}
html[data-theme="warm"] .timeline,html[data-theme="warm"] .timeline-item{border-color:#d8cdbb}
html[data-theme="warm"] body[data-page="experience"] .project-card{background:#fffaf3;border-color:#d8cdbb;border-radius:4px;box-shadow:0 6px 18px #342c2506}
html[data-theme="warm"] body[data-page="experience"] .project-featured{background:linear-gradient(130deg,#fffaf3,#f1e5d3);border-top-color:#a45035}
html[data-theme="warm"] .project-card p,html[data-theme="warm"] .section-dark .detail-list{color:#6b5d50}
html[data-theme="warm"] .project-role{color:#796b5d!important}
html[data-theme="warm"] .project-status{color:#94452e;background:#a4503510;border-color:#a4503540}
html[data-theme="warm"] .project-tech .tech-framework{background:#e9edf2;color:#41566f;border-color:#cdd5df}
html[data-theme="warm"] .project-tech .tech-data{background:#e7ede4;color:#506449;border-color:#cbd5c5}
html[data-theme="warm"] .project-tech .tech-ai{background:#f3e4d7;color:#8b5038;border-color:#dfc5b1}
html[data-theme="warm"] .honor-row:hover,html[data-theme="warm"] .honor-row:focus-within{background:#eae0d1}
html[data-theme="warm"] .site-footer{background:#e9dfd0;color:#796b5d}
html[data-theme="warm"] .reading-nav{background:#f8f3e9f5;border-color:#d8cdbb}
html[data-theme="warm"] .reading-nav a,html[data-theme="warm"] .reading-nav>span{color:#796b5d}
html[data-theme="warm"] .reading-nav a:hover,html[data-theme="warm"] .reading-nav a.is-active{color:#94452e;background:#a4503510}
html[data-theme="warm"] .back-to-top{background:#fffaf3;color:#94452e;border-color:#c9aa91}
html[data-theme="warm"] .interaction-status{background:#fffaf3;color:#342c25;border-color:#c9aa91}
html[data-theme="warm"] .theme-toggle{border-color:#c9aa91;color:#94452e}
html[data-theme="warm"] .menu-toggle{border-color:#c9aa91}
html[data-theme="warm"] .menu-toggle span{background:#342c25}
@media(min-width:1500px){html[data-theme="warm"] .reading-nav{background:transparent}html[data-theme="warm"] .reading-nav a:hover,html[data-theme="warm"] .reading-nav a.is-active{background:transparent}}
@media(max-width:680px){html[data-theme="warm"] .site-nav{background:#f8f3e9;border-color:#d8cdbb}}

/* 主题切换使用实心按钮，内页恢复全宽居中布局。 */
.theme-toggle{background:#d6ae72;color:#0d2337;border:1px solid #d6ae72;box-shadow:0 2px 8px #0002;font-weight:600;padding:9px 14px;border-radius:7px}
.theme-toggle:hover{background:#e7bf85}
html[data-theme="warm"] .theme-toggle{background:#a45035;color:#fffaf3;border-color:#a45035}
html[data-theme="warm"] .theme-toggle:hover{background:#8e412b}

/* 无文字主题开关。 */
.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:space-between;flex:none;width:68px;height:34px;padding:0 8px;border:1px solid #6e8193;border-radius:999px;background:#23394d;color:#d6ae72;box-shadow:inset 0 1px 4px #0003}
.theme-toggle:hover{background:#2d465d}
.theme-icon{position:relative;z-index:2;width:18px;text-align:center;line-height:1;font-size:18px;pointer-events:none}
.theme-sun{color:#a9b7c2}.theme-moon{color:#172b3a}
.theme-thumb{position:absolute;right:3px;top:3px;width:26px;height:26px;border-radius:50%;background:#d6ae72;box-shadow:0 2px 5px #0003;transition:transform .22s ease,background .22s ease;pointer-events:none}
html[data-theme="warm"] .theme-toggle{background:#e6d7c0;color:#94452e;border-color:#c9aa91}
html[data-theme="warm"] .theme-toggle:hover{background:#ddccb2}
html[data-theme="warm"] .theme-thumb{transform:translateX(-34px);background:#fffaf3}
html[data-theme="warm"] .theme-sun{color:#94452e}html[data-theme="warm"] .theme-moon{color:#897969}
@media(max-width:680px){.theme-toggle{width:68px;height:34px;padding:0 8px}}
@media(prefers-reduced-motion:reduce){.theme-thumb{transition:none}}

/* 深蓝主题：浅蓝灰内容区与蓝白卡片。 */
html:not([data-theme="warm"]){--paper:#eaf0f5;--line:#d5dfe8}
html:not([data-theme="warm"]) .info-card{background:#f6f8fb;border-color:#d5dfe8}
html:not([data-theme="warm"]) .next-section{background:#e3ebf3}
html:not([data-theme="warm"]) .timeline,html:not([data-theme="warm"]) .timeline-item{border-color:#d5dfe8}
html:not([data-theme="warm"]) .honor-row:hover,html:not([data-theme="warm"]) .honor-row:focus-within{background:#e0e9f2}
html:not([data-theme="warm"]) .lightbox{background:#f6f8fb}

/* 奖项等级紧随名称，双主题保持清晰层级。 */
.honor-row-heading{grid-template-columns:145px minmax(0,1fr);gap:24px}
.honor-award{min-width:0}.honor-award h3{margin:0 0 7px;font-size:17px}
.honor-award p{margin:0;font-size:16px;font-weight:600;color:#36566e;line-height:1.6}
html[data-theme="warm"] .honor-award p{color:#94452e}
/* 普通桌面窗口即可显示左侧目录；正文独立留位。 */
@media(min-width:1100px){
 body[data-page="experience"] main{padding-left:190px}
 body[data-page="experience"] .reading-nav{position:fixed;left:20px;top:150px;width:160px;padding:16px 0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;background:transparent;border:0;backdrop-filter:none;overflow:visible}
 .reading-nav>span{display:block;margin:0 0 10px 23px;font-size:11px;color:#9eafba}
 .reading-nav a{position:relative;padding:8px 5px 8px 23px;border-radius:0;color:#9eafba;font-size:12px;white-space:normal}
 .reading-nav a::before{content:"";position:absolute;left:3px;top:15px;width:7px;height:7px;border:1px solid #7d909e;border-radius:50%}
 .reading-nav a:hover,.reading-nav a.is-active{background:transparent;color:#d6ae72}
 .reading-nav a.is-active{font-weight:700}.reading-nav a.is-active::before{background:#d6ae72;border-color:#d6ae72}
 html[data-theme="warm"] .reading-nav{background:transparent}
 html[data-theme="warm"] .reading-nav a,html[data-theme="warm"] .reading-nav>span{color:#796b5d}
 html[data-theme="warm"] .reading-nav a:hover,html[data-theme="warm"] .reading-nav a.is-active{background:transparent;color:#94452e}
 html[data-theme="warm"] .reading-nav a::before{border-color:#b7a48c}
 html[data-theme="warm"] .reading-nav a.is-active::before{background:#94452e;border-color:#94452e}
}
@media(max-width:1099px){body[data-page="experience"] main{padding-left:0}.reading-nav{justify-content:flex-start;overflow-x:auto;gap:4px}.reading-nav>span{display:none}.reading-nav a{padding:6px 10px}}
@media(max-width:680px){.honor-row-heading{grid-template-columns:minmax(0,1fr);gap:7px}.honor-award h3{margin-bottom:5px}}

/* 左下角阅读目录：悬停与键盘聚焦时轻微放大。 */
@media(min-width:1100px){
 body[data-page="experience"] .reading-nav{top:auto;bottom:32px;left:22px;width:160px;max-height:calc(100dvh - 130px);overflow-y:auto;overflow-x:hidden;padding:12px 8px 12px 0;gap:7px}
 .reading-nav a{transform-origin:left center;transition:transform .2s ease,color .2s ease;}
 .reading-nav a::before{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
 .reading-nav a:focus-visible{transform:translateX(3px) scale(1.06);color:#d6ae72;outline-offset:-2px}
 .reading-nav a.is-active::before{box-shadow:0 0 0 4px #d6ae7218}
 html[data-theme="warm"] .reading-nav a:focus-visible{color:#94452e}
 html[data-theme="warm"] .reading-nav a.is-active::before{box-shadow:0 0 0 4px #94452e12}
}
@media(min-width:1100px) and (hover:hover){.reading-nav a:hover{transform:translateX(3px) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.reading-nav a,.reading-nav a::before{transition:none}.reading-nav a:hover,.reading-nav a:focus-visible{transform:none}}

/* 紧凑目录与更明确的悬停反馈。 */
@media(min-width:1100px){
 body[data-page="experience"] .reading-nav{gap:1px;padding:12px 12px 12px 0;width:170px;overflow:visible;max-height:none}
 .reading-nav a{padding-block:6px;font-size:13px;line-height:1.5}
 .reading-nav a::before{top:12px}
 .reading-nav a:focus-visible{transform:translateX(4px) scale(1.14)}
}
@media(min-width:1100px) and (hover:hover){.reading-nav a:hover{transform:translateX(4px) scale(1.14)}}
.honor-row{position:relative;transform-origin:center;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;border-radius:6px}
@media(hover:hover){.honor-row:hover{transform:scale(1.015);z-index:1;box-shadow:0 8px 24px #0d233710}}
.honor-row:focus-within{z-index:1}
.jump-highlight{animation:jump-emphasis 2.2s ease-out}
@keyframes jump-emphasis{0%,20%{outline:2px solid var(--gold);outline-offset:5px}100%{outline:2px solid transparent;outline-offset:5px}}
@media(prefers-reduced-motion:reduce){
 .honor-row,.reading-nav a{transition:none}.honor-row:hover,.reading-nav a:hover,.reading-nav a:focus-visible{transform:none}
 .jump-highlight{animation:none;outline:2px solid var(--gold);outline-offset:5px}
}

/* 三页主导航吸顶，并为锚点跳转预留空间。 */
.site-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}
html{scroll-padding-top:108px}
#internships,body[data-page="experience"] .project-card{scroll-margin-top:16px}
@media(max-width:680px){html{scroll-padding-top:88px}}

/* 首页专业技能：保持简历原文，按能力分卡展示。 */
#skills{scroll-margin-top:16px}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.skill-card{position:relative;padding:26px 28px;border:1px solid #ffffff20;border-radius:10px;background:#142d42}
.skill-index{float:right;color:#8fa5b5;font-size:12px}.skill-card h3{margin:0 0 13px;font-size:18px;color:#d6ae72}.skill-card p{margin:0;color:#bdcbd2;font-size:15px;line-height:1.85}
html[data-theme="warm"] .skill-card{background:#fffaf3;border-color:#d8cdbb}
html[data-theme="warm"] .skill-card h3{color:#94452e}html[data-theme="warm"] .skill-card p{color:#6b5d50}html[data-theme="warm"] .skill-index{color:#897969}
@media(max-width:680px){.skills-grid{grid-template-columns:1fr}.skill-card{padding:23px}}

/* 第二页左侧目录独立留白，页脚与正文采用相同偏移。 */
@media(min-width:1100px){
 body[data-page="experience"] main,
 body[data-page="experience"] .site-footer{padding-left:190px}
}
@media(max-width:1099px){
 body[data-page="experience"] main,
 body[data-page="experience"] .site-footer{padding-left:0}
}

@media(min-width:1100px){body[data-page="experience"] .site-footer{background-clip:content-box}}

/* 临时第三主题：保留深蓝导航，内容以浅色阅读为主。 */
.theme-toggle{width:auto;min-width:92px;gap:7px;padding:0 10px}
.theme-toggle .theme-thumb{display:none}.theme-toggle .theme-icon{font-size:15px;width:14px}.theme-current{font-size:11px;font-weight:600}
html[data-theme="light"]{--navy:#0d2337;--navy-2:#f6f8fb;--paper:#eaf0f5;--line:#d5dfe8;--ink:#243647;--muted:#627489;--gold:#d6ae72;--gold-2:#386389}
html[data-theme="light"] body{background:#eaf0f5;color:#243647}
html[data-theme="light"] .section-dark{background:#eaf0f5;color:#243647}
html[data-theme="light"] .section-dark .section-kicker{color:#386389}
html[data-theme="light"] .section-dark .section-heading>p{color:#627489}
html[data-theme="light"] body[data-page="experience"] .project-card{background:#f6f8fb;border:1px solid #d5dfe8;box-shadow:0 4px 16px #162f4805}
html[data-theme="light"] body[data-page="experience"] .project-featured{background:linear-gradient(130deg,#f8fafc,#edf3f8);border-top:3px solid #386389}
html[data-theme="light"] .project-card h3{color:#20354a}
html[data-theme="light"] .project-card p,html[data-theme="light"] .section-dark .detail-list{color:#52677b}
html[data-theme="light"] .project-meta,html[data-theme="light"] .project-role{color:#667d91!important}
html[data-theme="light"] .project-status{background:#e5edf6;color:#386389;border-color:#c9d8e7}
html[data-theme="light"] .project-status::before{background:#386389}
html[data-theme="light"] .project-tech .tech-framework{background:#e8eff6;color:#385d80;border-color:#cedae7}
html[data-theme="light"] .project-tech .tech-data{background:#e7f0ed;color:#416857;border-color:#cbded5}
html[data-theme="light"] .project-tech .tech-ai{background:#f0ebf6;color:#71558d;border-color:#ddd2e8}
html[data-theme="light"] .section-dark .detail-list li::marker{color:#6d879f}
html[data-theme="light"] .skill-card{background:#f6f8fb;border-color:#d5dfe8}
html[data-theme="light"] .skill-card h3{color:#386389}html[data-theme="light"] .skill-card p{color:#52677b}
html[data-theme="light"] .reading-nav{background:#eaf0f5f5;border-color:#d5dfe8}
html[data-theme="light"] .reading-nav a{color:#647b8e}
html[data-theme="light"] .reading-nav a:hover,html[data-theme="light"] .reading-nav a.is-active,html[data-theme="light"] .reading-nav a:focus-visible{color:#234e75;background:transparent}
html[data-theme="light"] .reading-nav a::before{border-color:#9aafc1}
html[data-theme="light"] .reading-nav a.is-active::before{background:#386389;border-color:#386389;box-shadow:0 0 0 4px #38638912}
html[data-theme="light"] .jump-highlight{--gold:#386389}
@media(min-width:1100px){html[data-theme="light"] .reading-nav{background:transparent}}

/* 新候选：石墨白与青绿，全浅色导航及正文。 */
html[data-theme="sage"]{--navy:#f7f9f8;--navy-2:#fff;--ink:#233532;--muted:#687a74;--gold:#287264;--gold-2:#287264;--paper:#f0f5f2;--line:#dce5e0}
html[data-theme="sage"] body{background:#f7f9f8;color:#233532}
html[data-theme="sage"] .site-header{background:#f7f9f8f5;border-color:#dce5e0}
html[data-theme="sage"] .brand,html[data-theme="sage"] .site-nav a.active,html[data-theme="sage"] .site-nav a:hover{color:#233532}
html[data-theme="sage"] .brand-sub,html[data-theme="sage"] .site-nav a{color:#687a74}
html[data-theme="sage"] .hero,html[data-theme="sage"] .page-hero,html[data-theme="sage"] .hero-greeting,html[data-theme="sage"] .section-dark{color:#233532}
html[data-theme="sage"] .hero-lead,html[data-theme="sage"] .hero-contact,html[data-theme="sage"] .hero-facts span,html[data-theme="sage"] .page-hero>p:not(.eyebrow),html[data-theme="sage"] .section-dark .section-heading>p{color:#687a74}
html[data-theme="sage"] .hero-facts strong{color:#233532}
html[data-theme="sage"] .hero-facts div{border-color:#c5d5cd}
html[data-theme="sage"] .button-primary{background:#287264;color:#fff}
html[data-theme="sage"] .button-primary:hover{background:#205c51}
html[data-theme="sage"] .button-ghost{color:#233532;border-color:#bdcfc6}
html[data-theme="sage"] .portrait-frame{background:#e4ece7;box-shadow:12px 12px 0 #d4e1d9}
html[data-theme="sage"] .portrait-caption{color:#687a74}
html[data-theme="sage"] .info-card,html[data-theme="sage"] .skill-card{background:#fff;border-color:#dce5e0;box-shadow:0 4px 18px #23353204}
html[data-theme="sage"] .info-card p,html[data-theme="sage"] .skill-card p,html[data-theme="sage"] .timeline-body p,html[data-theme="sage"] .detail-list{color:#596e64}
html[data-theme="sage"] .info-card .card-main,html[data-theme="sage"] .detail-list strong{color:#233532}
html[data-theme="sage"] .skill-card h3{color:#287264}
html[data-theme="sage"] .section-dark{background:#f7f9f8}
html[data-theme="sage"] .next-section{background:#e7efea}
html[data-theme="sage"] .timeline,html[data-theme="sage"] .timeline-item{border-color:#dce5e0}
html[data-theme="sage"] body[data-page="experience"] .project-card{background:#fff;border:1px solid #dce5e0;box-shadow:0 5px 22px #23353204}
html[data-theme="sage"] body[data-page="experience"] .project-featured{background:linear-gradient(130deg,#fff,#eef6f1);border-top:3px solid #287264}
html[data-theme="sage"] .project-card h3{color:#233532}
html[data-theme="sage"] .project-card p,html[data-theme="sage"] .section-dark .detail-list{color:#596e64}
html[data-theme="sage"] .project-role{color:#75877f!important}
html[data-theme="sage"] .project-meta{color:#687a74}
html[data-theme="sage"] .project-status{background:#e6f2ec;border-color:#c8ded2;color:#287264}
html[data-theme="sage"] .project-tech .tech-framework{background:#edf3f5;border-color:#d6e2e7;color:#456474}
html[data-theme="sage"] .project-tech .tech-data{background:#eaf3ed;border-color:#d2e3d8;color:#42715a}
html[data-theme="sage"] .project-tech .tech-ai{background:#f1eef6;border-color:#e0d8e9;color:#78638c}
html[data-theme="sage"] .honor-award p{color:#287264}
html[data-theme="sage"] .honor-row:hover,html[data-theme="sage"] .honor-row:focus-within{background:#e5eee8}
html[data-theme="sage"] .lightbox{background:#fff}
html[data-theme="sage"] .site-footer{background:#e7efea;color:#687a74}
html[data-theme="sage"] .reading-nav{background:#f7f9f8f5;border-color:#dce5e0}
html[data-theme="sage"] .reading-nav a,html[data-theme="sage"] .reading-nav>span{color:#75877f}
html[data-theme="sage"] .reading-nav a:hover,html[data-theme="sage"] .reading-nav a.is-active,html[data-theme="sage"] .reading-nav a:focus-visible{background:transparent;color:#287264}
html[data-theme="sage"] .reading-nav a::before{border-color:#aabfb3}
html[data-theme="sage"] .reading-nav a.is-active::before{background:#287264;border-color:#287264;box-shadow:0 0 0 4px #28726412}
html[data-theme="sage"] .theme-toggle{background:#e4eee8;border-color:#c3d6c9;color:#287264;box-shadow:none}
html[data-theme="sage"] .theme-toggle:hover{background:#d6e5dc}
html[data-theme="sage"] .theme-sun,html[data-theme="sage"] .theme-moon{color:#287264}
html[data-theme="sage"] .back-to-top,html[data-theme="sage"] .interaction-status{background:#fff;border-color:#bdd3c6;color:#287264}
html[data-theme="sage"] .menu-toggle{border-color:#bdd3c6}
html[data-theme="sage"] .menu-toggle span{background:#233532}
@media(min-width:1100px){html[data-theme="sage"] .reading-nav{background:transparent}}
@media(max-width:680px){html[data-theme="sage"] .site-nav{background:#f7f9f8;border-color:#dce5e0}}

/* 石墨黑与雾蓝：中性暗底，清楚区分卡片与背景。 */
html[data-theme="graphite"]{--navy:#171a1f;--navy-2:#22272f;--paper:#1c2026;--ink:#e6eaf0;--muted:#a5afbc;--gold:#a8c4e4;--gold-2:#a8c4e4;--line:#38404b}
html[data-theme="graphite"] body{background:#171a1f;color:#e6eaf0}
html[data-theme="graphite"] .site-header{background:#171a1ff5;border-color:#343c47}
html[data-theme="graphite"] .brand,html[data-theme="graphite"] .site-nav a.active{color:#edf1f7}
html[data-theme="graphite"] .brand-sub,html[data-theme="graphite"] .site-nav a{color:#a5afbc}
html[data-theme="graphite"] .hero,html[data-theme="graphite"] .page-hero,html[data-theme="graphite"] .hero-greeting,html[data-theme="graphite"] .section-dark{color:#e6eaf0}
html[data-theme="graphite"] .hero-lead,html[data-theme="graphite"] .hero-contact,html[data-theme="graphite"] .page-hero>p:not(.eyebrow),html[data-theme="graphite"] .hero-facts span{color:#afb9c6}
html[data-theme="graphite"] .button-primary{background:#a8c4e4;color:#19232f}
html[data-theme="graphite"] .button-primary:hover{background:#c0d6ee}
html[data-theme="graphite"] .button-ghost{color:#e6eaf0;border-color:#566273}
html[data-theme="graphite"] .portrait-frame{background:#c8cfd5;box-shadow:14px 14px 0 #2b323c}
html[data-theme="graphite"] .portrait-caption{color:#364451}
html[data-theme="graphite"] .info-card,html[data-theme="graphite"] .skill-card{background:#252b34;border-color:#3c4552}
html[data-theme="graphite"] .info-card p,html[data-theme="graphite"] .skill-card p,html[data-theme="graphite"] .timeline-body p,html[data-theme="graphite"] .detail-list{color:#bdc6d2}
html[data-theme="graphite"] .info-card .card-main,html[data-theme="graphite"] .detail-list strong{color:#e6eaf0}
html[data-theme="graphite"] .muted{color:#a5afbc!important}
html[data-theme="graphite"] .timeline-type{color:#a8c4e4!important}
html[data-theme="graphite"] .timeline-date,html[data-theme="graphite"] .honor-row-heading span{color:#a5afbc}
html[data-theme="graphite"] .timeline,html[data-theme="graphite"] .timeline-item{border-color:#38404b}
html[data-theme="graphite"] body[data-page="experience"] .project-card{background:#252b34;border:1px solid #3c4552;box-shadow:0 8px 20px #00000012}
html[data-theme="graphite"] body[data-page="experience"] .project-featured{background:linear-gradient(125deg,#2b3440,#252b34);border-top:3px solid #a8c4e4}
html[data-theme="graphite"] .project-card h3,html[data-theme="graphite"] .skill-card h3{color:#e6eaf0}
html[data-theme="graphite"] .project-card p,html[data-theme="graphite"] .section-dark .detail-list{color:#bdc6d2}
html[data-theme="graphite"] .project-meta,html[data-theme="graphite"] .project-role{color:#a5afbc!important}
html[data-theme="graphite"] .project-status{background:#a8c4e412;border-color:#a8c4e440;color:#b7cfe9}
html[data-theme="graphite"] .project-tech .tech-framework{background:#a8c4e410;border-color:#a8c4e433;color:#b7cfe9}
html[data-theme="graphite"] .project-tech .tech-data{background:#a7cdb210;border-color:#a7cdb233;color:#b6d3bf}
html[data-theme="graphite"] .project-tech .tech-ai{background:#c2b4dc10;border-color:#c2b4dc33;color:#cfc3e2}
html[data-theme="graphite"] .section-dark .detail-list li::marker{color:#8196ae}
html[data-theme="graphite"] .next-section,html[data-theme="graphite"] .site-footer{background:#1e232a;color:#a5afbc}
html[data-theme="graphite"] .circle-link{color:#a8c4e4;border-color:#566273}
html[data-theme="graphite"] .circle-link:hover{background:#a8c4e4;color:#171a1f}
html[data-theme="graphite"] .honor-award p{color:#b7cfe9}
html[data-theme="graphite"] .honor-row:hover,html[data-theme="graphite"] .honor-row:focus-within{background:#29313c}
html[data-theme="graphite"] .honor-proof-note{color:#a5afbc}
html[data-theme="graphite"] .reading-nav{background:#171a1ff5;border-color:#38404b}
html[data-theme="graphite"] .reading-nav a{color:#a5afbc}
html[data-theme="graphite"] .reading-nav a:hover,html[data-theme="graphite"] .reading-nav a.is-active,html[data-theme="graphite"] .reading-nav a:focus-visible{background:transparent;color:#c0d6ee}
html[data-theme="graphite"] .reading-nav a.is-active::before{background:#a8c4e4;border-color:#a8c4e4;box-shadow:0 0 0 4px #a8c4e412}
html[data-theme="graphite"] .theme-toggle{background:#2b3440;border-color:#526176;color:#c0d6ee;box-shadow:none}
html[data-theme="graphite"] .theme-toggle:hover{background:#354152}
html[data-theme="graphite"] .theme-sun,html[data-theme="graphite"] .theme-moon{color:#c0d6ee}
html[data-theme="graphite"] .back-to-top,html[data-theme="graphite"] .interaction-status{background:#252b34;border-color:#526176;color:#e6eaf0}
html[data-theme="graphite"] .menu-toggle{border-color:#526176}
html[data-theme="graphite"] .menu-toggle span{background:#e6eaf0}
@media(min-width:1100px){html[data-theme="graphite"] .reading-nav{background:transparent}}
@media(max-width:680px){html[data-theme="graphite"] .site-nav{background:#171a1f;border-color:#38404b}}

/* 各主题的 background 简写会重置裁剪方式；统一在主题规则后恢复。 */
@media(min-width:1100px){
 html[data-theme] body[data-page="experience"] .site-footer{
  padding-left:190px;
  background-clip:content-box;
 }
}

/* 三枚独立 SVG 图标直接选择主题。 */
.theme-picker{margin-left:auto;display:flex;flex:none;gap:3px;padding:4px;border:1px solid var(--line);border-radius:999px;background:transparent}
.theme-choice{display:grid;place-items:center;width:32px;height:32px;padding:6px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:background .18s,color .18s,transform .18s}
.theme-choice svg{display:block;width:20px;height:20px}
.theme-choice[aria-pressed="true"]{background:#a4503518;color:#94452e}
html[data-theme="sage"] .theme-choice[aria-pressed="true"]{background:#28726418;color:#287264}
html[data-theme="graphite"] .theme-choice[aria-pressed="true"]{background:#a8c4e424;color:#c0d6ee}
.theme-choice:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(hover:hover){.theme-choice:hover{transform:translateY(-1px);background:#88888818;color:var(--gold)}}
@media(max-width:680px){.theme-picker{padding:3px;gap:1px}.theme-choice{width:28px;height:28px;padding:5px}.theme-choice svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.theme-choice{transition:none}.theme-choice:hover{transform:none}}

/* 项目卡片悬停：仅位移与边框反馈，不缩放文字。 */
body[data-page="experience"] .project-card{transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease;cursor:default}
@media(hover:hover) and (pointer:fine){
 html[data-theme="warm"] body[data-page="experience"] .project-card:hover{transform:translateY(-3px);border-color:#b98b70;box-shadow:0 10px 26px #533c2610}
 html[data-theme="sage"] body[data-page="experience"] .project-card:hover{transform:translateY(-3px);border-color:#86ad99;box-shadow:0 10px 26px #234e3a10}
 html[data-theme="graphite"] body[data-page="experience"] .project-card:hover{transform:translateY(-3px);border-color:#6f89a6;box-shadow:0 10px 26px #00000030}
}
@media(hover:none),(pointer:coarse){body[data-page="experience"] .project-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){body[data-page="experience"] .project-card{transition:none}body[data-page="experience"] .project-card:hover{transform:none}}

/* 技能列表最后一项横跨网格，手机端自然保持单列。 */
.skills-grid .skill-card-wide{grid-column:1 / -1}

/* 窄屏隐藏项目目录，宽屏继续使用左下角目录。 */
@media(max-width:1099px){body[data-page="experience"] .reading-nav{display:none}}

/* 项目序号与串联细线，保持正文空间。 */
body[data-page="experience"] .project-list{position:relative;padding-left:42px}
body[data-page="experience"] .project-list::before{content:"";position:absolute;left:14px;top:32px;bottom:32px;width:1px;background:var(--line)}
body[data-page="experience"] .project-card{position:relative}
.project-number{position:absolute;left:-43px;top:25px;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:var(--navy);color:var(--gold-2);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
html[data-theme] .project-card .detail-list .project-emphasis{color:var(--ink);font-weight:600}
@media(max-width:680px){body[data-page="experience"] .project-list{padding-left:0}body[data-page="experience"] .project-list::before{display:none}.project-number{position:static;float:left;margin:0 10px 10px 0;width:24px;height:24px}body[data-page="experience"] .project-meta{min-height:24px}}

/* 日期与角色使用中性胶囊，避免与技术栈争抢层级。 */
.project-date-badge,.project-role-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--ink) 3%,transparent);color:var(--muted);font-size:12px;font-weight:400;line-height:1.6;white-space:nowrap}
.project-date-badge::before{content:"";width:10px;height:10px;display:inline-block;border:1px solid currentColor;border-radius:2px;background:linear-gradient(currentColor,currentColor) 0 2px/100% 1px no-repeat;opacity:.7}
.project-role-badge::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55}
body[data-page="experience"] .project-role{margin:8px 0 18px!important}

html[data-theme] .timeline-body .detail-list .intern-emphasis{color:var(--ink);font-weight:600}