/* 循序 2026 训练日志：纸张、墨色与朱砂，突出每天该做的事 */
:root{--bg:#f3f0e8;--paper:#fffdf8;--ink:#1e2825;--muted:#58645e;--line:#d9ddd2;--green:#203d34;--mint:#e7e9df;--lime:#ec6b43;--orange:#b94d2e;--fitness-dark:#203d34;--fitness-accent:#ec6b43;--fitness-soft:#fffdf8;--shadow:0 9px 25px rgba(24,38,29,.055)}
body{background:var(--bg);font-family:'Noto Sans SC',sans-serif;color:var(--ink)}
::selection{background:#f1b6a0;color:#24352c}
.shell{max-width:1560px}
.sidebar{background:#24372f;border-color:#31483c;color:#f9f4e8;padding:27px 17px}
.brand{color:#fffaf0;font-size:26px;padding:8px 10px 29px;letter-spacing:-.04em}
.brand .logo{background:#ed734c;color:#fffaf0;border-radius:2px;transform:rotate(-7deg)}
.brand span{color:#d7d2c3!important}
.small-label{color:#aabcb0;padding:0 11px}
.nav{gap:3px}.nav button{color:#d6e1d7;border-radius:3px;font-weight:500}
.nav button.active,.nav button:hover{background:#40584a;color:#fffdf5}
.nav button.active{box-shadow:inset 2px 0 0 #f08a60}
.trial{background:#385346;color:#faf7ee;border-radius:4px;padding:18px}
.trial strong,.trial p{color:#faf7ee}.trial button{background:#f3e7d5;color:#263c32}
.profile{border-color:#40594b;color:#fffdf5}.profile span{color:#bccfc0}.avatar{background:#f2e8d7;color:#264134}
.main{padding-top:25px}.topbar{border-color:var(--line)}.crumb{color:#5b6c61}
.pill{background:#fffbf3;color:#365041;border-color:#d8ddd0}
.heading{font-family:'Noto Serif SC','Songti SC',serif;font-weight:700;letter-spacing:-.025em}
#today>.heading{font-family:'Noto Serif SC','Songti SC',serif;font-size:clamp(26px,2.15vw,34px);font-weight:700;letter-spacing:-.025em;margin-top:12px}
.sub{color:#5a695e}
.section{margin-top:30px}
.hero{background:#e7e2d3;color:#1f342b;border-radius:2px;min-height:343px;border:1px solid #d7d1be;grid-template-columns:minmax(0,1fr) minmax(240px,42%);gap:34px}
.hero .tag{background:#2b493c!important;color:#fff5df!important;border-radius:2px}
.hero h2{color:#203a2d;font-family:'Noto Serif SC','Songti SC',serif;font-weight:800;font-size:clamp(36px,3.2vw,52px);letter-spacing:-.035em;line-height:1.18;margin-top:24px}
.hero p{color:#405548;max-width:32ch}
.hero .button.light{background:#e66d44;color:#fffaf1;border-radius:3px;font-weight:700}
.hero .button.light:hover{background:#bf5535}
.motion-stage{background:#264537;border-radius:2px;border-color:#264537;height:250px}
.motion-stage:after{color:#d8e3d6}
.motion-stage .lift-bar rect:first-child,.motion-stage .motion-track{fill:#f37a51;stroke:#f37a51}
.card,.food-card,.catalogue-card,.price-card,.detail,.workbench{border-radius:3px;background:#fffdf8}
.card{border-color:#d8d9cc}
.card h3,.row h2{font-family:'Noto Serif SC','Songti SC',serif;font-weight:700}
.tag{border-radius:2px;background:#e5e8dc;color:#375344}
.tag.orange{background:#f4e0d4;color:#a84b2c}
.button{border-radius:3px}.button.ghost{background:#e9e8dc}.button.outline{border-color:#c9d2c3}
#today .workout-visual{background:#edece1;border-radius:2px}
.move-preview span{border-radius:2px;background:#fffdf6;border-color:#c9d0bf}
.num{background:#e9ebe1;color:#294436;border-radius:2px}
.macro div,.action-tile,.list-card{border-radius:2px}
.action-tile{background:#fffdf8}.action-tile:hover{background:#f9f3e8;border-color:#b4ad91}
.food-card:hover,.catalogue-card:hover{border-color:#b4ad91;transform:translateY(-2px)}
.search,.catalogue-toolbar select{border-radius:2px!important;background:#fffdf8}
.chips button{border-radius:2px}.chips button.on{background:#294637}
.detail{background:#fffdf8}.detail-title{font-family:'Noto Serif SC','Songti SC',serif}.detail-hero{border-radius:2px}
.price-card{border-color:#d8d9cc}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #e66d44;outline-offset:2px}
@media(max-width:760px){.sidebar{background:#24372f;border-color:#405246}.brand{color:#fffaf0}.nav button{color:#d7e2d8}.nav button.active,.nav button:hover{background:#40584a;color:#fffdf5}.sidebar>.nav:last-of-type button{border-color:#748878}.main{padding-top:22px}.hero{grid-template-columns:minmax(0,1fr);padding:26px 22px;gap:20px}.hero h2{font-size:37px}.motion-stage{height:200px}#today>.heading{font-size:25px}}
@media(max-width:520px){.hero h2{font-size:34px}.motion-stage{height:170px}#today>.heading{font-size:23px}}