:root{color-scheme:light;--bg: #efe7db;--bg-soft: #f7f2eb;--bg-elevated: rgba(255, 250, 244, .78);--paper: rgba(255, 252, 247, .94);--paper-strong: #fffdf9;--paper-muted: rgba(244, 238, 229, .88);--line: rgba(58, 42, 26, .12);--line-strong: rgba(58, 42, 26, .22);--text: #2b2218;--text-soft: #6e6255;--heading: #17110c;--accent: #815432;--accent-strong: #5f391f;--accent-soft: rgba(129, 84, 50, .11);--success: #2f7d50;--warning: #c5832b;--shadow-soft: 0 18px 40px rgba(33, 24, 16, .06);--shadow: 0 28px 72px rgba(33, 24, 16, .1);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--container: 1120px;--header-height: 88px;--font-sans: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;--font-ui: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--panel-highlight: rgba(255, 255, 255, .5);--card-highlight: rgba(255, 255, 255, .56);--reading-highlight: rgba(255, 255, 255, .6)}:root[data-theme=dark]{color-scheme:dark;--bg: #1f1b18;--bg-soft: #26221d;--bg-elevated: rgba(31, 27, 24, .8);--paper: rgba(31, 27, 24, .92);--paper-strong: #2a2420;--paper-muted: rgba(255, 255, 255, .16);--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .2);--text: #eadfce;--text-soft: #d8cbbb;--heading: #ffffff;--accent: #deb184;--accent-strong: #f2c79f;--accent-soft: rgba(222, 177, 132, .15);--success: #62c18b;--warning: #f0bb63;--shadow-soft: 0 20px 42px rgba(0, 0, 0, .35);--shadow: 0 30px 78px rgba(0, 0, 0, .5);--panel-highlight: rgba(255, 255, 255, .04);--card-highlight: rgba(255, 255, 255, .05);--reading-highlight: rgba(255, 255, 255, .04)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 0% 0%,rgba(129,84,50,.12),transparent 28%),radial-gradient(circle at 100% 0%,rgba(255,255,255,.36),transparent 18%),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 40%,var(--bg) 100%);color:var(--text);font-family:var(--font-ui);line-height:1.75}body.mobile-panel-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-bg{position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.26),transparent 24%),radial-gradient(circle at 20% 14%,rgba(255,255,255,.16),transparent 20%),linear-gradient(180deg,transparent,rgba(0,0,0,.02));opacity:.9}#snow-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.paper-texture{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(0deg,transparent,transparent 19.5px,rgba(129,84,50,.8) 19.5px,rgba(129,84,50,.8) 20px),repeating-linear-gradient(90deg,transparent,transparent 19.5px,rgba(100,65,40,.6) 19.5px,rgba(100,65,40,.6) 20px)}[data-theme=dark] .paper-texture{opacity:.13;background-image:repeating-linear-gradient(0deg,transparent,transparent 19.5px,rgba(200,170,140,.6) 19.5px,rgba(200,170,140,.6) 20px),repeating-linear-gradient(90deg,transparent,transparent 19.5px,rgba(180,150,120,.5) 19.5px,rgba(180,150,120,.5) 20px)}.main{position:relative;z-index:1;padding:calc(var(--header-height) + 28px) 20px 84px}.site-header{position:sticky;top:0;z-index:20;padding:18px 20px 0}.site-header__inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 18px;border:none;border-bottom:1px solid var(--line);border-radius:0;background:var(--bg);backdrop-filter:blur(20px);box-shadow:none}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand__copy{display:flex;flex-direction:column;gap:2px;min-width:0}.brand__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center;border:none;border-bottom:1px solid var(--line);box-shadow:none}.brand__title{font-family:var(--font-sans);font-size:1.08rem;font-weight:700;color:var(--heading);letter-spacing:.02em}.brand__subtitle{max-width:300px;font-size:.76rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.site-nav a,.site-nav button{border:0;background:transparent;color:var(--heading);font:inherit;font-size:.95rem;padding:10px 14px;border-radius:0;cursor:pointer;transition:transform .25s ease,color .25s ease,background-color .25s ease}.site-nav a:hover,.site-nav button:hover{color:var(--heading);background:var(--accent-soft);transform:translateY(-1px)}.page-shell{max-width:var(--container);margin:0 auto}.page-shell__inner{display:grid;gap:30px}.panel{position:relative;background:linear-gradient(180deg,var(--panel-highlight),transparent 100%),var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.hero-panel{overflow:hidden;padding:38px}.hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(129,84,50,.12),transparent 36%),radial-gradient(circle at 78% 24%,rgba(255,255,255,.22),transparent 24%);pointer-events:none}.hero-panel__content{position:relative;z-index:1;display:grid;gap:26px}.hero-panel__eyebrow,.panel-kicker{display:inline-flex;align-items:center;width:fit-content;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper-muted);color:var(--text);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.95fr);gap:30px;align-items:stretch}.hero-copy{display:grid;align-content:space-between;gap:24px}.hero-title{max-width:7ch;margin:0;color:var(--heading);font-family:var(--font-sans);font-size:clamp(3.1rem,8vw,5.8rem);line-height:.96;letter-spacing:-.04em}.hero-subtitle{max-width:34rem;min-height:2.2rem;margin:0;color:var(--text);font-size:clamp(1rem,2vw,1.14rem)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--heading);color:var(--bg);box-shadow:0 14px 28px #17110c24}.btn-secondary{background:var(--paper-strong);border-color:var(--line);color:var(--heading)}.btn-secondary:hover{background:var(--paper-muted);border-color:var(--line-strong);color:var(--heading)}.hero-visual{position:relative;min-height:380px;margin:0;overflow:hidden;border-radius:calc(var(--radius-lg) - 6px);border:1px solid rgba(255,255,255,.32);box-shadow:var(--shadow)}.hero-visual:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(180deg,transparent,rgba(21,16,11,.22));pointer-events:none}.hero-visual__image{width:100%;height:100%;min-height:380px;object-fit:cover;object-position:center}.grid-two{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:30px}.section-panel{padding:30px}.section-panel--latest,.section-panel--topics,.section-panel--friends{background:linear-gradient(180deg,rgba(129,84,50,.05),transparent 100%),var(--paper)}.section-panel--contact{background:var(--paper)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.section-header__main{display:grid;gap:8px}.section-title{margin:0;font-family:var(--font-sans);font-size:clamp(1.95rem,4vw,2.65rem);line-height:1.06;letter-spacing:-.03em;color:var(--heading)}.section-copy,.panel-heading p,.blog-excerpt,.category-desc,.friend-card p{margin:0;color:var(--text-soft)}.cards-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.cards-grid--latest{grid-template-columns:1.25fr .88fr .88fr}.blog-card,.category-card,.friend-card{display:flex;flex-direction:column;gap:14px;min-height:100%;padding:22px;border-radius:var(--radius-md);border:1px solid var(--line);background:linear-gradient(180deg,var(--card-highlight),transparent 100%),var(--paper-strong);box-shadow:0 10px 26px #2118100a;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.blog-card:hover,.category-card:hover,.friend-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-soft)}.blog-card--featured{padding:26px;background:linear-gradient(180deg,rgba(129,84,50,.08),transparent 100%),var(--paper-strong)}.blog-card__topline,.blog-card__footer,.blog-card__body{display:flex;gap:14px}.blog-card__topline,.blog-card__footer{align-items:center;justify-content:space-between}.blog-card__body{flex-direction:column;align-items:flex-start}.blog-card__index{font-family:var(--font-sans);font-size:1.55rem;color:#5f391f47}.blog-meta,.blog-meta span,.article-meta,.article-meta span{color:var(--text)}.blog-meta,.article-meta{display:flex;align-items:center;gap:12px;font-size:.85rem}.article-meta{flex-wrap:wrap;gap:10px 16px;font-size:.92rem}.blog-title,.category-name{margin:0;font-family:var(--font-sans);color:var(--heading);line-height:1.28;text-wrap:pretty}.blog-title{font-size:1.34rem}.blog-card--featured .blog-title{font-size:clamp(1.7rem,3vw,2.15rem)}.blog-link{text-decoration:none}.blog-tags{display:flex;flex-wrap:wrap;gap:8px}.category-card{gap:16px}.category-card--accent{background:linear-gradient(180deg,rgba(129,84,50,.08),transparent 100%),var(--paper-strong)}.category-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;border:1px solid var(--line);background:var(--paper-muted);font-size:1.6rem}.category-card__content{display:grid;gap:8px}.contact-card,.friends-grid{display:grid;gap:18px}.section-panel--about .contact-card,.section-panel--contact .contact-card{gap:24px}.section-panel--contact .contact-card{grid-template-columns:1fr;gap:18px}.skills-list{margin:0;padding-left:18px;color:var(--text-soft)}.skills-list li+li{margin-top:8px}.friend-card{flex-direction:row;align-items:center}.friend-card img{width:56px;height:56px;border-radius:16px;flex:0 0 auto;border:1px solid var(--line);object-fit:cover;object-position:center}.footer{padding:0 20px 30px}.footer__inner{max-width:var(--container);margin:0 auto;padding:24px 28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--text-soft)}.footer__links{display:flex;gap:16px;flex-wrap:wrap}.footer__links a:hover{color:var(--heading)}.floating-menu{position:fixed;right:40px;bottom:40px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:16px}@media(min-width:1101px){.page-articles .floating-menu{top:auto;bottom:40px;right:20px;transform:none;align-items:flex-end}.page-articles .floating-actions{transform:translateY(10px) scale(.95);transform-origin:bottom center}.page-articles .floating-menu.active .floating-actions{transform:translateY(0) scale(1)}}@media(min-width:1560px){.page-articles .floating-menu{right:calc(50vw - 800px)}}.article-tools-panel{width:168px;padding:16px;margin-bottom:8px}.article-tools-actions{display:flex;flex-direction:column;gap:10px}.article-tools-actions .btn{background:transparent;color:var(--text);border:1px solid var(--line)}.article-tools-actions .btn:hover{background:var(--paper-strong);color:var(--heading);border-color:var(--line-strong)}.article-tools-actions .btn-primary{background:var(--paper-strong);color:var(--accent-strong);border-color:var(--accent-strong)}.article-tools-actions .btn-primary:hover{background:var(--paper-strong);color:var(--accent);border-color:var(--accent)}.floating-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.floating-menu.active .floating-actions{opacity:1;transform:translateY(0);pointer-events:auto}.floating-btn{width:46px;height:46px;border-radius:16px;border:1px solid var(--line);background:var(--paper-strong);color:var(--heading);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .2s ease,border-color .2s ease,background-color .2s ease;font-family:var(--font-ui);font-size:.9rem}.floating-btn:hover,.floating-btn.active-state{transform:translateY(-2px);border-color:var(--accent);background:var(--paper-muted)}.floating-btn.text-btn{width:auto;padding:0 16px;border-radius:999px;font-size:.85rem;font-weight:500}.page-articles.page-shell,.article-page-shell{max-width:1400px!important}.page-articles .page-shell__inner,.article-page-grid{max-width:1400px;width:100%;margin:0 auto;grid-template-columns:260px minmax(0,1fr) 220px;gap:36px;align-items:start}.article-page-shell .panel{padding:32px 40px}@media(min-width:1101px){.panel-nav--archive,.panel-toc--outline{background:transparent;border:none;box-shadow:none;padding-left:0;padding-right:0}}.panel-content--reading{background:linear-gradient(180deg,var(--reading-highlight),transparent 100%),var(--paper);box-shadow:0 12px 36px #0000000a}body.hide-toc-active .article-toc-panel{filter:blur(8px) grayscale(.5);opacity:.15;pointer-events:none;transform:scale(.96)}.article-nav-panel,.article-toc-panel{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;transition:filter .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}body.focus-mode-active .article-nav-panel,body.focus-mode-active .site-header{filter:blur(8px) grayscale(.5);opacity:.15;pointer-events:none;transform:scale(.96)}.article-content-panel{min-width:0;z-index:10;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}body.focus-mode-active .article-content-panel{transform:scale(1.02);box-shadow:var(--shadow)}.btn-focus-mode{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--text-soft);font-size:.85rem;font-family:inherit;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background-color .22s ease}.btn-focus-mode:hover{color:var(--heading);border-color:var(--line-strong);background:var(--paper-strong);transform:translateY(-1px)}body.focus-mode-active .btn-focus-mode{background:var(--heading);color:var(--paper);border-color:var(--heading)}.article-nav-panel::-webkit-scrollbar,.article-toc-panel::-webkit-scrollbar{width:4px}.article-nav-panel::-webkit-scrollbar-thumb,.article-toc-panel::-webkit-scrollbar-thumb{background-color:var(--line-strong);border-radius:999px}.panel-heading{margin-bottom:18px}.panel-heading h1,.panel-heading h2{margin:10px 0 8px;font-family:var(--font-sans);color:var(--heading);line-height:1.16}.panel-heading--compact h2{font-size:1.35rem}.paper-search input{width:100%;min-height:48px;padding:0 16px;border:1px solid var(--line);border-radius:16px;background:var(--paper-strong);color:var(--text);font:inherit}.paper-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.paper-filters{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 20px}.filter-btn{border:1px solid var(--line);background:var(--paper-muted);color:var(--heading);padding:8px 14px;border-radius:999px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease}.filter-btn.active,.filter-btn:hover{color:var(--heading);border-color:var(--accent-strong);background:var(--paper-strong)}.article-nav-list{display:grid;gap:12px}.article-link{display:grid;gap:6px;padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:transform .2s ease,border-color .2s ease,background-color .2s ease;background:transparent}.article-link:hover{background:var(--paper-strong);border-color:var(--line)}.article-link.active{background:var(--paper-strong);border-color:var(--accent-strong);box-shadow:0 2px 8px #00000005}.article-item-meta,.article-item-date{color:var(--text);font-size:.82rem}.article-item-title{font-family:var(--font-sans);color:var(--heading);line-height:1.5;text-wrap:pretty}.article-item-read{display:inline-flex;margin-left:8px;padding:1px 8px;border-radius:999px;background:#3587571f;color:var(--success);font-size:.72rem;vertical-align:middle}.article-header{display:grid;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.article-title{margin:0;font-family:var(--font-sans);font-size:clamp(2.25rem,5vw,3.35rem);line-height:1.06;letter-spacing:-.04em;color:var(--heading);text-wrap:pretty}.article-detail-empty h2{margin:10px 0;font-family:var(--font-sans);color:var(--heading)}.article-content{max-width:70ch;color:var(--text)}.prose>:first-child{margin-top:0}.prose h2,.prose h3,.prose h4{margin:2.5rem 0 1rem;font-family:var(--font-sans);color:var(--heading);line-height:1.2;letter-spacing:-.03em;text-wrap:pretty}.prose h2{font-size:clamp(1.7rem,3vw,2.2rem)}.prose h3{font-size:clamp(1.35rem,2vw,1.72rem)}.prose p,.prose li,.prose blockquote{font-size:1.05rem;line-height:1.9}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre{margin:1rem 0}.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose blockquote{padding:16px 18px;border-left:3px solid var(--accent);border-radius:0 18px 18px 0;background:var(--accent-soft);color:var(--text-soft)}.prose img{margin:1.8rem auto;border-radius:20px;box-shadow:var(--shadow-soft)}.prose pre,.mac-style-code{overflow-x:auto;padding:18px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line)}.read-progress-container{display:none;width:100%;height:6px;margin-bottom:12px;border-radius:999px;background:#78644924}.read-progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.read-progress-text,.article-modify{color:var(--text-soft);font-size:.92rem}.article-comments{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.article-comments h3{margin-top:0;font-family:var(--font-sans);color:var(--heading)}.toc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.toc-item a{display:block;padding:7px 10px;border-radius:12px;color:var(--text-soft);font-size:.92rem;line-height:1.5;transition:background-color .2s ease,color .2s ease}.toc-item a.active,.toc-item a:hover{color:var(--heading);background:var(--accent-soft)}.toc-h3{padding-left:14px}.panel-empty{color:var(--text-soft)}.read-state--done{color:var(--success);font-weight:700}.read-state--pending{color:var(--warning)}.typewriter-cursor{display:inline-block;width:.6ch;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@keyframes dropIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.anim-drop-play{animation:dropIn .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--delay, 0s);opacity:0}@keyframes flipIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.anim-flip-play{animation:flipIn .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--flip-delay, 0s) + .1s);opacity:0}html.intro-active body{overflow:hidden}html.intro-active .site-header,html.intro-active #blog,html.intro-active .grid-two,html.intro-active .footer,html.intro-active .floating-menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}html.intro-active .brand__avatar{opacity:0!important}html.intro-active .hero-panel{opacity:0}html.intro-active .anim-drop-play,html.intro-active .anim-flip-play{animation-play-state:paused!important}.flying-avatar{position:fixed;z-index:9999;border-radius:50%;border:4px solid var(--paper);object-fit:cover;opacity:0;pointer-events:none}.mobile-bottom-nav,.mobile-overlay,.mobile-only-text{display:none}@media(max-width:1100px){.site-header{z-index:1400;padding:12px 20px;background:#faf8f5b3;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.05);transition:transform .4s cubic-bezier(.32,.72,0,1),filter .4s cubic-bezier(.32,.72,0,1),border-radius .4s ease;transform-origin:top center}[data-theme=dark] .site-header{background:#1a1a1ab3;border-bottom:1px solid rgba(255,255,255,.05)}.site-header__inner{border-radius:0}.hero-grid,.grid-two,.page-articles .page-shell__inner,.article-page-grid,.cards-grid,.cards-grid--latest{grid-template-columns:1fr}.article-toc-panel{order:3}.desktop-only-text{display:none}.article-page-shell .panel{padding:20px 24px}.mobile-only-text{display:block}.floating-menu{display:none!important}.mobile-bottom-nav{display:flex;position:fixed;left:0;bottom:0;width:100%;height:66px;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--line);z-index:2000;justify-content:space-around;align-items:center}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;border:none;background:transparent;color:var(--text-soft);font-size:.75rem;cursor:pointer;transition:color .2s ease}.mobile-nav-btn.active,.mobile-nav-btn:hover{color:var(--heading)}.mobile-overlay{display:block;position:fixed;inset:0;background:#0000007a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1500;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-overlay.active{opacity:1;pointer-events:auto}.article-page-shell .article-page-grid{display:block;padding-bottom:84px;background:transparent}body.mobile-header-hidden .site-header{transform:translateY(-100%);opacity:0;pointer-events:none}body.mobile-header-hidden .main{padding-top:28px}body.mobile-panel-open .site-header{transform:translateY(-100%);opacity:0}.article-content-panel{transition:transform .4s cubic-bezier(.32,.72,0,1),border-radius .4s ease;transform-origin:top center}body.mobile-panel-open .article-content-panel{transform:scale(.93) translateY(12px);border-radius:26px;overflow:hidden;pointer-events:none}.article-nav-panel,.article-toc-panel{position:fixed;left:0;right:0;bottom:65px;width:100%;max-height:min(80vh,680px);padding:40px 20px 80px;border-radius:32px 32px 0 0;background:var(--bg);box-shadow:0 -10px 40px #00000029;z-index:2500;overflow-y:auto;transition:transform .45s cubic-bezier(.32,.72,0,1),opacity .3s ease;opacity:0!important;visibility:hidden;pointer-events:none!important;filter:none!important;transform:translateY(calc(100% + 24px))!important}.article-nav-panel:before,.article-toc-panel:before{content:"";position:absolute;top:14px;left:50%;width:40px;height:5px;border-radius:999px;background:var(--text-soft);opacity:.3;transform:translate(-50%)}.article-nav-panel.active,.article-toc-panel.active{opacity:1!important;visibility:visible;pointer-events:auto!important;transform:translateY(0)!important}.mobile-overlay{z-index:2400}.article-nav-list{background:var(--paper);border-radius:22px;overflow:hidden;box-shadow:0 4px 16px #0000000a}}@media(max-width:720px){.main,.site-header,.footer{padding-left:14px;padding-right:14px}.site-header__inner{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:14px;border-radius:0}.brand{width:100%;min-width:0}.brand__copy{flex:1;min-width:0}.brand__title{font-size:.98rem}.brand__subtitle{max-width:none;white-space:normal;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;justify-content:stretch}.site-nav a,.site-nav button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;font-size:.92rem;text-align:center;background:#ffffff3d;border-radius:14px}.site-nav .theme-toggle{width:44px;min-width:44px;padding:0;justify-self:center}.hero-panel,.section-panel,.article-page-shell .panel{padding:22px}.hero-title{max-width:none}.hero-visual,.hero-visual__image{min-height:300px}.section-panel--contact .contact-card{grid-template-columns:1fr}.footer__inner{padding:20px;flex-direction:column;align-items:flex-start}.friend-card{align-items:flex-start}}