/* 自由光年外｜光年轨道 AI 视觉系统；不改变信息架构与业务功能 */
:root{--ai-ink:#102f27;--ai-deep:#08261f;--ai-panel:#173e34;--ai-paper:#fffdf8;--ai-cream:#f5f0e6;--ai-orange:#ef7542;--ai-mint:#67d7bd;--ai-line:rgba(23,53,45,.13);--ai-glow:0 20px 60px rgba(10,43,35,.13);--ai-radius:14px}
html{background:var(--ai-paper)}body{background:var(--ai-paper)}
.side-nav,.side{background:linear-gradient(180deg,#0b3027,#08251f);box-shadow:14px 0 45px rgba(4,28,22,.16)}
.side-nav:after,.side:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(103,215,189,.035) 1px,transparent 1px);background-size:100% 38px}
.side-nav>* ,.side>*{position:relative;z-index:1}.side-logo span,.side .logo{border-color:rgba(255,255,255,.34);box-shadow:0 0 0 5px rgba(255,255,255,.035),0 0 24px rgba(103,215,189,.12)}
.side-nav nav a,.side nav a{border:1px solid transparent}.side-nav nav a:hover,.side nav a:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.08)}.side-nav nav a.active,.side nav a.active{background:linear-gradient(135deg,rgba(239,117,66,.98),rgba(218,89,45,.92));color:#fff;box-shadow:0 9px 24px rgba(239,117,66,.22)}
.nav,.top{background:rgba(255,253,248,.88)!important;backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid var(--ai-line);box-shadow:0 8px 30px rgba(16,47,39,.045)}
.nav:after,.top:after{content:"AI ONLINE";margin-left:18px;padding:6px 10px;border:1px solid rgba(23,53,45,.13);border-radius:999px;color:#45675e;font-size:10px;letter-spacing:.12em}.nav:before,.top:before{content:"";width:7px;height:7px;border-radius:50%;background:#39c98b;box-shadow:0 0 12px #39c98b;order:8}
.nav-actions,.top .actions,.agent-status{position:relative;z-index:2}.btn{border-radius:8px;box-shadow:0 9px 24px rgba(239,117,66,.22)}.ghost{border-radius:8px}.btn:hover{box-shadow:0 14px 32px rgba(239,117,66,.32)}
.hero,.consult-hero,.agent-intro{position:relative;isolation:isolate;background-color:var(--ai-deep);background-image:linear-gradient(rgba(103,215,189,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(103,215,189,.055) 1px,transparent 1px),radial-gradient(circle at 78% 35%,rgba(66,170,145,.19),transparent 32%);background-size:42px 42px,42px 42px,auto;color:#fff;overflow:hidden}
.hero:before,.consult-hero:before,.agent-intro:before{content:"";position:absolute;z-index:-1;width:540px;height:540px;right:-160px;top:-250px;border:1px solid rgba(103,215,189,.16);border-radius:50%;box-shadow:0 0 80px rgba(103,215,189,.07) inset}.hero p,.hero .lead,.consult-hero p,.agent-intro p{color:#c7d9d3}.hero h1 em{color:#ff8a58}.hero .trust{border-color:rgba(255,255,255,.15)}
.hero-art{border:1px solid rgba(143,224,204,.18);border-radius:18px;background:radial-gradient(circle at 55% 43%,rgba(239,117,66,.28),transparent 10%),radial-gradient(circle at 55% 43%,#1c5748 0 19%,#10382e 20% 30%,transparent 31%),linear-gradient(145deg,rgba(32,91,76,.72),rgba(7,35,29,.92));box-shadow:0 30px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08)}
.hero-art:before{content:"CAREER ORBIT · AI MATCHING";position:absolute;left:22px;top:20px;color:#b8d8cf;font-size:10px;letter-spacing:.2em}.hero-art .orb{right:auto;left:50%;top:42%;width:122px;height:122px;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff3df 0 3%,#f3986f 4% 16%,#ef7542 38%,#9b3e25 100%);box-shadow:0 0 50px rgba(239,117,66,.35)}
.hero-art .line{left:50%;top:42%;border:1px solid rgba(229,248,242,.42);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.hero-art .l1{width:340px;height:145px}.hero-art .l2{width:410px;height:205px;transform:translate(-50%,-50%) rotate(22deg)}
.orbit-node{position:absolute;display:flex;align-items:center;gap:8px;color:#eaf4f1;font-size:12px}.orbit-node:before{content:"";width:10px;height:10px;border-radius:50%;background:#73e1c6;box-shadow:0 0 14px #73e1c6}.orbit-node.n1{left:10%;top:38%}.orbit-node.n2{right:8%;top:26%}.orbit-node.n3{right:10%;bottom:31%}.orbit-status{position:absolute;left:22px;bottom:22px;display:grid;gap:7px;padding:12px 14px;background:rgba(4,29,23,.58);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#bed2cc;font-size:11px;backdrop-filter:blur(8px)}.orbit-status b{color:#fff;font-size:15px}.hero-art blockquote{right:22px;left:auto;bottom:22px;margin:0;text-align:right;font-size:12px;color:#d6e6e1}
.pain{background:#113b31;border-top:1px solid rgba(255,255,255,.08);color:#eaf4f1}.pain i{background:#ef7542;box-shadow:0 0 10px #ef7542}
.section{position:relative}.section:nth-of-type(even){background-color:#fbf8f1;background-image:linear-gradient(rgba(23,53,45,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,53,45,.025) 1px,transparent 1px);background-size:42px 42px}
.path-card,.course-card,.story-grid article,.card,.direction-consult,.course-v2,.lecture-card,.quiz,.price-card,.price-box,.data-panel{border:1px solid rgba(23,53,45,.12);border-radius:var(--ai-radius);box-shadow:0 6px 20px rgba(23,53,45,.055);overflow:hidden}.path-card:hover,.course-card:hover,.story-grid article:hover,.card:hover,.direction-consult:hover,.course-v2:hover,.lecture-card:hover{box-shadow:var(--ai-glow);border-color:rgba(239,117,66,.44)}
.path-card:before,.course-card:before,.direction-consult:before,.course-v2:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--ai-orange),transparent 58%);opacity:.72}.path-card .icon,.course-card .num,.symbol,.course-v2 .num{filter:drop-shadow(0 5px 10px rgba(239,117,66,.18))}
.assessment,.consult,.lectures,.wechat{background-color:var(--ai-deep);background-image:radial-gradient(circle at 90% 10%,rgba(103,215,189,.13),transparent 28%);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.quiz,.price-card,.price-box{box-shadow:0 26px 60px rgba(0,0,0,.24)}.filters input,.filters select,input,select,textarea{border-radius:7px}.eyebrow{letter-spacing:.22em}.head h2,.section-intro h2,.section>h2{letter-spacing:-.035em}
.agent-page{background-color:#f7f3ea;background-image:linear-gradient(rgba(23,53,45,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,53,45,.025) 1px,transparent 1px);background-size:42px 42px}.chat-shell{border-radius:16px;overflow:hidden;box-shadow:0 28px 70px rgba(16,47,39,.15)}.mode-card.active{box-shadow:inset 0 -4px var(--ai-orange),0 10px 25px rgba(4,30,23,.1)}.live-stage[data-state="running"]{box-shadow:0 0 18px rgba(239,117,66,.12)}
dialog{border-radius:16px;border:1px solid rgba(255,255,255,.16)}
@media(max-width:900px){.nav:after,.nav:before,.top:after,.top:before{display:none}.hero-art{min-height:320px}.hero-art blockquote{display:none}}
@media(max-width:650px){.side-nav,.side{box-shadow:0 8px 28px rgba(4,28,22,.18)}.side-nav nav a.active,.side nav a.active{box-shadow:none}.hero,.consult-hero,.agent-intro{background-size:30px 30px}.hero-art .l2{width:330px}.orbit-node{font-size:10px}.orbit-status{display:none}.path-card,.course-card,.story-grid article,.card,.direction-consult,.course-v2,.lecture-card{border-radius:11px}}

/* 首页：严格采用“光年轨道”仪表盘式首屏 */
.home-command{padding:14px;background:#0a2b24}.home-stage{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:14px}.home-command .hero{min-height:430px;padding:46px 42px;gap:2%;border:1px solid rgba(255,255,255,.1);border-radius:16px;background-image:linear-gradient(90deg,rgba(5,29,23,.93) 0%,rgba(5,29,23,.72) 43%,rgba(5,29,23,.35) 100%),url("assets/home/career-orbit-hero.png");background-size:cover;background-position:center}.home-command .hero:before{display:none}.home-command .hero h1{font-family:"Songti SC","STSong","SimSun",serif;font-size:clamp(46px,5vw,72px);letter-spacing:.02em;margin:14px 0}.home-command .hero .lead{max-width:560px;color:#d4e2de}.home-command .hero .trust{display:none}.home-command .hero-art{height:350px;background:rgba(4,30,23,.18);border:0;box-shadow:none;backdrop-filter:blur(1px)}.home-command .hero-art:after{inset:8px;border-radius:14px;border-color:rgba(255,255,255,.1)}
.home-insight{display:flex;flex-direction:column;padding:28px 24px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(180deg,#123b31,#0c3028);color:#fff}.home-insight blockquote{position:static;margin:0 0 auto;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.13);font-family:"Songti SC","STSong","SimSun",serif;font-size:20px;line-height:1.7}.home-insight blockquote small{display:block;margin-top:12px;color:#a9c1ba;font:12px "Microsoft YaHei",sans-serif}.home-insight>div{display:grid;grid-template-columns:72px 1fr;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}.home-insight>div:last-child{border:0}.home-insight b{font:28px Georgia,serif}.home-insight span{color:#b9cec7;font-size:12px}
.agent-deck{margin-top:14px;padding:20px;background:#fbf9f3;border-radius:16px}.agent-deck>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.agent-deck>header div{display:flex;align-items:baseline;gap:12px}.agent-deck>header b{font-size:20px}.agent-deck>header span{color:#7a8782;font-size:12px}.agent-deck>header em{font-style:normal;color:#2e7d61;font-size:12px}.agent-deck>header em i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#38cb8b;box-shadow:0 0 10px #38cb8b}.agent-deck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.agent-deck-grid a{display:grid;grid-template-columns:56px 1fr;gap:5px 14px;align-items:center;padding:17px;border:1px solid #dce3df;border-radius:12px;background:#fff;color:#17352d;text-decoration:none;box-shadow:0 5px 15px rgba(23,53,45,.04);transition:.2s}.agent-deck-grid a:hover{transform:translateY(-3px);border-color:#ef7542;box-shadow:0 16px 30px rgba(23,53,45,.1)}.agent-deck-grid a>i{grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#e7f3ef;color:#0f5645;font-style:normal;font-size:22px;font-weight:900}.agent-deck-grid a:nth-child(2)>i{background:#fff0e8;color:#d35f31}.agent-deck-grid a:nth-child(3)>i{background:#edf0ee}.agent-deck-grid a div{display:grid;gap:4px}.agent-deck-grid a div b{font-size:17px}.agent-deck-grid a div span{color:#75817c;font-size:12px}.agent-deck-grid a strong{grid-column:2;color:#e56c3d;font-size:12px}
@media(max-width:1100px){.home-stage{grid-template-columns:1fr}.home-insight{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:18px}.home-insight blockquote{margin:0;padding:0 20px 0 0;border:0;border-right:1px solid rgba(255,255,255,.13)}.home-insight>div{display:grid;grid-template-columns:1fr;padding:0;border:0}.agent-deck-grid{grid-template-columns:1fr 1fr}.agent-deck-grid a:last-child{grid-column:1/-1}}
@media(max-width:700px){.home-command{padding:0}.home-command .hero{border-radius:0;padding:55px 5% 32px;background-position:58% center}.home-command .hero-art{height:300px}.home-insight{border-radius:0;grid-template-columns:1fr 1fr}.home-insight blockquote{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(255,255,255,.13);padding:0 0 18px}.home-insight>div:last-child{grid-column:1/-1}.agent-deck{border-radius:0;padding:18px 5%}.agent-deck>header div{display:grid}.agent-deck-grid{grid-template-columns:1fr}.agent-deck-grid a:last-child{grid-column:auto}.home-command .hero h1{font-size:45px}}

/* 示例图等比例首页框架 */
@media(min-width:901px){body.home-body{margin-left:245px}.home-body .side-nav{display:flex;width:245px;align-items:stretch;padding:14px 12px}.home-body .side-nav nav{width:100%;gap:7px;margin:24px 0}.home-body .side-nav nav a{width:100%;min-height:50px;display:flex;justify-content:flex-start;align-items:center;gap:14px;padding:0 18px;border-radius:9px;font-size:14px}.home-body .side-nav nav i{width:24px;text-align:center;font-size:18px}.home-body .nav{height:68px;padding-left:28px!important;padding-right:300px!important}.home-body .page-back-button{display:none}}
.home-brand-lockup{display:block;height:62px}.home-brand-lockup img{width:210px;height:58px;object-fit:cover;border-radius:8px}.side-journey{display:block;margin-top:auto;border:1px solid rgba(255,255,255,.17);border-radius:12px;overflow:hidden}.side-journey img{display:block;width:100%;height:178px;object-fit:cover;object-position:center}.side-signature{display:grid;gap:5px;margin:15px 10px 2px;padding-top:14px;border-top:1px solid rgba(255,255,255,.35);color:#fff;font-size:13px}.side-signature span{color:#9cb8af;font-size:10px;letter-spacing:.1em}.command-search{display:flex;align-items:center;gap:10px;width:min(600px,60%);padding:0 15px;border-radius:10px;background:#f0eee8;color:#546a63}.command-search input{padding:10px 0;border:0;background:transparent;outline:0}.ai-online{display:flex!important;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:#0f382e;color:#fff!important;box-shadow:0 5px 18px rgba(16,47,39,.2)}.ai-online i{width:8px;height:8px;border-radius:50%;background:#39d393;box-shadow:0 0 10px #39d393}.home-body .nav:before,.home-body .nav:after{display:none}.home-body .nav-actions{margin-left:auto}.home-body .member-account-toggle{border:0;background:#fffdf8}.member-account-toggle .member-avatar{overflow:hidden;background:#e8eee9!important}.member-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.agent-deck-grid a{grid-template-columns:86px 1fr}.agent-deck-grid a>img{grid-row:1/3;width:82px;height:92px;object-fit:cover;border-radius:11px}.agent-deck-grid a>strong{grid-column:2}.course-card{padding:0}.course-cover{display:block;width:100%;height:150px;object-fit:cover;border-bottom:1px solid var(--ai-line)}.course-card-content{padding:22px}.course-card-content .num{display:inline-block;margin-bottom:3px}.course-card-content footer{margin:0 -22px -22px;padding:16px 22px}.home-body .course-grid{grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:1100px) and (min-width:901px){body.home-body{margin-left:210px}.home-body .side-nav{width:210px}.home-brand-lockup img{width:184px}.home-body .nav{padding-right:270px!important}.home-body .course-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.home-brand-lockup,.side-journey,.side-signature{display:none}.command-search{width:100%}.home-body .nav-actions{display:none}.home-body .nav{padding-left:90px!important;padding-right:115px!important}.home-body .course-grid{grid-template-columns:1fr 1fr}.agent-deck-grid a{grid-template-columns:72px 1fr}.agent-deck-grid a>img{width:68px;height:76px}}
@media(max-width:560px){.home-body .course-grid{grid-template-columns:1fr}.course-cover{height:180px}}

/* 2026-09-11 全站视觉校准：桌面左栏、顶部操作区与内容留白统一 */
@media(min-width:901px){
  body.home-body,body:has(>.side){margin-left:236px}
  .side-nav,.side{width:236px;align-items:stretch;padding:14px 12px}
  .side-nav nav,.side nav{width:100%;margin:22px 0;gap:6px}
  .side-nav nav a,.side nav a{width:100%;min-height:48px;display:flex;justify-content:flex-start;align-items:center;gap:13px;padding:0 17px;border-radius:9px;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap}
  .side-nav nav i,.side nav a i{display:block;width:24px;text-align:center;font-size:17px;line-height:1}
  .side .logo{width:210px;height:58px;border:0;border-radius:8px;background:url("assets/home/mockup/brand.png") center/cover no-repeat;box-shadow:none;font-size:0}
  body:has(>.side) .page-back-button{left:250px}
  .home-body .nav{padding-right:205px!important;gap:16px}
  .home-body .command-search{width:min(520px,48%);flex:0 1 520px}
  .home-body .nav-actions{display:flex;flex:0 0 auto;gap:9px;align-items:center}
  .home-body .nav-actions .link-btn{white-space:nowrap}
  .home-body .member-account{right:14px}
  .home-body .member-quick-logout{display:none}
}
@media(max-width:1100px) and (min-width:901px){
  body.home-body,body:has(>.side){margin-left:210px}
  .side-nav,.side{width:210px}
  .side .logo{width:184px}
  body:has(>.side) .page-back-button{left:224px}
  .home-body .nav{padding-right:185px!important}
  .home-body .command-search{width:42%;min-width:210px}
  .home-body .ai-online{padding:8px 11px}
}

/* 终版比例：窄侧栏 + 独立浅色分隔槽，彻底消除深色区域粘连和竖线错位 */
@media(min-width:901px){
  body.home-body,body:has(>.side){margin-left:184px}
  body.home-body .side-nav,.side{width:176px;padding-left:10px;padding-right:10px;box-shadow:8px 0 0 #f6f2e9,12px 0 24px rgba(7,35,29,.10)}
  .side-nav nav,.side nav{margin-top:20px;margin-bottom:20px}
  .side-nav nav a,.side nav a{min-height:46px;padding-left:11px;padding-right:8px;gap:9px;font-size:13px}
  .side-nav nav i,.side nav a i{width:21px;font-size:16px}
  .home-brand-lockup,.side .logo{height:48px}
  .home-brand-lockup img,.side .logo{width:146px;height:46px}
  body:has(>.side) .page-back-button{left:196px}
  .home-command{padding-left:14px}
  .home-command .hero{isolation:isolate}
  .home-command .hero>div:first-child{overflow:visible;padding-right:4px}
  .home-command .hero h1{font-size:clamp(38px,3vw,49px);letter-spacing:0;overflow-wrap:normal}
  .course-cover{height:168px;image-rendering:auto}
}

/* 首屏标题与右侧指标可读性修正 */
.hero-title-line{display:block;white-space:nowrap;font-size:.94em;letter-spacing:-.045em}
.home-insight>div{grid-template-columns:82px minmax(0,1fr)}
.home-insight b{font-size:31px;line-height:1}
.home-insight span{font-size:15px;line-height:1.45;color:#d0dfda}
@media(max-width:1250px) and (min-width:901px){.hero-title-line{font-size:.86em}.home-insight>div{grid-template-columns:68px 1fr}.home-insight span{font-size:14px}}
@media(max-width:1100px) and (min-width:901px){
  body.home-body,body:has(>.side){margin-left:172px}
  body.home-body .side-nav,.side{width:164px}
  .home-brand-lockup img,.side .logo{width:138px}
  body:has(>.side) .page-back-button{left:184px}
}
@media(max-height:760px) and (min-width:901px){.side-journey{display:none}.side-signature{margin-top:auto}}

/* 二次精调：避免侧栏与主页首屏互相覆盖 */
@media(min-width:901px){
  body.home-body,body:has(>.side){margin-left:210px}
  body.home-body .side-nav,.side{width:210px}
  .home-brand-lockup{height:54px;text-align:center}
  .home-brand-lockup img{width:178px;height:52px;object-fit:contain}
  .side .logo{width:178px;height:52px;align-self:center;background-size:contain;background-repeat:no-repeat}
  body:has(>.side) .page-back-button{left:224px}
  .home-command{overflow:hidden}
  .home-command .hero{grid-template-columns:minmax(0,.9fr) minmax(330px,1.1fr);gap:22px}
  .home-command .hero>div:first-child{min-width:0;position:relative;z-index:2}
  .home-command .hero h1{max-width:100%;font-size:clamp(40px,3.35vw,52px);line-height:1.16;white-space:normal}
  .home-command .hero .lead{font-size:16px}
  .home-command .hero-art{min-width:0;z-index:1}
}
@media(max-width:1100px) and (min-width:901px){
  body.home-body,body:has(>.side){margin-left:190px}
  body.home-body .side-nav,.side{width:190px}
  .home-brand-lockup img,.side .logo{width:160px}
  .side-nav nav a,.side nav a{padding-left:13px;padding-right:10px;font-size:13px}
  body:has(>.side) .page-back-button{left:204px}
  .home-command .hero{grid-template-columns:1fr;padding:38px 34px}
  .home-command .hero h1{font-size:48px}
}