*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--surface: #f6f8fa;--bg-secondary: var(--surface);--text: #172033;--text-secondary: #5b6473;--text-muted: #8a93a2;--border: #e3e7ec;--accent: #2457a7;--accent-strong: #183f7f;--header-bg: rgba(255, 255, 255, .94);--shadow: 0 12px 30px rgba(23, 32, 51, .08);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--max-w: 1080px;--sidebar-w: 272px;--gap: clamp(1.1rem, 4vw, 2rem)}[data-theme=dark]{--bg: #111722;--surface: #18202d;--bg-secondary: var(--surface);--text: #edf2f7;--text-secondary: #b1bac8;--text-muted: #7f8a9b;--border: #2a3545;--accent: #79a7e8;--accent-strong: #a8c7f2;--header-bg: rgba(17, 23, 34, .94);--shadow: 0 12px 30px rgba(0, 0, 0, .18)}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);color:var(--text);background:var(--bg);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}.desktop-sidebar{position:fixed;inset:0 auto 0 0;z-index:120;width:var(--sidebar-w);padding:1.5rem 1rem;background:var(--bg);border-right:1px solid var(--border)}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:0 .55rem 1.4rem;color:var(--text);border-bottom:1px solid var(--border)}.sidebar-brand:hover{color:var(--text)}.sidebar-brand>span:last-child{display:grid;line-height:1.35}.sidebar-brand strong{font-size:.96rem}.sidebar-brand small{color:var(--text-muted);font-size:.72rem;font-weight:500}.sidebar-nav{display:grid;gap:.35rem;padding-top:1.25rem}.sidebar-nav a{display:flex;align-items:center;gap:.8rem;min-height:46px;padding:.65rem .85rem;border-radius:8px;color:var(--text-secondary);font-size:.91rem;font-weight:600}.sidebar-nav a:hover{color:var(--text);background:var(--surface)}.sidebar-nav a.active{color:var(--accent-strong);background:#e7effb}[data-theme=dark] .sidebar-nav a.active{color:var(--accent);background:#1d304b}.sidebar-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-note{position:absolute;right:1rem;bottom:1.4rem;left:1rem;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.sidebar-note span{color:var(--accent);font-family:var(--font-mono);font-size:.67rem;font-weight:700;letter-spacing:.08em}.sidebar-note p{margin-top:.3rem;color:var(--text-secondary);font-size:.78rem;line-height:1.55}.site-frame{min-height:100vh;margin-left:var(--sidebar-w);background:var(--surface)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}::selection{color:#fff;background:var(--accent)}.site-header{position:sticky;top:0;z-index:100;background:var(--header-bg);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.header-inner,.footer-inner{width:min(100%,var(--max-w));margin:0 auto;padding:0 var(--gap)}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.site-header .brand{display:none}.desktop-page-title{display:grid;line-height:1.25}.desktop-page-title>span{font-size:.98rem;font-weight:700}.desktop-page-title small{color:var(--text-muted);font-family:var(--font-mono);font-size:.68rem}.brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--text);font-weight:700;letter-spacing:-.01em}.brand:hover{color:var(--text)}.brand-mark{width:30px;height:30px;display:grid;place-items:center;color:#fff;background:var(--accent);border-radius:6px;font-family:Georgia,serif}.nav{display:flex;align-items:center;gap:.2rem}.site-header .nav>a{display:none}.nav a{position:relative;padding:.5rem .72rem;color:var(--text-secondary);font-size:.91rem;font-weight:500}.nav a:hover,.nav a.active{color:var(--text)}.nav a.active:after{content:"";position:absolute;left:.72rem;right:.72rem;bottom:.2rem;height:2px;background:var(--accent)}.nav-controls{display:flex;align-items:center;gap:.4rem;margin-left:.45rem}.theme-btn,.lang-btn{width:38px;height:34px;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);background:var(--surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.theme-btn:hover,.lang-btn:hover{color:var(--accent);border-color:var(--accent)}.lang-btn{font-family:var(--font-mono);font-size:.75rem;font-weight:700}.theme-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-moon,[data-theme=dark] .theme-sun{display:none}[data-theme=dark] .theme-moon{display:block}.mobile-toggle{display:none;width:38px;height:38px;padding:8px;border:0;color:var(--text);background:transparent;cursor:pointer}.mobile-toggle span{display:block;height:2px;margin:4px 0;background:currentColor;border-radius:2px}main{min-height:calc(100vh - 129px)}.container{width:min(100%,var(--max-w));margin:0 auto;padding:clamp(2rem,5vw,4rem) var(--gap)}main>.container{margin-top:clamp(1rem,3vw,2rem);margin-bottom:clamp(1rem,3vw,2rem);border:1px solid var(--border);border-radius:10px;background:var(--bg);box-shadow:0 5px 18px #1720330a}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);font-size:.82rem}.footer-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(2rem,8vw,5rem);padding:1.5rem 0 clamp(4rem,9vw,6rem)}.eyebrow,.section-kicker{color:var(--accent);font-family:var(--font-mono);font-size:.73rem;font-weight:700;letter-spacing:.11em}.home-hero h1{max-width:580px;margin:.85rem 0 1rem;font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.14;letter-spacing:-.045em}.hero-intro{max-width:600px;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.08rem)}.hero-avatar{width:clamp(130px,18vw,176px);height:clamp(130px,18vw,176px);object-fit:cover;border-radius:50%;border:6px solid var(--surface);box-shadow:var(--shadow)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.7rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.55rem 1rem;border:1px solid var(--accent);border-radius:6px;font-size:.9rem;font-weight:600}.button-primary{color:#fff;background:var(--accent)}.button-primary:hover{color:#fff;background:var(--accent-strong);border-color:var(--accent-strong)}.button-secondary{color:var(--accent);background:transparent}.button-secondary:hover{color:var(--accent-strong);border-color:var(--accent-strong)}.home-section+.home-section{margin-top:4.5rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;padding-bottom:.9rem;border-bottom:1px solid var(--border)}.section-heading h2{margin-top:.2rem;font-size:1.35rem;line-height:1.35}.section-link{flex:none;font-size:.87rem;font-weight:600}.post-list{display:grid;gap:0}.post-item{border-bottom:1px solid var(--border)}.post-item:last-child{border-bottom:0}.post-item>a{display:block;padding:1.35rem 0;color:var(--text)}.post-item>a:hover h2,.post-item>a:hover h3,.post-item>a:hover .post-arrow{color:var(--accent)}.post-item-top{display:flex;align-items:start;justify-content:space-between;gap:1rem}.post-item h2,.post-item h3{font-size:1.08rem;font-weight:600;line-height:1.45;transition:color .15s}.post-arrow{flex:none;color:var(--text-muted);transition:color .15s}.meta,.meta-line{margin-top:.35rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.76rem}.post-item p{margin-top:.45rem;color:var(--text-secondary);font-size:.91rem;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.tag{padding:.13rem .48rem;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);background:var(--surface);font-family:var(--font-mono);font-size:.7rem}.empty,.loading{padding:2.5rem 0;color:var(--text-muted);text-align:center;font-size:.9rem}.page-header{margin-bottom:2.3rem;padding-bottom:1.3rem;border-bottom:1px solid var(--border)}.page-header h1{font-size:clamp(1.8rem,5vw,2.4rem);line-height:1.25;letter-spacing:-.035em}.page-header p{margin-top:.5rem;color:var(--text-secondary)}.avatar-large{width:104px;height:104px;margin-bottom:1.25rem;border-radius:50%;object-fit:cover}.about-section{margin-bottom:2.2rem}.about-section h2{margin-bottom:.65rem;color:var(--accent);font-size:.85rem;letter-spacing:.06em}.about-section p,.about-section li{color:var(--text-secondary);font-size:.94rem}.about-section ul{list-style:none}.about-section li{position:relative;padding:.22rem 0 .22rem 1rem}.about-section li:before{content:"-";position:absolute;left:0;color:var(--accent)}.article-shell{max-width:760px}.article-back{display:inline-block;margin-bottom:2rem;color:var(--text-secondary);font-size:.88rem}.article-back:hover{color:var(--accent)}.article-header{padding-bottom:1.7rem;border-bottom:1px solid var(--border)}.article-type{margin-bottom:.55rem;color:var(--accent);font-size:.78rem;font-weight:700}.article-header h1{font-size:clamp(2rem,6vw,3rem);line-height:1.22;letter-spacing:-.04em}.article-summary{margin-top:1rem;color:var(--text-secondary);font-size:1rem}.article-body{padding-top:2rem;color:var(--text-secondary);line-height:1.9;overflow-wrap:anywhere}.article-body p{margin-bottom:1.2rem}.article-body h2,.article-body h3{margin:2.1rem 0 .8rem;color:var(--text);line-height:1.4}.article-body h2{font-size:1.35rem}.article-body h3{font-size:1.08rem}.article-body ul,.article-body ol{margin:0 0 1.2rem 1.4rem}.article-body blockquote{margin:1.3rem 0;padding-left:1rem;border-left:3px solid var(--accent);color:var(--text-secondary)}.article-body pre{max-width:100%;margin:1.3rem 0;padding:1rem;overflow-x:auto;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:.85rem;line-height:1.6}.article-body code{font-family:var(--font-mono)}.article-body :not(pre)>code{padding:.12rem .32rem;border-radius:3px;background:var(--surface)}.article-error{padding:4rem 0;text-align:center}.article-error h1{margin-bottom:.5rem;font-size:1.6rem}.article-error p{margin-bottom:1.2rem;color:var(--text-secondary)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,180px);gap:1rem;justify-content:start}.library-state{grid-column:1 / -1;padding:3rem 1rem;border:1px dashed var(--border);border-radius:8px;color:var(--text-muted);text-align:center}.library-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--bg);cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.library-card:hover,.library-card:focus-visible{transform:translateY(-2px);border-color:#b9c8db;box-shadow:var(--shadow);outline:none}.library-cover{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;border-bottom:1px solid var(--border);background:var(--surface)}.library-cover img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;transition:transform .2s}.library-cover:hover img{transform:scale(1.015)}.library-card-title{padding:.7rem .75rem .8rem;border-top:1px solid var(--border)}.library-card-title h2{display:-webkit-box;overflow:hidden;color:var(--text);font-size:.82rem;font-weight:650;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.dialog-open{overflow:hidden}.paper-dialog{position:fixed;inset:0;z-index:300;display:none;place-items:center;padding:1rem}.paper-dialog.open{display:grid}.paper-dialog-backdrop{position:absolute;inset:0;border:0;background:#0b111b94;cursor:default}.paper-dialog-panel{position:relative;z-index:1;width:min(440px,100%);padding:1.5rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);box-shadow:0 24px 70px #0000003d}.paper-dialog-close{position:absolute;top:.75rem;right:.75rem;width:34px;height:34px;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);background:var(--surface);cursor:pointer;font-size:1.2rem;line-height:1}.paper-dialog-label{color:var(--accent);font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.08em}.paper-dialog-panel h2{margin:.55rem 2.5rem 1.2rem 0;font-size:1.15rem;line-height:1.45}.paper-dialog-panel dl{display:grid;gap:.9rem}.paper-dialog-panel dt{color:var(--text-muted);font-size:.72rem}.paper-dialog-panel dd{margin-top:.15rem;color:var(--text-secondary);font-size:.9rem}.paper-dialog-open{display:inline-flex;margin-top:1.3rem;padding:.48rem .85rem;border-radius:6px;color:#fff;background:var(--accent);font-size:.82rem;font-weight:700}.paper-dialog-open:hover{color:#fff;background:var(--accent-strong)}@media(max-width:700px){.desktop-sidebar,.desktop-page-title{display:none}.site-frame{margin-left:0;background:var(--bg)}.header-inner{height:58px}.site-header .brand{display:inline-flex}.mobile-toggle{display:block}.nav{display:none;position:absolute;top:58px;left:0;right:0;padding:.65rem var(--gap) 1rem;flex-direction:column;align-items:stretch;gap:.1rem;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.nav.open{display:flex}.site-header .nav>a{display:block}.nav a{width:100%;padding:.72rem 0}.nav a.active:after{left:0;right:auto;bottom:.48rem;width:22px}.nav-controls{width:100%;margin:.35rem 0 0}.theme-btn,.nav .lang-btn{width:50%;padding:0}.home-hero{grid-template-columns:1fr;gap:1.7rem;padding-top:.5rem}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}main>.container{margin-top:0;margin-bottom:0;border:0;border-radius:0;box-shadow:none}.hero-copy{order:2}.hero-avatar{order:1;width:112px;height:112px}.home-hero h1{font-size:2.35rem}.footer-inner{min-height:76px;padding-top:1rem;padding-bottom:1rem;flex-direction:column;justify-content:center;gap:.15rem}.section-heading{align-items:center}}@media(max-width:420px){.container{padding-top:2rem;padding-bottom:3rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.home-section+.home-section{margin-top:3.4rem}.post-item>a{padding:1.15rem 0}.article-header h1{font-size:1.85rem}.library-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}