:root{--bg:#f4f5f0;--surface:#fff;--ink:#171b1b;--muted:#68706e;--line:#dfe2db;--accent:#176b51;--accent-soft:#dceee7;--warm:#f1e3ce;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit}.site-header{width:min(1180px,calc(100% - 32px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--ink);color:#fff;font-size:12px;letter-spacing:.05em}.nav{display:flex;gap:29px}.nav a{text-decoration:none;color:#48504e;font-size:14px}.nav a:hover{color:var(--accent)}.menu-button{display:none;border:0;background:transparent;font-size:24px}.section{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:92px 0}.hero{min-height:690px;display:grid;grid-template-columns:1.15fr .85fr;gap:78px;align-items:center}.eyebrow{margin:0;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em}.hero h1{font-size:clamp(46px,6vw,82px);line-height:1.06;letter-spacing:-.055em;margin:17px 0 24px}.hero-text{max-width:650px;color:var(--muted);font-size:17px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin:34px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;text-decoration:none;font-weight:750;font-size:14px}.primary{background:var(--accent);color:#fff}.secondary{background:transparent;border:1px solid #bcc2ba}.quick-stats{display:flex;list-style:none;padding:0;margin:50px 0 0;gap:46px}.quick-stats li{display:grid;gap:4px}.quick-stats strong{font-size:23px}.quick-stats span{font-size:12px;color:var(--muted)}.hero-panel{border:1px solid #29302e;border-radius:18px;background:#171c1b;color:#e6ece9;box-shadow:24px 30px 0 var(--warm);overflow:hidden;transform:rotate(1deg)}.terminal-head{height:48px;padding:0 16px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #303735}.terminal-head span{width:9px;height:9px;border-radius:50%;background:#6f7774}.terminal-head small{margin-left:auto;color:#87908d}.terminal-body{padding:28px 28px 31px}.terminal-body p{padding:15px 0;margin:0;border-bottom:1px solid #2d3532;font-family:Consolas,monospace;font-size:13px}.terminal-body p span{color:#62c49d;margin-right:10px}.terminal-status{margin-top:27px;color:#98a39f;font-size:12px}.terminal-status i{display:inline-block;width:8px;height:8px;background:#56c58f;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px rgba(86,197,143,.12)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-heading h2,.content-block h2,.about-section h2{font-size:clamp(30px,4vw,47px);letter-spacing:-.04em;margin:10px 0 0}.section-heading>p{max-width:430px;color:var(--muted);line-height:1.7}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:.25s}.project-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(24,40,34,.08)}.project-visual{height:250px;background:#dcece5;position:relative;overflow:hidden}.project-index{position:absolute;top:20px;left:22px;font-size:12px;font-weight:800;z-index:2}.visual-orbit{position:absolute;width:260px;height:260px;border:1px solid rgba(23,107,81,.3);border-radius:50%;right:-20px;top:12px}.visual-orbit:before,.visual-orbit:after{content:"";position:absolute;border:1px solid rgba(23,107,81,.28);border-radius:50%;inset:40px}.visual-orbit:after{inset:80px;background:#176b51}.visual-orbit i{position:absolute;width:16px;height:16px;border-radius:50%;background:#fbf3de}.visual-orbit i:nth-child(1){top:34px;left:43px}.visual-orbit i:nth-child(2){bottom:28px;left:75px}.visual-orbit i:nth-child(3){top:102px;right:-7px}.road{background:linear-gradient(#c9e3ef 0 45%,#7c8988 45% 100%)}.road:after{content:"";position:absolute;width:115%;height:61%;left:-7%;bottom:-24%;background:#353c3e;clip-path:polygon(29% 0,71% 0,100% 100%,0 100%)}.road-lines{position:absolute;inset:0;z-index:2}.road-lines i{position:absolute;height:50%;width:4px;bottom:-3%;background:#f7e676;transform-origin:bottom}.road-lines i:first-child{left:36%;transform:rotate(12deg)}.road-lines i:last-child{right:36%;transform:rotate(-12deg)}.project-content{padding:27px}.project-meta{display:flex;gap:7px;flex-wrap:wrap}.project-meta span{background:#eff2ed;border-radius:99px;padding:6px 9px;font-size:10px;color:#59625f}.project-content h3{font-size:25px;margin:18px 0 10px}.project-content p{color:var(--muted);line-height:1.75;min-height:62px}.project-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.project-footer a{color:var(--accent);font-weight:750;text-decoration:none}.project-footer small{color:#929995}.writing-section{border-top:1px solid var(--line)}.article-list{border-top:1px solid var(--line)}.article-list article{display:grid;grid-template-columns:100px 1fr 35px;gap:25px;align-items:center;padding:26px 4px;border-bottom:1px solid var(--line)}.article-list time{font-size:12px;color:var(--muted)}.article-list article span{font-size:11px;color:var(--accent);font-weight:750}.article-list h3{font-size:20px;margin:8px 0}.article-list p{margin:0;color:var(--muted);font-size:14px}.article-list article>a{text-decoration:none;font-size:20px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:22px}.content-block{border-radius:var(--radius);background:#e4ece8;padding:40px}.paper-block{background:#ede4d6}.block-intro{color:var(--muted);line-height:1.7}.note-cloud{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.note-cloud a{background:rgba(255,255,255,.64);border-radius:13px;padding:16px;text-decoration:none}.note-cloud strong,.note-cloud span{display:block}.note-cloud span{color:var(--muted);font-size:12px;margin-top:7px}.paper-list{list-style:none;padding:0;margin:30px 0 0}.paper-list li{display:flex;gap:17px;padding:16px 0;border-top:1px solid rgba(70,62,49,.15)}.paper-list li>span{font-size:11px;color:#927958}.paper-list strong,.paper-list small{display:block}.paper-list small{margin-top:7px;color:#7c7469}.about-section{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center;border-top:1px solid var(--line)}.about-section>p{color:var(--muted);line-height:1.8}footer{width:min(1180px,calc(100% - 32px));margin:auto;padding:30px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}@media(max-width:850px){.nav{display:none;position:absolute;top:65px;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;min-width:150px;box-shadow:0 14px 40px rgba(0,0,0,.09);flex-direction:column;gap:16px}.nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;gap:40px;min-height:auto;padding-top:62px}.project-grid,.split-section{grid-template-columns:1fr}.about-section{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.quick-stats{gap:30px}.note-cloud{grid-template-columns:1fr}}@media(max-width:540px){.section{padding:66px 0}.hero h1{font-size:43px}.project-visual{height:205px}.article-list article{grid-template-columns:1fr 24px;gap:10px}.article-list time{grid-column:1/-1}.article-list p{display:none}.content-block{padding:28px}.quick-stats{justify-content:space-between}.hero-panel{box-shadow:12px 16px 0 var(--warm)}footer{gap:18px;flex-direction:column}}