:root{color-scheme:light;--bg:#f7f8fa;--surface:#fff;--surface-2:#f0f3f7;--text:#18202a;--muted:#6d7888;--line:#e5e9ef;--accent:#315efb;--accent-soft:#e9efff;--lime:#b7ec72;--dark:#111827;--shadow:0 16px 45px rgba(30,45,70,.08)}
html[data-theme=dark]{color-scheme:dark;--bg:#101419;--surface:#171c24;--surface-2:#202733;--text:#f1f4f8;--muted:#9ba7b6;--line:#2a3442;--accent:#7d9bff;--accent-soft:#24325d;--lime:#c5f88a;--dark:#0a0e14;--shadow:0 18px 48px rgba(0,0,0,.26)}
@media(prefers-color-scheme:dark){html[data-theme=system]{color-scheme:dark;--bg:#101419;--surface:#171c24;--surface-2:#202733;--text:#f1f4f8;--muted:#9ba7b6;--line:#2a3442;--accent:#7d9bff;--accent-soft:#24325d;--lime:#c5f88a;--dark:#0a0e14;--shadow:0 18px 48px rgba(0,0,0,.26)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.7;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-shell{max-width:1160px;margin:0 auto;padding:0 32px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{height:76px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;margin-right:54px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--dark);color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.06em}.brand strong,.brand small{display:block;line-height:1.1}.brand strong{font-size:14px;letter-spacing:.02em}.brand small{margin-top:4px;color:var(--muted);font-size:9px;letter-spacing:.09em}.main-nav{display:flex;align-self:stretch;gap:24px;color:var(--muted);font-size:12px}.main-nav a{position:relative;display:flex;align-items:center}.main-nav a:hover,.main-nav .active{color:var(--text)}.main-nav .active:after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:2px;background:var(--accent);content:""}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.service-link{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:var(--accent);font-size:10px;font-weight:750}.service-link:hover{border-color:var(--accent);background:var(--accent-soft)}.admin-link{padding:7px 10px;border-radius:7px;background:var(--dark);color:#fff;font-size:10px;font-weight:750}.admin-link:hover{opacity:.85}.theme-switcher select{padding:6px 23px 6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);font-size:10px;cursor:pointer}.admin-menu{position:relative;color:var(--accent);font-size:10px;font-weight:750}.admin-menu summary{padding:7px 10px;border:1px solid var(--line);border-radius:7px;cursor:pointer;list-style:none}.admin-menu summary::-webkit-details-marker{display:none}.admin-menu[open] summary{border-color:var(--accent);background:var(--accent-soft)}.admin-panel{position:absolute;z-index:30;right:0;top:37px;display:grid;min-width:155px;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:var(--shadow)}.admin-panel a{padding:7px 9px;border-radius:5px;color:var(--text);font-size:11px;font-weight:500;white-space:nowrap}.admin-panel a:hover{background:var(--surface-2);color:var(--accent)}.search-menu{position:relative;color:var(--muted)}.search-menu summary{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:19px;line-height:1;cursor:pointer;list-style:none}.search-menu summary::-webkit-details-marker{display:none}.search-menu[open] summary{border-color:var(--accent);color:var(--accent)}.search-menu form{position:absolute;z-index:30;right:0;top:37px;display:flex;gap:5px;padding:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.search-menu input{width:165px;padding:7px 9px;border:1px solid var(--line);border-radius:5px;outline:0;background:var(--bg);color:var(--text);font-size:11px}.search-menu input:focus{border-color:var(--accent)}.search-menu button{width:29px;border:0;border-radius:5px;background:var(--accent);color:#fff;cursor:pointer}
.site-main{min-height:600px}.intro{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:90px;align-items:center;padding:104px 0 84px}.kicker,.small-label{margin:0 0 13px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.intro h1{max-width:700px;margin:0;font-size:clamp(45px,6.3vw,76px);font-weight:800;letter-spacing:-.075em;line-height:1.08}.intro h1 em{color:var(--accent);font-style:normal}.intro-text{max-width:550px;margin:24px 0 29px;color:var(--muted);font-size:15px}.intro-actions{display:flex;align-items:center;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 16px;border:0;border-radius:7px;font-size:12px;font-weight:750;transition:transform .18s,box-shadow .18s;cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(49,94,251,.18)}.button-primary{background:var(--dark);color:#fff}.quiet-link{color:var(--accent);font-size:12px;font-weight:700}.quiet-link span{margin-left:6px}.now-card{padding:23px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.now-heading{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.now-heading time{margin-left:auto;font-family:ui-monospace,monospace;font-size:10px}.online-dot{width:7px;height:7px;border-radius:50%;background:#42b883;box-shadow:0 0 0 4px #def5e9}.now-divider{height:1px;margin:19px 0 22px;background:var(--line)}.now-title{margin:0;font-size:22px;font-weight:650;line-height:1.45}.now-title strong{color:var(--accent);font-weight:750}.now-copy{margin:15px 0 0;color:var(--muted);font-size:12px}.now-footer{display:flex;gap:6px;margin-top:24px}.now-footer span,.tag{padding:3px 8px;border-radius:5px;background:var(--surface-2);color:var(--muted);font-size:10px}.about-strip{display:flex;align-items:center;gap:14px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--accent);color:#fff;font-weight:800}.about-main{flex:1}.about-main .small-label{margin-bottom:2px}.about-main p:last-child{margin:0;color:var(--muted);font-size:12px}.about-main strong{color:var(--accent)}
.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:80px;padding:74px 0 78px}.section-title{display:flex;justify-content:space-between;align-items:end;padding-bottom:13px;border-bottom:1px solid var(--line)}.section-title>div{display:flex;align-items:center;gap:10px}.section-no{color:var(--accent);font-family:ui-monospace,monospace;font-size:10px}.section-title h2{margin:0;font-size:14px;font-weight:750}.section-title>a,.side-heading>a{color:var(--muted);font-size:11px}.feature-post{padding:27px 0 31px;border-bottom:1px solid var(--line)}.post-meta{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:11px}.tag-green{background:var(--accent-soft);color:var(--accent)}.feature-post h3{max-width:700px;margin:15px 0 10px;font-size:34px;font-weight:750;letter-spacing:-.055em;line-height:1.2}.feature-post p,.timeline-item p,.project-card p,.life-note p{margin:0;color:var(--muted);font-size:13px}.read-link{display:inline-flex;gap:8px;margin-top:22px;color:var(--accent);font-size:12px;font-weight:750}.read-link span{font-size:16px}.timeline-item,.archive-item{display:grid;grid-template-columns:55px minmax(0,1fr) 20px;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}.timeline-item>time,.archive-item>time{padding-top:4px;color:var(--accent);font-family:ui-monospace,monospace;font-size:11px;line-height:1.15}.timeline-item>time small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.timeline-item h4{margin:7px 0 3px;font-size:18px;font-weight:650;letter-spacing:-.025em;line-height:1.35}.timeline-item>a,.archive-item>a{padding-top:8px;color:var(--accent);font-size:17px}.sidebar{display:grid;align-content:start;gap:17px;padding-top:47px}.project-card{padding:23px;border-radius:12px;background:var(--dark);color:#fff}.project-card .small-label{color:var(--lime)}.project-card h2{margin:0 0 12px;font-size:27px;font-weight:750;letter-spacing:-.05em;line-height:1.15}.project-card p{color:#b6c0cf}.project-status{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:13px;border-top:1px solid rgba(255,255,255,.16);font-size:10px}.project-status i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--lime)}.project-status a{color:var(--lime);font-weight:750}.side-block{padding:0}.side-heading{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:9px;border-bottom:1px solid var(--line)}.side-heading h2{margin:0;font-size:14px}.life-note{display:grid;grid-template-columns:47px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.life-note time{color:var(--accent);font-family:ui-monospace,monospace;font-size:10px}.life-note p{font-size:12px;line-height:1.5}.comment-note{padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.comment-note a{display:block;color:var(--accent);font-weight:700}.comment-note span{display:block;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.categories .small-label,.archive-links .small-label,.management-card .small-label{margin:13px 0 5px}.categories a{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.categories a:hover,.archive-links a:hover{color:var(--accent)}.categories a span{font-family:ui-monospace,monospace;font-size:10px}.archive-links{display:flex;flex-wrap:wrap;gap:6px}.archive-links .small-label{flex-basis:100%}.archive-links a{padding:4px 7px;border-radius:5px;background:var(--surface-2);color:var(--muted);font-size:10px}.management-card{padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.management-card a{display:block;padding:6px 0;border-bottom:1px solid var(--line);color:var(--accent);font-size:11px}.management-card a:last-child{border-bottom:0}.site-footer{display:flex;justify-content:space-between;gap:15px;padding:20px 0 28px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.site-footer a{color:var(--accent)}
.archive-page{max-width:760px;padding:78px 0}.archive-page .section-title{margin-bottom:8px}.archive-item{grid-template-columns:88px minmax(0,1fr) 20px}.archive-item h3{margin:7px 0 3px;font-size:21px;font-weight:700;letter-spacing:-.03em}.archive-item p{margin:0;color:var(--muted);font-size:13px}.single-post{max-width:780px;padding:80px 0 45px}.single-post h1{margin:18px 0 30px;font-size:clamp(36px,5vw,58px);font-weight:800;letter-spacing:-.065em;line-height:1.12}.post-content{font-size:16px;line-height:1.95}.post-content h2,.post-content h3{margin-top:2em}.post-content img{max-width:100%;height:auto;border-radius:10px}.post-content a{color:var(--accent);border-bottom:1px solid var(--accent)}.post-content blockquote{margin:1.5em 0;padding:2px 18px;border-left:3px solid var(--accent);color:var(--muted)}.post-content pre{padding:16px;overflow:auto;border-radius:8px;background:var(--dark);color:#e7efff}.post-content code{padding:2px 5px;border-radius:4px;background:var(--surface-2);font-size:.9em}.post-tags{color:var(--muted);font-size:12px}.comments{max-width:780px;padding:32px 0 48px;border-top:1px solid var(--line)}.comments>h2{margin:0 0 18px;font-size:15px;font-weight:700}.comment-list{display:grid;gap:11px;margin:0 0 27px;padding:0;list-style:none}.comment-body{padding:16px 17px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.comment-author{display:flex;align-items:center;gap:9px}.comment-author .avatar{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2)}.comment-author .fn{font-size:13px;font-style:normal;font-weight:700}.comment-author .fn a{color:var(--accent)}.comment-meta{margin:3px 0 10px 41px;color:var(--muted);font-size:10px}.comment-meta a{color:inherit}.comment-content{margin-left:41px;color:var(--text);font-size:13px;line-height:1.7}.comment-content p{margin:0}.comment-reply{margin:10px 0 0 41px}.comment-reply a{color:var(--accent);font-size:11px;font-weight:700}.respond{padding:20px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.respond h3{margin:0 0 14px;font-size:15px}.respond form{display:grid;gap:9px}.respond input,.respond textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font-size:13px;outline:0}.respond input:focus,.respond textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.respond textarea{min-height:135px;resize:vertical}.respond .button{width:100%;background:var(--accent);color:#fff}.post-near{display:flex;justify-content:space-between;max-width:780px;padding:0 0 48px;color:var(--accent);font-size:12px}.empty-state{padding:100px 0}.empty-state h1{font-size:44px;letter-spacing:-.06em}.muted{color:var(--muted)}
@media(max-width:900px){.page-shell{padding:0 22px}.brand{margin-right:30px}.main-nav{gap:18px}.intro{grid-template-columns:1fr;gap:38px;padding:76px 0 60px}.now-card{max-width:360px;justify-self:end}.main-grid{grid-template-columns:1fr;gap:44px}.sidebar{grid-template-columns:repeat(3,1fr);padding-top:0}.project-card{grid-column:span 1}}
@media(max-width:620px){.site-header{height:68px}.brand{margin-right:0}.brand small,.main-nav a:nth-child(n+3),.service-link,.admin-link,.admin-menu{display:none}.main-nav{gap:14px;margin-left:24px}.header-actions{gap:5px}.intro{padding-top:52px}.intro h1{font-size:48px}.intro-text{font-size:14px}.intro-actions{align-items:flex-start;flex-direction:column;gap:14px}.about-strip{align-items:flex-start}.sidebar{grid-template-columns:1fr}.feature-post h3{font-size:29px}.site-footer{display:grid}.archive-page,.single-post{padding:52px 0 35px}.archive-item{grid-template-columns:62px minmax(0,1fr) 18px}.post-near{display:grid;gap:9px}.theme-switcher select{width:70px;padding-right:5px}.search-menu form{right:-42px}}
.language-switcher select{width:39px;padding:6px 3px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);font-size:10px;text-align:center;cursor:pointer}.standalone-page{padding:82px 0 88px}.page-hero{max-width:720px;padding-bottom:40px}.page-hero h1{margin:0;font-size:clamp(38px,5vw,64px);font-weight:800;letter-spacing:-.07em;line-height:1.1}.page-hero>p:last-child{max-width:530px;margin:20px 0 0;color:var(--muted);font-size:15px}.notes-list{max-width:820px}.note-row{display:grid;grid-template-columns:90px minmax(0,1fr) 22px;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.note-row>time{padding-top:4px;color:var(--accent);font-family:ui-monospace,monospace;font-size:11px}.note-row h2{margin:9px 0 5px;font-size:22px;font-weight:700;letter-spacing:-.04em;line-height:1.3}.note-row p{margin:0;color:var(--muted);font-size:13px}.row-arrow{padding-top:8px;color:var(--accent);font-size:18px}.work-feature{max-width:820px;padding:30px;border-radius:14px;background:var(--dark);color:#fff}.work-status{display:flex;align-items:center;gap:8px;color:var(--lime);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.work-status span{width:7px;height:7px;border-radius:50%;background:var(--lime)}.work-feature h2{margin:27px 0 12px;font-size:clamp(40px,6vw,68px);font-weight:800;letter-spacing:-.07em;line-height:1}.work-feature h2 em{color:var(--lime);font-style:normal}.work-feature>p{max-width:560px;margin:0;color:#b9c2cf;font-size:14px}.work-actions{display:flex;align-items:center;gap:18px;margin-top:28px}.work-actions .button{background:var(--lime);color:#17221b}.work-actions .quiet-link{color:var(--lime)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:820px;margin-top:20px;border-top:1px solid var(--line)}.work-grid article{padding:21px 20px 0 0}.work-grid article+article{padding-left:20px;border-left:1px solid var(--line)}.work-grid span{color:var(--accent);font-family:ui-monospace,monospace;font-size:10px}.work-grid h3{margin:12px 0 4px;font-size:18px}.work-grid p{margin:0;color:var(--muted);font-size:12px}@media(max-width:620px){.language-switcher select{width:34px}.standalone-page{padding:52px 0 60px}.note-row{grid-template-columns:62px minmax(0,1fr) 18px}.note-row h2{font-size:19px}.work-feature{padding:23px}.work-actions{align-items:flex-start;flex-direction:column;gap:14px}.work-grid{grid-template-columns:1fr}.work-grid article+article{padding-left:0;border-left:0;border-top:1px solid var(--line)}}