/* 循序：参考 Vectrus Energy 的编辑式导航与留白，保留原内容和交互 */
:root{--bg:#eef0f0;--paper:#fff;--ink:#1d2a32;--muted:#566872;--line:#d7dfe2;--green:#233d49;--mint:#e8eef0;--lime:#dce8e8;--orange:#4e6a76;--fitness-dark:#203541;--fitness-accent:#8caab3;--fitness-soft:#f5f7f7;--shadow:none}
html,body{overflow-x:clip}body{background:var(--bg);color:var(--ink)}
::selection{background:#c8dadd;color:#17262e}
.shell{display:block;max-width:none;margin:0}
.sidebar{position:sticky;top:0;z-index:40;width:100%;height:76px;min-height:0;padding:0 clamp(22px,3.1vw,50px);display:flex;flex-direction:row;align-items:center;gap:22px;background:rgba(248,250,250,.97);border:0;border-bottom:1px solid #dbe3e5;color:var(--ink);box-shadow:none;backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:5px;flex:none;margin:0;padding:0;color:#243943;font-size:24px;letter-spacing:-.04em}
.brand .logo{width:35px;height:35px;background:#304d59;color:#fff;transform:none;border-radius:2px;font-size:25px;margin-right:3px}
.brand span{color:#798d94!important}
.sidebar>.small-label{display:none!important}
.sidebar>.nav{display:flex;align-items:center;flex-direction:row;gap:2px;min-width:0;margin:0;overflow:visible}
.sidebar>#nav{flex:1;justify-content:center}
.sidebar>.nav button{min-height:40px;padding:9px 11px;white-space:nowrap;color:#526671;background:transparent;border-radius:2px;font-size:12px;font-weight:600;box-shadow:none}
.sidebar>.nav button:hover,.sidebar>.nav button.active{color:#19333e;background:#e7eef0;box-shadow:none}
.sidebar>.nav button.active:before{display:none}
.sidebar>.nav:last-of-type{flex:none}
.sidebar>.nav:last-of-type button{border:1px solid #c4d2d6;background:#fff}
.sidebar-bottom{display:flex;align-items:center;margin:0;flex:none}
.sidebar-bottom .trial{display:none}
.sidebar-bottom .profile{border:0;padding:0;gap:7px;color:#2b424c}
.sidebar-bottom .profile span{color:#748991}
.sidebar-bottom .avatar{background:#d7e2e5;color:#28434d;border-radius:50%;width:32px;height:32px}
.main{max-width:1520px;margin:0 auto;padding:31px clamp(24px,4.2vw,72px) 85px}
.topbar{margin-bottom:25px;padding-bottom:15px;border-color:#dce3e5}.crumb{color:#66808a}.pill{background:#fff;color:#4b6570;border-color:#d7e0e3}.icon-btn{background:#fff;border-color:#d7e0e3}
.heading,#today>.heading{font-family:'Noto Sans SC',sans-serif;font-weight:600;letter-spacing:-.035em;color:#21333b}
#today>.heading{font-size:clamp(29px,3vw,44px);margin:10px 0 10px}
.sub{color:#5c717a}
.section{margin-top:32px}
.hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:535px;background:#f9fbfb;color:#1c3440;border:1px solid #d8e2e5;border-radius:3px;overflow:hidden;gap:0;padding:0}
.hero>div:first-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(34px,5vw,78px);z-index:2;background:#f9fbfb}
.hero h2{font-family:'Noto Sans SC',sans-serif;font-size:clamp(47px,5vw,78px);line-height:1.12;font-weight:500;letter-spacing:-.04em;color:#233a45;max-width:none;margin:0 0 23px}
.hero p{font-size:15px;color:#5a6f79;line-height:1.8;max-width:28ch}
.hero .button.light{background:#2e4c59;color:#fff;border:1px solid #2e4c59;border-radius:2px;margin-top:34px;padding:14px 23px;font-size:13px;font-weight:600}
.hero .button.light:hover{background:#1e343e}
.hero-art{position:relative;min-height:100%;background:#101415;margin:0;overflow:hidden}
.hero-art:before{display:none}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:grayscale(1) contrast(1.03)}
.hero-art figcaption{right:18px;bottom:15px;background:rgba(250,251,251,.88);color:#22353e;padding:7px 11px;font-size:11px;letter-spacing:.02em}
.card,.price-card,.food-card,.catalogue-card,.detail,.workbench,.training-chooser,.training-week,.training-detail{background:#fff;border:1px solid #d8e2e5;border-radius:3px;box-shadow:none}
.card h3,.row h2,.training-week-head h2,.guide-heading h1{font-family:'Noto Sans SC',sans-serif;font-weight:650;color:#213943}
.tag,.tag.orange{background:#e8eef0;color:#385966;border-radius:2px}
.button,.button.outline,.button.ghost{border-radius:2px}.button.ghost{background:#e9f0f1;color:#284651}.button.outline{border-color:#c4d5da;color:#2f4f5c}
.action-tile,.move-preview span,.list-card{border-radius:2px}.action-tile:hover,.food-card:hover,.catalogue-card:hover{border-color:#91b2bc;background:#f7fafb}
.chips button.on,.guide-part-list button.active,.training-day.active,.training-plan-card.selected{background:#2c4a57;border-color:#2c4a57;color:#fff}
.training-chooser,.training-week,.training-detail,.guide-start{border-radius:3px}.guide-start{background:#2d4652}.guide-start-list button{background:#3b5a66;border-color:#5a7782}.guide-start-list button:hover{background:#4e6a74}.guide-start-list span{color:#d5e8eb}
.guide-card-visual{background:#e9f0f1}.guide-card:hover{border-color:#86abb6}.guide-card-bottom b,.guide-source a,.training-source a{color:#2f6776}
.guide-media{background:#2b4652}.guide-animation{color:#e3eff1}.guide-detail-head>span{color:#527785}
.training-action:hover{border-color:#96b5bd;background:#f4f8f9}.training-session-actions button:last-child{background:#d5e7eb;border-color:#d5e7eb;color:#203a44}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #7099a8;outline-offset:2px}
@media(max-width:1180px){.sidebar{gap:10px;padding:0 20px}.sidebar>#nav{justify-content:flex-start;overflow-x:auto}.sidebar>.nav button{padding:8px 9px}.sidebar-bottom{display:none}.hero{min-height:470px}}
@media(max-width:760px){.sidebar{height:auto;min-height:0;display:block;padding:10px 15px 0;position:sticky;background:rgba(248,250,250,.98)}.brand{padding:0 0 9px;font-size:21px}.brand .logo{height:30px;width:30px;font-size:22px}.sidebar>#nav{display:flex;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:8px}.sidebar>.nav:last-of-type{position:absolute;top:10px;right:15px;width:auto;display:block}.sidebar>.nav:last-of-type button{border-color:#c4d2d6;font-size:11px;min-height:32px;padding:6px 9px}.sidebar>.nav button{color:#526671}.sidebar>.nav button.active,.sidebar>.nav button:hover{background:#e7eef0;color:#19333e}.main{padding:23px 16px 60px}.hero{grid-template-columns:1fr;min-height:0}.hero>div:first-child{padding:38px 27px 34px}.hero h2{font-size:clamp(43px,10vw,58px)}.hero-art{height:350px;min-height:0}.hero-art img{object-position:center 48%}.topbar{margin-bottom:22px}}
@media(max-width:520px){#today>.heading{font-size:28px}.hero h2{font-size:46px}.hero-art{height:300px}.hero p{font-size:14px}.hero>div:first-child{padding:34px 24px}.brand span{display:none}}
@media(prefers-reduced-motion:reduce){.sidebar{backdrop-filter:none}}