/* 循序视觉系统：黑白训练空间，图片是首页的主角 */
:root{--bg:#f2f2ef;--paper:#fff;--ink:#151a17;--muted:#56605a;--line:#daddd6;--green:#151d18;--mint:#e8ede9;--lime:#d8ef63;--orange:#7b8d37;--fitness-dark:#111512;--fitness-accent:#d8ef63;--fitness-soft:#f2f2ef;--shadow:none}
html,body{overflow-x:clip}
body{background:var(--bg);color:var(--ink);font-family:'Noto Sans SC',sans-serif}
::selection{background:#d8ef63;color:#151a17}
.shell{max-width:1600px;grid-template-columns:220px minmax(0,1fr)}
.sidebar{background:#101512;color:#f6f8ef;border-right:1px solid #29322b;padding:24px 14px}
.brand{font-family:'Noto Sans SC',sans-serif;color:#fff;font-size:25px;font-weight:800;letter-spacing:-.04em;padding:10px 12px 26px}
.brand .logo{background:#d8ef63;color:#101512;transform:none;border-radius:3px}
.brand span{color:#adb8ae!important}
.small-label{color:#879489;letter-spacing:0}
.nav button{color:#cbd4cc;border-radius:4px;font-size:13px;min-height:45px}
.nav button.active,.nav button:hover{background:#28352b;color:#f9fff4}
.nav button.active{box-shadow:inset 2px 0 0 #d8ef63}
.trial{background:#232e25;color:#f6f8f1;border-radius:5px}
.trial strong,.trial p{color:#f6f8f1}
.trial button{background:#d8ef63;color:#121914;border-radius:3px}
.profile{color:#fff;border-color:#2d382f}.profile span{color:#aebcb0}.avatar{background:#d8ef63;color:#152016}
.main{padding:29px clamp(25px,3.8vw,58px) 70px}
.topbar{border-color:#d8ddd7}.crumb{color:#59645d}
.pill{background:#fff;color:#344239;border-color:#d8ddd7}
.heading,#today>.heading{font-family:'Noto Sans SC',sans-serif;font-weight:800;letter-spacing:-.035em}
#today>.heading{font-size:clamp(25px,2.7vw,38px);margin:7px 0 8px}
.sub{color:#526058}
.hero{position:relative;display:grid;grid-template-columns:minmax(330px,.9fr) minmax(300px,1.1fr);gap:0;min-height:420px;padding:0;background:#090b0a;color:#fff;border:0;border-radius:5px;overflow:hidden}
.hero>div:first-child{position:relative;z-index:1;align-self:center;padding:48px clamp(26px,4vw,62px)}
.hero h2{font-family:'Noto Sans SC',sans-serif;color:#fff;font-size:clamp(43px,4.6vw,68px);font-weight:900;line-height:1.13;letter-spacing:-.04em;margin:0 0 22px;max-width:none}
.hero p{color:#d9ded8;max-width:25ch;font-size:15px;line-height:1.8}
.hero .button.light{background:#d8ef63;color:#111914;border-radius:3px;margin-top:29px;font-weight:800;padding:14px 25px}
.hero .button.light:hover{background:#ebff8a}
.hero-art{position:relative;min-width:0;margin:0;background:#050606;overflow:hidden}
.hero-art:before{content:'';position:absolute;z-index:1;inset:0 auto 0 0;width:90px;background:linear-gradient(90deg,#090b0a,transparent);pointer-events:none}
.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:contrast(1.08)}
.hero-art figcaption{position:absolute;right:18px;bottom:15px;z-index:2;color:#fff;background:rgba(0,0,0,.62);padding:6px 10px;font-size:11px}
.section{margin-top:30px}
.card,.price-card,.food-card,.catalogue-card,.detail,.workbench{background:#fff;border:1px solid #d8ddd7;border-radius:5px;box-shadow:none}
.card h3,.row h2{font-family:'Noto Sans SC',sans-serif;font-weight:800}
.tag{background:#e9eee7;color:#213d2b;border-radius:3px}
.tag.orange{background:#eef1df;color:#49611b}
.button{border-radius:3px}.button.ghost{background:#e9eee7}.button.outline{border-color:#cdd7ce}
#today .workout-visual{background:#e5ebe6;border-radius:3px}
.move-preview span{background:#fff;border-color:#cbd6cb;border-radius:3px}
.num{background:#e4ebe4;color:#1a3c24;border-radius:3px}
.macro div,.action-tile,.list-card{border-radius:4px}
.action-tile{background:#fff}.action-tile:hover{background:#f6f9ee;border-color:#a5bc69}
.food-card:hover,.catalogue-card:hover{border-color:#91ae50}
.search,.catalogue-toolbar select{border-radius:3px!important;background:#fff}
.chips button{border-radius:3px}.chips button.on{background:#19271d}
.detail{background:#fff}.detail-title{font-family:'Noto Sans SC',sans-serif}.detail-hero{border-radius:3px}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #b5d942;outline-offset:2px}
@media(max-width:1050px){.hero{grid-template-columns:minmax(290px,1fr) minmax(260px,1fr)}}
@media(max-width:760px){.shell{display:block}.sidebar{background:#101512;border-color:#29322b}.brand{color:#fff}.nav button{color:#cbd4cc}.nav button.active,.nav button:hover{background:#28352b;color:#fff}.sidebar>.nav:last-of-type button{border-color:#4b5b4c}.main{padding:23px 15px 55px}.hero{grid-template-columns:1fr;min-height:0}.hero>div:first-child{padding:36px 25px 28px}.hero h2{font-size:46px}.hero-art{height:320px}.hero-art:before{inset:0 0 auto;width:auto;height:55px;background:linear-gradient(#090b0a,transparent)}#today>.heading{font-size:26px}}
@media(max-width:520px){.hero h2{font-size:42px}.hero-art{height:275px}.hero-art img{object-position:center 53%}#today>.heading{font-size:24px}}
@media(prefers-reduced-motion:reduce){.food-card,.catalogue-card,.button{transition:none!important}}