/* Like_x：以编号、目录和实物机制组织个人作品。 */
[data-theme=dark]{--bg:#141b1d;--surface:#1b2528;--text:#e6e5dc;--muted:#9ba9a4;--line:#374443;--accent:#d4b487;--soft:#293a35;--studio-gold:#d4b487;--studio-mint:#b5c8ad}
body{background-image:none}.site-header{background:#141b1df5;border-bottom:1px solid #36423f}.nav{height:76px}.brand{letter-spacing:-1px;font-size:26px}.nav-links{gap:23px;font-size:12px}.nav-links a:last-child{color:#d4b487}.github-link{color:#a6b0a8;font-size:11px}
.hero{padding-top:67px;gap:65px;min-height:650px;grid-template-columns:.88fr 1.12fr}.hero .eyebrow{font-size:11px;letter-spacing:1.5px;color:#c6a479}.hero h1{font-size:clamp(48px,6.5vw,88px);line-height:1.15;font-weight:550;letter-spacing:-4px;margin:26px 0 28px}.hero .highlight{color:#d4b487;font-family:"Songti SC","SimSun",serif;font-weight:400;font-size:.76em;letter-spacing:-2px}.hero .intro{font-size:14px;line-height:2.1;color:#a9b5aa;max-width:365px}.hero .primary{background:#d0b68e;border-color:#d0b68e;color:#1d3026!important;border-radius:1px;padding:14px 18px}.hero .secondary{font-size:12px;color:#aab8a9}.hero-hint{font-size:11px;color:#7e9684}.hero-hint .hint-dot{background:#d0b68e;box-shadow:none}.hero .subnote{border-top:1px solid #3b483e;padding-top:19px;font-size:10px;letter-spacing:1px;color:#a09279;opacity:1}.hero .simulator-entrance{padding-top:7px}.simulator-entrance a{color:#b1bea8}.simulator-entrance small{color:#778e7b}
#hero-lab{border-radius:2px;box-shadow:none;border-color:#4c5a4b;transform:rotate(.7deg);transition:transform .25s;background:#152329}#hero-lab:hover{transform:rotate(0deg)}#hero-lab:before{content:'01 / 车载平衡滚球';font:12px/1.7 Consolas,"Microsoft YaHei",monospace;letter-spacing:.7px;color:#c5ab80;background:#24352e;border-color:#4c5a4b;padding:14px 19px}#hero-lab:after{content:'视觉反馈 · 单端升降 · 底盘循迹';font-size:11px;border-color:#3f5243;padding:14px 19px;color:#96a68d}.hero-demo{height:410px}
.projects{padding-top:45px}.section-label{font-size:11px;letter-spacing:1px;color:#b29873}.section-head h2{font-size:37px;font-weight:500;letter-spacing:-1px;margin-top:13px}.section-head p{color:#899d8a}.filter-row button{border-radius:1px;border-color:#465448;padding:9px 13px}.filter-row button[aria-pressed=true]{background:#b5c2a3;color:#263428;border-color:#b5c2a3}.filter-status{color:#8f9f85}.cards{gap:42px 32px}.card{border-radius:1px!important;border-color:#41513f;background:#172326;transition:border-color .2s}.card:hover{transform:none;border-color:#a99770}.card-art{height:260px;background:#263b30;border-bottom:1px solid #41513f}.card-content{padding:24px}.card h3{font-size:26px;font-weight:500;letter-spacing:-.5px;line-height:1.55;margin:18px 0 12px}.card p{color:#97aa96;font-size:13px;line-height:2}.card-topline{letter-spacing:.7px;font-size:10px;color:#b19c77}.tags span{background:none;border-bottom:1px solid #566347;border-radius:0;color:#94ab89;font-size:10px;padding:4px 0;margin-right:9px}.card-bottom{border-color:#3c503c;color:#7d9477}.card-open{color:#ceb78c}.project-preview .preview-action{border-radius:1px;color:#d5d8c6;background:#192b24ed;border-color:#7c8d69}.art-label{color:#b8c5a2}.workflow-mini-grid .mini-stage{border-radius:1px}
.lab-invitation{border:0;border-top:1px solid #56624b;border-bottom:1px solid #56624b;border-radius:0;background:none;padding:35px 0;margin-top:5px;margin-bottom:65px}.lab-invitation h2{font-size:29px;font-weight:500}.lab-invitation>a{background:#bdc7a7;color:#263b2a;border-radius:1px}.lab-invitation p{color:#93a38b}
.teaching-note{display:grid;grid-template-columns:110px 1fr auto;gap:27px;align-items:center;background:#e9e2d0;color:#3b4632;padding:32px;margin:0 0 70px;position:relative}.teaching-note:before{content:'';position:absolute;left:30px;top:-9px;width:84px;height:19px;background:#a9986b99;transform:rotate(-4deg)}.teaching-note .note-index{font:italic 56px/1 Georgia,serif;color:#a66a44}.teaching-note small{font-size:11px;color:#8b6e4c;letter-spacing:1px}.teaching-note h2{font-size:26px;color:#334630;letter-spacing:-.6px;font-weight:550;margin:8px 0}.teaching-note p{font-size:13px;color:#7c795d;line-height:1.9;max-width:550px;margin:9px 0 0}.teaching-note>a{border-bottom:1px solid #99754f;padding:10px 0;font-size:13px;white-space:nowrap;color:#79593c}
.method-section h2{font-size:29px;font-weight:500}.methods{gap:30px}.method h3{font-size:17px;font-weight:500}.method small{color:#b2966d;font-size:11px;letter-spacing:0}.method p{color:#8b9f85}.about{grid-template-columns:.7fr 1.3fr;gap:70px}.about h2{font-size:31px;font-weight:500}.about p{color:#99ad91}.interests span{color:#a8b49b;border-color:#485e43}.footer{color:#7e9676;border-color:#465942}.footer-left span:last-child{letter-spacing:1px}
@media(max-width:1050px){.hero{gap:32px}.hero h1{font-size:65px}.nav-links{gap:15px;font-size:11px}.teaching-note{grid-template-columns:70px 1fr;gap:18px}.teaching-note>a{grid-column:2;justify-self:start}.teaching-note .note-index{font-size:43px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:45px;gap:35px;min-height:0}.hero h1{font-size:71px}.hero .intro{max-width:520px}.hero-demo{height:390px}#hero-lab{transform:none}.section-head h2{font-size:32px}.cards{gap:25px}.card-art{height:220px}.card h3{font-size:23px}.about{gap:35px}.teaching-note{padding:28px}.teaching-note h2{font-size:24px}}
@media(max-width:520px){.nav{height:68px;gap:17px}.brand{font-size:23px}.site-header .nav-links{gap:14px}.site-header .nav-links a[href='#projects']{display:none}.site-header .nav-links a[href='teach.html']{display:inline;font-size:11px}.github-link{font-size:10px}.hero h1{font-size:64px;letter-spacing:-3px}.hero .intro{font-size:13px}.hero{padding:35px 0 40px}.hero-demo{height:440px}.cards{gap:24px}.card h3{font-size:25px}.card-art{height:250px}.section-head h2{font-size:32px}.teaching-note{grid-template-columns:44px 1fr;padding:27px 20px;gap:15px;margin-bottom:50px}.teaching-note .note-index{font-size:37px}.teaching-note h2{font-size:23px}.teaching-note p{font-size:12px}.teaching-note>a{font-size:12px}.about{grid-template-columns:1fr;gap:25px}.methods{grid-template-columns:1fr;gap:22px}.hero .subnote{display:none}.footer{gap:15px;flex-wrap:wrap}.lab-invitation{padding:26px 0}}
@media(prefers-reduced-motion:reduce){#hero-lab{transform:none;transition:none}.card{transition:none}}