.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--color-accent: #c95a0f;--color-accent-hover: #a8480c;--color-accent-dim: rgba(201, 90, 15, .08);--color-accent-soft: #e7ca8a;--color-accent-soft-hover: #f0d69c;--text-heading: #2d1d07;--text-body: #171512;--text-muted: #8d683b;--text-dim: #6a5a40;--text-on-accent: #ffffff;--bg-page: #fffaf0;--bg-card: #fffef8;--bg-card-hover: #fef4e2;--bg-surface: #f5ebd3;--bg-button: #e7ca8a;--bg-hero: #fef4e2;--bg-tag: #fef0df;--border-light: #e2bc7a;--border-dim: rgba(180, 150, 80, .15);--border-darker: rgba(180, 150, 80, .2);--border-accent: rgba(201, 90, 15, .25);--font-mono: "Courier New", monospace;--font-serif: Georgia, "Times New Roman", serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 16px;--radius-full: 40px;--shadow-card: 0 12px 20px rgba(0, 0, 0, .1);--shadow-card-hover: 0 18px 28px rgba(0, 0, 0, .15);--shadow-btn: 0 2px 6px rgba(0, 0, 0, .2);--shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .08);--shadow-dropdown-night: 0 4px 16px rgba(0, 0, 0, .3);--shadow-hero: 0 16px 28px rgba(0, 0, 0, .18);--text-heading-night: #ecd9a8;--text-body-night: #d4c5a8;--text-muted-night: #c9a86b;--text-dim-night: #aa8f64;--bg-page-night: #2e2a22;--bg-card-night: #3d382c;--bg-surface-night: #3d372a;--bg-button-night: #4f4636;--bg-hero-night: #3d372a;--border-night: #6a5d3e;--border-dim-night: rgba(180, 150, 80, .1)}body.night-mode{--text-heading: #ecd9a8;--text-body: #d4c5a8;--text-muted: #c9a86b;--text-dim: #aa8f64;--text-on-accent: #ffffff;--bg-page: #2e2a22;--bg-card: #3d382c;--bg-surface: #3d372a;--bg-button: #4f4636;--bg-hero: #3d372a;--color-accent-soft: #5a4d36;--color-accent-soft-hover: #6a5d42;--border-light: #6a5d3e;--border-dim: rgba(180, 150, 80, .1);--border-darker: rgba(180, 150, 80, .15);--border-accent: rgba(201, 90, 15, .35);--shadow-card: 0 12px 20px rgba(0, 0, 0, .25);--shadow-card-hover: 0 18px 28px rgba(0, 0, 0, .35);--shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .3)}body{font-family:Inter,Noto Sans SC,system-ui,sans-serif;-webkit-font-smoothing:antialiased;margin:0}body.is-cover-mode{overflow:hidden;height:100vh;height:100dvh}body.is-cover-mode .site-header,body.is-cover-mode .back-to-top,body.is-cover-mode .notebook-music-player,body.is-cover-mode .lamp-shadow,body.is-cover-mode .ink-trail,body.is-cover-mode .ruler-progress,body.is-cover-mode .blog-grid,body.is-cover-mode .notebook-footer-area{visibility:hidden;opacity:0}body.is-cover-mode.is-revealing .site-header,body.is-cover-mode.is-revealing .back-to-top,body.is-cover-mode.is-revealing .notebook-music-player,body.is-cover-mode.is-revealing .lamp-shadow,body.is-cover-mode.is-revealing .ink-trail,body.is-cover-mode.is-revealing .ruler-progress,body.is-cover-mode.is-revealing .blog-grid,body.is-cover-mode.is-revealing .notebook-footer-area{visibility:visible;opacity:1;transition:visibility 0s .6s,opacity .4s .6s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b4965033;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b4965059}body.night-mode ::-webkit-scrollbar-thumb{background:#b4965026}body.night-mode ::-webkit-scrollbar-thumb:hover{background:#b4965040}*{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box;max-width:100%}html{font-size:14px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background-image:radial-gradient(circle at 20% 30%,rgba(70,40,15,.28) 2.2%,transparent 2.8%),radial-gradient(circle at 85% 70%,rgba(55,30,10,.2) 1.8%,transparent 2.2%);background-size:48px 48px,42px 42px;background-repeat:repeat;background-position:0 0;font-family:Segoe UI,Roboto,Courier New,Microsoft YaHei,monospace;padding:0;min-height:100vh;width:100%;border-radius:0;transition:background .3s ease;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}body.night-mode{background:#2a241a}.notebook{width:100%;margin:0 auto;padding:76px 14px 16px;background:var(--bg-page);box-shadow:none;position:relative;transition:box-shadow .3s ease;line-height:35px}.notebook-header-area,.notebook-ruled-body,.notebook-footer-area,.main-content,.sidebar,.left-sidebar{width:100%}img,video,iframe,object,embed{max-width:100%;height:auto;display:block}.article-content table,.article-content pre{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;width:100%}h1,h2,h3,h4,h5,h6,p,li,a,span,div{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;line-height:1.5}.notebook-header-area{padding:20px 18px 4px;background:var(--bg-page);position:relative;z-index:1}.notebook-ruled-body{padding:32px 0 36px;position:relative;background-image:repeating-linear-gradient(rgba(120,80,40,.08) 0px,rgba(120,80,40,.08) 1px,transparent 1px,transparent 32px)}body.night-mode .notebook-ruled-body{background-image:repeating-linear-gradient(rgba(180,150,80,.04) 0px,rgba(180,150,80,.04) 1px,transparent 1px,transparent 32px)}.notebook-footer-area{margin-top:28px;background:var(--bg-page);position:relative;z-index:1}.back-to-top{position:fixed;bottom:20px;right:20px;width:38px;height:38px;border-radius:50%;border:1px solid var(--border-darker);background:#fffaf0d9;color:var(--color-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s ease;z-index:999;box-shadow:0 2px 8px #00000014,0 0 0 1px #ffffff80 inset;backdrop-filter:blur(6px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--color-accent);color:var(--text-on-accent);border-color:var(--color-accent);box-shadow:0 4px 16px #c95a0f4d;transform:translateY(-3px)}.back-to-top:before{content:"";position:absolute;inset:-8px;pointer-events:none}button>*,.hero-cta>*,.write-btn>*,.search-btn>*,.comment-submit-btn>*,.back-to-top>*,.nf-btn>*,.page-link>*,.action-btn>*,.music-fab>*{pointer-events:none}body.night-mode .back-to-top{background:#2e2a22d9;color:#e2a33a;border-color:var(--border-dim);box-shadow:0 2px 8px #0003,0 0 0 1px #ffffff08 inset}.ruler-progress{position:fixed;top:0;left:0;right:0;height:4px;background:#c8501e33;z-index:10000;pointer-events:none}.ruler-fill{width:0%;height:100%;background:var(--color-accent);position:relative;transition:width .1s linear}.ruler-fill:after{content:"📏";position:absolute;right:-20px;top:-10px;font-size:18px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.blog-grid{display:flex;flex-direction:column;gap:24px;width:100%}.main-content{min-width:0;padding:12px 0;background:transparent;box-shadow:none;backdrop-filter:none}.left-sidebar{display:none}.blog-grid.full-width{grid-template-columns:1fr}.blog-grid.full-width .sidebar,.blog-grid.full-width .left-sidebar{display:none}.sidebar{display:flex;flex-direction:column;gap:28px;align-self:start;position:static}.lamp-shadow{position:fixed;pointer-events:none;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#ffe6b414,#ffe6b400 70%);z-index:9998;transition:transform .05s linear;mix-blend-mode:overlay}body.night-mode .lamp-shadow{background:radial-gradient(circle,#ffc8641a,#ffc86400 70%)}.ink-trail{display:none}.nav-overlay{position:fixed;inset:0;z-index:998;background:#00000059;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.nav-overlay.is-visible{opacity:1;visibility:visible}.site-header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 18px;position:fixed;top:12px;left:0;right:0;z-index:1000;max-width:100%;margin:0 auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;transition:top .3s ease,background .35s ease,backdrop-filter .35s ease,box-shadow .35s ease,border-color .35s ease,transform .3s ease}.site-header.scrolled{top:0;background:#faf5eab8;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 1px 0 var(--border-dim),0 4px 20px #0000000a;border-bottom-color:var(--border-dim)}.site-header.hidden{transform:translateY(-100%)}body.night-mode .site-header.scrolled{background:#2e2a22c7;backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 1px 0 var(--border-dim-night),0 4px 20px #00000059;border-bottom-color:var(--border-dim-night)}.site-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0;z-index:1002}.site-logo-icon{width:30px;height:30px;flex-shrink:0}.site-logo-text{font-size:1.15rem;font-weight:800;font-family:var(--font-mono);line-height:1.2;background:linear-gradient(135deg,#3d2a12,#86612f);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}body.night-mode .site-logo-text{background:linear-gradient(135deg,#e6cf9c,#c9a04b);background-clip:text;-webkit-background-clip:text}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;padding:0;background:transparent;border:1px solid var(--border-dim);border-radius:var(--radius-md);cursor:pointer;z-index:1002;transition:all .25s ease}.menu-toggle-bar{width:20px;height:2px;background:var(--text-heading);border-radius:2px;transition:all .3s ease}body.night-mode .menu-toggle-bar{background:#f0e6d0}body.night-mode .menu-toggle{border-color:#ffffff1a}.menu-toggle:hover{background:var(--color-accent-soft);border-color:var(--border-dim)}.menu-toggle.is-active{background:var(--color-accent);border-color:var(--color-accent)}.menu-toggle.is-active .menu-toggle-bar{background:#fff}.menu-toggle.is-active .menu-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.is-active .menu-toggle-bar:nth-child(2){opacity:0}.menu-toggle.is-active .menu-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-nav{position:fixed;top:0;right:-320px;width:280px;height:100vh;padding:80px 20px 40px;background:#faf5eaf7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border-dim);display:flex;flex-direction:column;gap:4px;z-index:1002;overflow-y:auto;transition:right .3s cubic-bezier(.4,0,.2,1)}.site-nav.is-open{right:0}.nav-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--border-dim);border-radius:var(--radius-md);cursor:pointer;color:var(--text-heading);transition:all .2s ease}.nav-close:hover{background:var(--color-accent-soft);border-color:var(--border-dim)}body.night-mode .nav-close{color:#f0e6d0;border-color:#ffffff1a}body.night-mode .site-nav{background:#2e2a22f7;border-left-color:#b496501f}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.nav-item{border-radius:var(--radius-full);overflow:hidden;transition:background .2s ease,color .2s ease}.nav-item:hover{background:var(--color-accent-soft)}.nav-item.active{background:var(--color-accent);color:var(--text-on-accent)}.nav-item.active>.nav-item-link{color:var(--text-on-accent)}.nav-item.active>.nav-chevron-btn{color:var(--text-on-accent)}body.night-mode .nav-item.active{background:#c95a0f;color:#fff}body.night-mode .nav-item.active>.nav-item-link{color:#fff}.nav-item-link{display:flex;align-items:center;gap:8px;padding:10px 14px;font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-heading);text-decoration:none;white-space:nowrap;line-height:1;height:36px}body.night-mode .nav-item-link{color:#f0e6d0}.nav-item-icon{display:inline-flex;align-items:center;font-size:1.05rem;line-height:1;flex-shrink:0}.nav-item-icon svg{display:block;width:16px;height:16px}.nav-item--action{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-heading);text-decoration:none;border:1px solid var(--border-dim);background:transparent;cursor:pointer;white-space:nowrap;line-height:1;height:36px;transition:all .2s ease;margin-top:auto}.nav-item--action:hover{background:var(--color-accent-soft)}body.night-mode .nav-item--action{color:#f0e6d0}.nav-item--parent{display:flex;align-items:center}.nav-item--parent>.nav-item-link{flex:1;min-width:0}.nav-chevron-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding-right:15px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;transition:background .2s ease}.nav-chevron{transition:transform .2s ease;flex-shrink:0}.nav-item--parent.open .nav-chevron{transform:rotate(180deg)}.nav-item--sub{display:none}.nav-item--sub .nav-item-link{padding-left:32px;font-size:.85rem;line-height:1.3}body.night-mode .nav-item--sub .nav-item-link{color:#c8bfa8}body.night-mode .nav-item--sub:hover{background:#ffffff0f}body.night-mode .nav-item--sub.active{background:var(--color-accent);color:#fff}.hero-section{margin-bottom:20px;padding:28px 18px 12px;position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;background:transparent;border-radius:0;box-shadow:none}.hero-section.is-cover{position:fixed;inset:0;z-index:1000;width:100vw;height:100vh;height:100dvh;margin:0;overflow-y:hidden;padding:max(env(safe-area-inset-top,16px),24px) clamp(18px,4vw,48px) max(env(safe-area-inset-bottom,12px),18px);background:repeating-linear-gradient(rgba(120,80,40,.08) 0px,rgba(120,80,40,.08) 1px,transparent 1px,transparent 32px),var(--bg-page);align-items:center;justify-content:center;gap:clamp(8px,2.6vh,20px);visibility:visible;transition:transform 1s cubic-bezier(.25,.46,.45,.94);transform-origin:right center;backface-visibility:hidden;pointer-events:auto;box-sizing:border-box}body.night-mode .hero-section.is-cover{background:repeating-linear-gradient(rgba(180,150,80,.04) 0px,rgba(180,150,80,.04) 1px,transparent 1px,transparent 32px),var(--bg-page-night)}.hero-section.is-cover:before{content:"";position:absolute;z-index:-1;width:100%;height:100%;transform:none;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 40%,var(--color-accent-soft),transparent 65%),radial-gradient(ellipse 50% 30% at 50% 75%,rgba(201,90,15,.07),transparent 100%);opacity:.55;pointer-events:none}body.night-mode .hero-section.is-cover:before{background:radial-gradient(ellipse 70% 50% at 50% 40%,rgba(180,150,80,.15),transparent 65%),radial-gradient(ellipse 50% 30% at 50% 75%,rgba(120,100,60,.08),transparent 100%)}.hero-section.is-cover:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 60%,rgba(0,0,0,.06) 100%);pointer-events:none}.hero-section.is-cover.is-flipped{transform:perspective(1200px) rotateY(-180deg)}.hero-section.is-folded{height:0!important;min-height:0;margin:0!important;padding:0!important;overflow:hidden;opacity:0;pointer-events:none}.hero-section.is-folded:before,.hero-section.is-folded:after{display:none!important}[data-cover-flipped] .hero-section{height:0!important;min-height:0;margin:0!important;padding:0!important;overflow:hidden;opacity:0;pointer-events:none}[data-cover-flipped] .hero-section:before,[data-cover-flipped] .hero-section:after{display:none!important}.hero-section.is-cover .hero-heading{max-width:min(720px,88vw)}.hero-section.is-cover .hero-title{font-size:clamp(1.1rem,2vw,1.45rem)}.hero-section.is-cover .hero-stars{font-size:.8rem;letter-spacing:.8em;margin:4px 0 10px;opacity:.5}.hero-section.is-cover .hero-desc{font-size:clamp(.9rem,1.8vw,1rem);max-width:min(560px,80vw);margin:0 auto}.hero-section.is-cover .hero-stats{max-width:min(820px,90vw);gap:clamp(12px,2vw,22px)}.hero-section.is-cover .stat-card{padding:clamp(8px,1.8vh,16px) clamp(8px,1.5vw,14px)}.hero-section.is-cover .stat-num{font-size:clamp(1.5rem,3.5vw,2.2rem)}.hero-section.is-cover .stat-icon{font-size:clamp(1.1rem,2vw,1.5rem)}.hero-section.is-cover .stat-label{font-size:clamp(.7rem,1.2vw,.85rem)}.hero-section.is-cover .hero-cta{padding:10px 32px;font-size:clamp(.95rem,1.5vw,1.2rem);box-shadow:0 4px 20px #c95a0f26}.hero-section.is-cover .hero-recent{max-width:min(640px,85vw)}.hero-section.is-cover .hero-clip--tl{left:clamp(20px,5vw,60px)}.hero-section.is-cover .hero-clip--tr{right:clamp(20px,5vw,60px)}.hero-section:where(:not(.is-cover)):before{content:"";position:absolute;z-index:-1;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background:radial-gradient(ellipse 80% 70% at 50% 0%,var(--color-accent-soft),transparent 100%),linear-gradient(180deg,var(--bg-page) 0%,transparent 100%);opacity:.55;pointer-events:none}body.night-mode .hero-section:where(:not(.is-cover)):before{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(120,100,60,.25),transparent 100%),linear-gradient(180deg,var(--bg-page-night) 0%,transparent 100%)}.hero-clip{position:absolute;top:-14px;width:32px;height:22px;border:2.5px solid var(--color-accent);border-radius:6px 6px 0 0;opacity:.35;transition:opacity .3s}.hero-clip:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--color-accent);border-radius:1px}.hero-clip--tl{left:calc(50% - 180px);transform:rotate(-15deg)}.hero-clip--tr{right:calc(50% - 180px);transform:rotate(15deg)}body.night-mode .hero-clip{border-color:var(--text-muted);opacity:.28}body.night-mode .hero-clip:after{background:var(--text-muted)}.hero-site-title-wrap{position:relative;width:100%;max-width:600px;line-height:1;padding:0 clamp(12px,4vw,40px);margin-bottom:4px;padding-left:clamp(24px,7vw,64px)}.hero-site-title-inner{position:relative;display:inline-block}.hero-site-title{font-family:var(--font-serif);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;line-height:1;height:1.3em;color:var(--text-heading);margin:0;letter-spacing:.06em;display:inline-flex;gap:2px;transform:rotate(-2.2deg);transform-origin:left bottom}.hero-site-title-char{display:inline-block}.hero-site-title-char:nth-child(odd){transform:translateY(-1.5px)}.hero-site-title-char:nth-child(2n){transform:translateY(1.5px)}.hero-wavy-underline{position:absolute;bottom:-6px;left:-8px;width:calc(100% + 60px);height:14px;overflow:visible}.hero-doodle{position:absolute;top:-16px;right:clamp(2px,3vw,28px);width:clamp(44px,9vw,72px);height:clamp(40px,8vw,65px);opacity:.58;pointer-events:none;transform:rotate(8deg);animation:doodleFloat 5s ease-in-out infinite}@keyframes doodleFloat{0%,to{transform:rotate(8deg) translate(0)}33%{transform:rotate(12deg) translate(2px,-3px)}66%{transform:rotate(5deg) translate(-1px,2px)}}.hero-section.is-cover .hero-site-title-wrap{max-width:700px;padding-left:clamp(32px,9vw,80px)}.hero-section.is-cover .hero-site-title{font-size:clamp(2.2rem,5.5vw,3.4rem);transform:rotate(-3deg);letter-spacing:.1em}.hero-section.is-cover .hero-wavy-underline{bottom:-10px;width:calc(100% + 90px)}.hero-section.is-cover .hero-doodle{top:-22px;right:clamp(0px,4vw,36px);width:clamp(56px,12vw,90px);height:clamp(50px,10vw,80px)}body.night-mode .hero-wavy-underline path{stroke:#e2a33aa6}body.night-mode .hero-doodle path,body.night-mode .hero-doodle circle{stroke:#e2a33a80;fill:#e2a33a59}.hero-scatter-dots{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hero-ink-dot{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:var(--color-accent);opacity:var(--o);animation:inkDotPulse var(--d) ease-in-out infinite}@keyframes inkDotPulse{0%,to{opacity:var(--o);transform:scale(1)}50%{opacity:calc(var(--o) * 1.8);transform:scale(1.3)}}.hero-section.is-cover .hero-ink-dot{opacity:calc(var(--o) * 1.3)}body.night-mode .hero-ink-dot{background:#e2a33a80}.hero-corner-flourish{position:absolute;pointer-events:none;z-index:0;opacity:.65;transition:opacity .3s}.hero-corner-flourish--bl{bottom:clamp(8px,3vh,32px);left:clamp(6px,3vw,28px);width:clamp(32px,6vw,48px);height:clamp(32px,6vw,48px);animation:flourishSway 6s ease-in-out infinite}.hero-corner-flourish--br{bottom:clamp(8px,3vh,36px);right:clamp(10px,4vw,32px);width:clamp(36px,7vw,48px);height:clamp(36px,7vw,48px);animation:flourishSway 7s ease-in-out infinite reverse}@keyframes flourishSway{0%,to{transform:rotate(0) translate(0)}25%{transform:rotate(3deg) translate(1px,-2px)}75%{transform:rotate(-3deg) translate(-1px,2px)}}.hero-section.is-cover .hero-corner-flourish--bl{bottom:clamp(12px,4vh,48px);width:clamp(40px,8vw,56px);height:clamp(40px,8vw,56px)}.hero-section.is-cover .hero-corner-flourish--br{bottom:clamp(14px,4vh,48px);width:clamp(44px,9vw,56px);height:clamp(44px,9vw,56px)}body.night-mode .hero-corner-flourish path,body.night-mode .hero-corner-flourish circle{stroke:#e2a33a73;fill:#e2a33a47}.hero-section.is-folded .hero-scatter-dots,.hero-section.is-folded .hero-corner-flourish{display:none}.hero-heading{text-align:center;max-width:600px}.hero-title{font-size:1.1rem;font-family:var(--font-mono);color:var(--text-heading);margin:0 0 4px;font-weight:700;letter-spacing:0;display:flex;align-items:center;justify-content:center;gap:6px}.hero-title-icon{display:inline-block;font-size:.9em;animation:heroClipBounce 3s ease-in-out infinite}@keyframes heroClipBounce{0%,to{transform:translateY(0)}20%{transform:translateY(-6px) rotate(-5deg)}40%{transform:translateY(0)}}.hero-stars{text-align:center;font-size:.65rem;color:var(--color-accent);letter-spacing:.6em;margin:6px 0 14px;opacity:.42;user-select:none}.hero-desc{font-size:.9rem;color:var(--text-body);line-height:1.7;margin:0;font-style:italic;opacity:.85}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:460px}.stat-card{background:var(--bg-card);border:1.5px dashed var(--border-dim);border-radius:12px 4px;padding:14px 10px 12px;text-align:center;position:relative;transform:rotate(var(--rot, 0deg));transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #0000000a;animation:statPopIn .5s ease-out both;animation-delay:calc(var(--i, 0) * .12s)}.stat-card:before{content:"";position:absolute;inset:-10px;pointer-events:none;z-index:0}.stat-card:hover{transform:rotate(0) translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:var(--border-accent)}@keyframes statPopIn{0%{opacity:0;transform:rotate(var(--rot, 0deg)) scale(.7) translateY(12px)}to{opacity:1;transform:rotate(var(--rot, 0deg)) scale(1) translateY(0)}}.stat-pin{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:16px;background:radial-gradient(circle at 35% 35%,#eee,#a38d60);border-radius:50%;box-shadow:0 1px 4px #00000040;cursor:pointer;transition:transform .2s;z-index:1}.stat-pin:after{content:"";position:absolute;top:5px;left:6px;width:3px;height:7px;background:#5c4724;border-radius:1px;opacity:.6}body.night-mode .stat-pin{background:radial-gradient(circle at 35% 35%,#555,#8a7550);box-shadow:0 1px 4px #0006}body.night-mode .stat-pin:after{background:#3a2e1a}.stat-pin:hover{transform:translate(-50%) rotate(15deg) scale(1.15)}body.night-mode .stat-card{background:var(--bg-card-night);border-color:var(--border-dim-night);box-shadow:0 2px 8px #0003}body.night-mode .stat-card:hover{border-color:var(--border-accent);box-shadow:0 8px 20px #00000059}.stat-icon{font-size:1.2rem;display:block;margin-bottom:2px}.stat-num{font-size:1.6rem;font-weight:900;color:var(--color-accent);font-family:var(--font-mono);line-height:1}.stat-label{font-size:.72rem;color:var(--text-muted)}.hero-actions{text-align:center}.hero-cta{display:inline-flex;align-items:center;gap:8px;background:var(--color-accent-soft);color:var(--text-heading);padding:10px 32px;border-radius:var(--radius-full);font-weight:800;font-size:.95rem;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 12px #c95a0f1f;position:relative}.hero-cta:hover{background:var(--color-accent-soft-hover);transform:translateY(-2px);box-shadow:0 6px 24px #c95a0f33}.hero-cta:before{content:"";position:absolute;inset:-6px;pointer-events:none;z-index:0}.hero-cta:after{content:"";position:absolute;inset:0;border-radius:var(--radius-full);background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.hero-cta:hover:after{opacity:1}.cta-spark{display:inline-block;animation:sparkSpin 2s linear infinite;font-size:.85rem}@keyframes sparkSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.night-mode .hero-cta{box-shadow:0 2px 12px #00000040}body.night-mode .hero-cta:hover{box-shadow:0 6px 24px #0006}.hero-recent{width:100%;max-width:500px}.recent-divider{display:flex;align-items:center;gap:10px;margin-bottom:8px}.recent-divider-line{flex:1;height:1px;background:var(--border-accent);opacity:.5}.recent-divider-label{font-size:.82rem;color:var(--text-muted);font-weight:700;white-space:nowrap}.recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.recent-item{animation:recentFadeIn .4s ease-out both;animation-delay:calc(.5s + var(--i, 0) * .1s)}.recent-link{display:flex;align-items:center;gap:10px;text-decoration:none;padding:5px 12px;border-radius:var(--radius-sm);transition:background .2s;color:var(--text-body)}.recent-link:hover{background:var(--color-accent-dim)}@keyframes recentFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.recent-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);flex-shrink:0;opacity:.7;animation:dotPulse 2s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .3s)}@keyframes dotPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.recent-title{flex:1;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-date{font-size:.75rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.hero-separator{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:480px;padding:4px 0 0;animation:separatorFadeIn .6s ease-out .8s both}@keyframes separatorFadeIn{0%{opacity:0;transform:scaleX(.6)}to{opacity:1;transform:scaleX(1)}}.hero-sep-line{flex:1;height:1px;background:repeating-linear-gradient(to right,var(--border-accent) 0px,var(--border-accent) 3px,transparent 3px,transparent 8px);opacity:.5}body.night-mode .hero-sep-line{background:repeating-linear-gradient(to right,var(--border-accent) 0px,var(--border-accent) 3px,transparent 3px,transparent 8px)}.hero-sep-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);opacity:.5;flex-shrink:0;animation:sepDotPulse 2s ease-in-out infinite}@keyframes sepDotPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.4)}}.sidebar-inner{display:flex;flex-direction:column;gap:28px}.note-card{background:var(--bg-card);padding:28px 20px 22px;border-radius:6px 18px;box-shadow:8px 12px 20px #0003;position:relative;transition:all .2s}body.night-mode .note-card{background:#4a4234}.note-card:nth-child(odd){transform:rotate(-.8deg) translate(-3px)}.note-card:nth-child(2n){transform:rotate(1.2deg) translate(3px)}.note-card:hover{transform:rotate(0) scale(1.01);z-index:10}.card-title{display:flex;align-items:center;font-size:1.15rem;font-weight:800;color:var(--text-heading);margin-bottom:14px}.card-title-icon{display:inline-flex;align-items:center;vertical-align:middle;margin-right:4px}.card-title-icon svg{display:block;width:1.2em;height:1.2em}.tack{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:26px;height:10px;border-radius:50%;background:radial-gradient(ellipse at 50% 38%,var(--tack-light),var(--tack-head) 55%,var(--tack-dark));box-shadow:0 2px 4px #00000026,inset 0 1px 2px #ffffff59;z-index:2;cursor:pointer;transition:transform .15s}.tack:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:7px;height:5px;background:linear-gradient(to right,var(--tack-dark),var(--tack-head) 40%,var(--tack-dark));border-radius:0 0 2px 2px}.tack:after{content:"";position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);width:2px;height:12px;background:linear-gradient(to bottom,var(--tack-dark),#555 65%,#333);border-radius:0 0 1px 1px}body.night-mode .tack{box-shadow:0 2px 6px #00000059,inset 0 1px 1px #ffffff1a}body.night-mode .tack:after{background:linear-gradient(to bottom,var(--tack-dark),#444 65%,#222)}.tack:hover{transform:translate(-50%) scale(1.12)}.profile-area{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.avatar-wrapper{position:relative;width:68px;height:68px;margin:0 auto 2px}.avatar-circle{width:68px;height:68px;border-radius:50%;background:linear-gradient(145deg,#c95a0f,#d4782c 30%,#e8a04a 70%,#b8450a);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;color:#fff;font-family:Georgia,Times New Roman,serif;flex-shrink:0;user-select:none;position:relative;z-index:1;transition:transform .3s ease;animation:avatarGlow 3.4s ease-in-out infinite}@keyframes avatarGlow{0%,to{box-shadow:0 0 0 3px var(--bg-card),0 0 16px #c95a0f2e,0 0 36px #c95a0f1a,0 0 60px #c95a0f0d}50%{box-shadow:0 0 0 3px var(--bg-card),0 0 22px #c95a0f42,0 0 48px #c95a0f26,0 0 72px #c95a0f14}}.note-card:hover .avatar-circle{transform:scale(1.06)}.avatar-image{object-fit:cover;background:none}body.night-mode .avatar-circle{background:linear-gradient(145deg,#a4561a,#c07030 30%,#d4944a 70%,#8b3a10);animation-name:avatarGlowNight}@keyframes avatarGlowNight{0%,to{box-shadow:0 0 0 3px #4a4234,0 0 18px #e2a33a38,0 0 40px #e2a33a1f,0 0 64px #e2a33a0f}50%{box-shadow:0 0 0 3px #4a4234,0 0 26px #e2a33a4d,0 0 52px #e2a33a2e,0 0 80px #e2a33a1a}}.profile-name{font-weight:800;font-size:1.2rem;color:var(--text-heading);font-family:Georgia,Times New Roman,"Noto Serif SC",serif;letter-spacing:.02em;line-height:1.3;position:relative;display:inline-block;padding-bottom:8px}.profile-name:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-accent) 20%,var(--color-accent) 80%,transparent 100%);opacity:.35;border-radius:1px}.profile-title{font-size:.7rem;color:var(--color-accent);font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:var(--color-accent-dim);padding:4px 16px;border-radius:20px;display:inline-block;font-weight:700;border:1px solid rgba(201,90,15,.12)}body.night-mode .profile-title{color:#e2a33a;background:#c95a0f1f;border-color:#c95a0f2e}.profile-divider{width:50%;height:1px;margin:8px 0 4px;background:linear-gradient(90deg,transparent 0%,var(--border-dim) 20%,var(--border-dim) 80%,transparent 100%)}.profile-bio{font-size:.84rem;color:var(--text-body);line-height:1.72;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;margin:8px 0 0;padding:14px 16px;background:linear-gradient(90deg,rgba(200,90,20,.12) 0 4px,transparent 4px),var(--bg-surface);border-radius:8px;position:relative;box-shadow:0 1px #ffffff80,0 2px 6px #0000000a}.profile-bio:after{content:"";position:absolute;top:-6px;left:12px;width:24px;height:10px;background:#f5ebcd80;border-radius:1px;transform:rotate(3deg);box-shadow:0 1px 2px #0000000f}body.night-mode .profile-bio{background:linear-gradient(90deg,rgba(200,130,50,.16) 0 4px,transparent 4px),#0000001f;box-shadow:0 1px #ffffff08,0 2px 6px #0000001f}body.night-mode .profile-bio:after{background:#b4a07847;box-shadow:0 1px 2px #00000026}.hot-list{list-style:none}.hot-list li{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:8px;border-radius:10px;font-size:.85rem;font-weight:600;transition:.15s;background:transparent}.hot-list li:hover{background:var(--color-accent-dim)}body.night-mode .hot-list li:hover{background:#c95a0f1f}.hot-list li a{color:var(--text-body);text-decoration:none;display:block;flex:1}.hot-list li:hover a{color:var(--color-accent)}.hot-index{width:22px;height:22px;border-radius:50%;background:var(--color-accent-soft);color:var(--text-heading);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;font-family:monospace;flex-shrink:0}body.night-mode .hot-index{background:#5d5240}.hot-list li:nth-child(1) .hot-index{background:var(--color-accent);color:var(--text-on-accent)}.hot-list li:nth-child(2) .hot-index{background:#d4792f;color:var(--text-on-accent)}.hot-list li:nth-child(3) .hot-index{background:#df9a5a;color:var(--text-on-accent)}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;line-height:1.6}.cloud-tag{text-decoration:none;font-weight:700;font-family:monospace;border-bottom:2px solid transparent;transition:transform .2s ease,opacity .2s ease;white-space:nowrap;display:inline-block}.cloud-tag:hover{transform:scale(1.22);opacity:.85}.notebook-post-card.post-item{background:var(--bg-card);margin-bottom:28px;padding:16px 18px;border-radius:var(--radius-md);box-shadow:0 8px 16px #00000014;position:relative;transition:all .2s;margin-top:16px;list-style:none}body.night-mode .notebook-post-card.post-item{background:#3d382c}.notebook-post-card.post-item:hover{transform:translateY(-3px);box-shadow:0 12px 20px #0000001f}.notebook-post-card.post-item:after{content:"";position:absolute;inset:-8px;pointer-events:none;z-index:0}.notebook-post-card.post-item:before{content:"📌";position:absolute;top:-14px;right:16px;font-size:28px;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3));transition:transform .2s;pointer-events:none;z-index:2}.notebook-post-card.post-item:hover:before{transform:rotate(12deg) scale(1.1)}.notebook-post-card .post-title{font-size:1.2rem;font-weight:800;color:var(--text-heading);margin-bottom:8px;cursor:pointer;transition:color .2s;text-decoration:none;display:block}.notebook-post-card .post-title:hover{color:var(--color-accent)}.notebook-post-card .post-meta{font-size:.75rem;color:var(--text-muted);display:flex;gap:12px;margin-bottom:10px;flex-wrap:wrap}.notebook-post-card .post-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.notebook-post-card .post-tag{background:var(--bg-tag);padding:8px 12px;border-radius:20px;font-size:.65rem;color:var(--color-accent);font-weight:600;line-height:1.2;text-decoration:none;transition:all .2s}.notebook-post-card .post-tag:hover{background:var(--color-accent);color:#fff}.notebook-post-card .post-tag.active{background:var(--color-accent);color:#fff;font-weight:600;box-shadow:0 2px 8px var(--color-accent-soft, rgba(0, 0, 0, .15))}.notebook-post-card .post-excerpt{color:var(--text-body);line-height:1.5;font-size:.88rem}.notebook-post-card .post-actions{display:flex;gap:16px;margin-top:12px;justify-content:flex-end}.notebook-post-card .action-btn{background:none;border:none;cursor:pointer;padding:4px 10px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:4px;font-family:monospace;color:var(--text-muted);transition:.2s;text-decoration:none;font-size:.8rem}.notebook-post-card .action-btn:hover{background:var(--bg-tag);transform:scale(1.05)}.notebook-post-card .action-btn:before{content:"";position:absolute;inset:-5px;pointer-events:auto}.notebook-post-card .action-btn{position:relative}.notebook-timeline-item{position:relative;margin-bottom:28px;display:flex;align-items:flex-start;list-style:none}.notebook-timeline-item .timeline-dot{flex-shrink:0;width:14px;height:14px;background:var(--color-accent);border:4px solid var(--bg-hero);border-radius:50%;box-shadow:0 0 0 2px #c95a0f4d;margin-top:18px;margin-right:16px;z-index:2;transition:transform .2s}.notebook-timeline-item:hover .timeline-dot{transform:scale(1.3)}.notebook-timeline-item .timeline-content{flex:1;padding:16px 18px;background:var(--bg-card);border-radius:16px;box-shadow:0 6px 14px #00000014;transition:all .2s}body.night-mode .notebook-timeline-item .timeline-content{background:#3d382c}.notebook-timeline-item .timeline-content:hover{transform:translate(4px)}.notebook-timeline-item .timeline-content:before{content:"";position:absolute;inset:-8px;pointer-events:none;z-index:0}.notebook-timeline-item .timeline-date{font-size:.8rem;font-weight:700;color:var(--color-accent);margin-bottom:10px}.notebook-timeline-item .timeline-date:before{content:"📅 "}.notebook-timeline-item .post-title{font-size:1.05rem;font-weight:800;color:var(--text-heading);margin-bottom:6px;cursor:pointer;transition:color .2s;text-decoration:none;display:block}.notebook-timeline-item .post-title:hover{color:var(--color-accent)}.notebook-timeline-item .post-excerpt{color:var(--text-body);line-height:1.5;font-size:.85rem}.section-header{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:24px}.section-title{font-size:1.4rem;font-family:monospace;color:var(--text-heading);font-weight:800}.section-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.view-toggle{display:flex;gap:6px;background:var(--bg-surface);padding:3px;border-radius:var(--radius-full)}.view-btn{padding:5px 14px;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;font-weight:600;font-family:monospace;transition:.2s;color:var(--text-body);font-size:.85rem}.view-btn.active{background:var(--color-accent-soft);color:var(--text-on-accent);box-shadow:var(--shadow-btn)}.hidden-view{display:none!important}.timeline-rail{position:relative;padding-left:0;min-height:20px}.timeline-rail:before{left:6px;content:"";position:absolute;top:8px;bottom:8px;width:3px;background:linear-gradient(to bottom,var(--color-accent),var(--border-light),var(--color-accent));border-radius:3px}.section-back{font-family:monospace;font-size:.82rem;color:var(--color-accent);text-decoration:none;font-weight:600}.section-back:hover{text-decoration:underline}.footer-note{cursor:pointer;transition:background .2s;text-align:center;position:relative;min-height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;user-select:none;-webkit-user-select:none}.footer-note:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:0;transition:opacity .3s,width .3s}.footer-note:hover:before{opacity:.6;width:100px}.footer-note:active{background:var(--color-accent-dim)}.footer-tagline{font-family:Courier New,KaiTi,monospace;font-size:.78rem;color:var(--text-muted);letter-spacing:1px;margin-bottom:8px;padding:6px 12px;display:inline-block;width:100%;transition:color .2s}.footer-note:hover .footer-tagline{color:var(--text-body)}.footer-pinned{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 0 10px;font-size:.82rem;font-weight:600;color:var(--text-body);font-style:italic;transition:transform .2s}.footer-note:hover .footer-pinned{transform:scale(1.02)}.pin-icon{font-size:1rem;display:inline-block;transition:transform .3s}.footer-note:hover .pin-icon{transform:rotate(-15deg) scale(1.2)}.footer-meta{display:flex;align-items:center;justify-content:center;gap:14px;padding-bottom:12px;font-size:.8rem;color:var(--text-muted)}.rss-link,.footer-link{color:var(--text-muted);text-decoration:none;transition:color .2s;padding:3px 10px;border-radius:var(--radius-md);background:var(--bg-surface);font-size:.72rem;font-weight:600}.rss-link:hover,.footer-link:hover{color:var(--color-accent);background:var(--color-accent-soft-hover)}.icp-row{padding:10px 0 14px;justify-content:center;gap:10px;font-size:10px}.icp-row a{color:var(--text-muted);text-decoration:none}.icp-row a:hover{color:var(--color-accent)}.icp-sep{opacity:.3;color:var(--text-muted)}.write-btn{background:var(--color-accent);color:var(--text-on-accent);border:none;padding:7px 18px;line-height:1.5;border-radius:var(--radius-full);cursor:pointer;font-weight:700;transition:.2s;text-decoration:none;font-family:monospace;font-size:.85rem}.write-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.write-btn:before{content:"";position:absolute;inset:-6px;pointer-events:auto}.write-btn{position:relative}.view-all-container{margin-top:28px;text-align:center}.view-all-container .hero-cta{background:var(--color-accent-soft);padding:8px 24px;border-radius:var(--radius-full);font-weight:800;color:var(--text-heading);text-decoration:none;display:inline-block;transition:.2s;font-size:.9rem}.view-all-container .hero-cta:hover{background:var(--color-accent-soft-hover);transform:translateY(-2px)}.post-article{max-width:100%}.article-header{margin-bottom:24px;padding-bottom:20px;border-bottom:2px dashed var(--border-light)}.article-title{font-family:Georgia,"Noto Serif SC",serif;font-size:1.6rem;font-weight:800;color:var(--text-heading);line-height:1.25;margin:0 0 12px;letter-spacing:-.02em}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:system-ui,-apple-system,sans-serif;font-size:.8rem;color:var(--text-muted);margin-bottom:12px;padding:6px 0}.meta-sep{opacity:.3;font-size:.7rem}.meta-category{color:var(--color-accent);text-decoration:none;font-weight:600;padding:3px 8px;background:var(--color-accent-dim);border-radius:var(--radius-full);transition:all .2s}.meta-category:hover{background:var(--color-accent);color:var(--text-on-accent);text-decoration:none}.article-tags{display:flex;flex-wrap:wrap;gap:6px}.article-tag{font-family:system-ui,-apple-system,sans-serif;font-size:.72rem;color:var(--text-muted);background:var(--bg-surface);padding:4px 10px;line-height:1.5;border-radius:var(--radius-full);border:1px solid var(--border-dim);transition:all .2s;cursor:pointer;text-decoration:none}.article-tag:hover{background:var(--color-accent);color:var(--text-on-accent);border-color:var(--color-accent)}.article-hero{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:20px;box-shadow:0 4px 10px #00000014}.article-content{font-size:.95rem;line-height:32px;color:var(--text-body);margin-top:16px}.article-content>p:first-child:first-letter{font-size:2em;font-weight:800;float:left;line-height:.85;margin-right:8px;margin-top:3px;color:var(--color-accent);font-family:Georgia,Times New Roman,serif}.article-content p{margin:0 0 32px;line-height:32px}.article-content h1,.article-content h2,.article-content h3,.article-content h4{font-weight:700;line-height:32px;position:relative}.article-content h1{font-size:1.4rem;color:var(--text-heading);margin:32px 0 16px;padding-bottom:6px;border-bottom:2px solid var(--border-light)}.article-content h1:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:var(--color-accent)}.article-content h2{font-size:1.2rem;color:var(--text-heading);margin:26px 0 2px;padding-left:10px;border-left:4px solid var(--color-accent)}.article-content h3{font-size:1.08rem;color:var(--text-heading);margin:26px 0 2px;padding-left:10px;border-left:3px solid var(--border-light)}.article-content h4{font-size:1rem;color:var(--text-body);margin:26px 0 2px;font-weight:700}.article-content a{color:var(--color-accent);text-decoration:none;font-weight:600;border-bottom:1px solid var(--border-accent);transition:border-color .2s,color .2s}.article-content a:hover{color:var(--color-accent-hover);border-bottom-color:var(--color-accent)}.article-content ul,.article-content ol{margin:0 0 32px;padding-left:20px}.article-content li{margin:5px 0;line-height:32px}.article-content ul>li::marker,.article-content ol>li::marker{color:var(--color-accent)}.article-content ul ul,.article-content ol ol,.article-content ul ol,.article-content ol ul{margin-bottom:0}.article-content blockquote{margin:32px 0;padding:14px 16px 14px 22px;background:linear-gradient(135deg,#faf5e8,#f7efe0);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-body);font-style:italic;position:relative;box-shadow:inset 0 1px #fff9,0 2px 8px #0000000a}.article-content blockquote:before{content:"“";position:absolute;top:-6px;left:6px;font-size:2.2rem;color:var(--color-accent);font-family:Georgia,serif;line-height:1;opacity:.3;pointer-events:none}.article-content blockquote p{margin:0}.article-content blockquote p+p{margin-top:8px}.article-content code:not(pre code){background:var(--bg-surface);color:var(--color-accent-hover);padding:2px 7px;border-radius:var(--radius-sm);font-size:.85rem;font-family:"JetBrains Mono",var(--font-mono);font-weight:600;border:1px solid var(--color-accent-dim)}.article-content pre{background:#1e1c16;color:#e8e0d0;padding:14px 12px;border-radius:var(--radius-sm);overflow-x:auto;margin:32px 0;font-family:"JetBrains Mono",var(--font-mono);font-size:.82rem;line-height:1.6;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #0000001f,inset 0 1px #ffffff0a;position:relative;-webkit-overflow-scrolling:touch}.article-content pre code{background:transparent;color:inherit;padding:0;border-radius:0;border:none}.article-content pre:before{content:"";display:block;height:8px;margin-bottom:10px;background-image:radial-gradient(circle at 5px center,#ff5f57 4px,transparent 4px),radial-gradient(circle at 23px center,#ffbd2e 4px,transparent 4px),radial-gradient(circle at 41px center,#28c840 4px,transparent 4px);background-size:54px 8px;background-repeat:no-repeat;opacity:.6}.article-content img{max-width:100%;border-radius:var(--radius-sm);margin:32px 0;box-shadow:0 4px 12px #0000000f;transition:box-shadow .3s}.article-content img:hover{box-shadow:0 8px 24px #0000001a}.article-content hr{border:none;margin:32px 0;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;height:18px;background:none;position:relative}.article-content hr:before{content:"✦ ✦ ✦";color:var(--color-accent);font-size:.75rem;letter-spacing:5px;opacity:.45}.article-content table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;font-size:.78rem;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-content table thead,.article-content table tbody{width:100%}.article-content th,.article-content td{border:1px solid var(--border-light);padding:8px 10px;text-align:left;white-space:nowrap}.article-content th{background:var(--bg-surface);font-weight:700;color:var(--text-heading);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.article-content tr:last-child td:first-child{border-bottom-left-radius:8px}.article-content tr:last-child td:last-child{border-bottom-right-radius:8px}.article-content tr:nth-child(2n) td{background:#f5ebd34d}.article-content strong{color:var(--text-heading);font-weight:800}.article-content em{color:var(--text-muted)}.article-content del{color:#9a8a70;text-decoration:line-through}.article-content sup{font-size:.68rem;color:var(--color-accent)}.article-content .footnotes{margin-top:32px;padding-top:14px;border-top:1px solid var(--border-light);font-size:.75rem}.article-content .footnotes ol{padding-left:18px}.article-content .footnotes li{color:var(--text-muted);margin:3px 0}.article-content input[type=checkbox]{accent-color:var(--color-accent);width:14px;height:14px;margin-right:5px;transform:translateY(2px)}.related-section{margin-top:32px;padding-top:20px}.related-title{font-family:monospace;font-size:1rem;font-weight:700;color:var(--text-heading);margin:0 0 12px}.related-grid{display:grid;gap:10px;grid-template-columns:1fr}.related-card{display:flex;flex-direction:column;gap:4px;background:var(--bg-card);border-radius:var(--radius-md);padding:12px 14px;text-decoration:none;transition:.2s;box-shadow:0 2px 6px #0000000d}.related-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.related-card-title{font-family:monospace;font-weight:700;font-size:.82rem;color:var(--text-heading);line-height:1.4}.related-card:hover .related-card-title{color:var(--color-accent)}.related-card-date{font-family:monospace;font-size:.68rem;color:var(--text-muted)}.post-list{display:flex;flex-direction:column;gap:20px}.pagination-index{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}.page-info{font-family:monospace;font-size:.78rem;color:var(--text-muted)}.page-link{padding:6px 16px;border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--text-heading);text-decoration:none;font-family:monospace;font-weight:700;font-size:.82rem;transition:.2s}.page-link:hover{background:var(--color-accent-soft-hover);transform:translateY(-2px)}.page-link:before{content:"";position:absolute;inset:-6px;pointer-events:auto}.page-link{position:relative}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}.pagination-page{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:28px}.page-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.about-content{max-width:100%;padding-bottom:16px}.about-header{margin-bottom:24px}.about-title{font-size:1.4rem;font-family:monospace;color:var(--text-heading);font-weight:800;margin:0}.author-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:28px;background:var(--bg-card);border-radius:var(--radius-lg);padding:20px 18px;box-shadow:var(--shadow-card)}.author-avatar{width:72px;height:72px;border-radius:50%;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.author-name{font-family:monospace;font-weight:800;font-size:1.3rem;color:var(--text-heading);margin:0 0 4px}.author-title{color:var(--text-muted);font-size:.82rem;font-family:monospace;margin:0 0 6px}.author-bio{color:var(--text-body);font-size:.88rem;font-family:monospace;line-height:1.6;margin:0}.section-subtitle{font-family:monospace;font-weight:700;font-size:1.05rem;color:var(--text-heading);margin:24px 0 12px;padding-bottom:5px}.para{color:var(--text-body);font-size:.85rem;font-family:monospace;line-height:1.7;margin:0 0 14px}.about-link{color:var(--color-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}.tech-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:14px}.tech-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border-radius:var(--radius-md);padding:12px 14px;box-shadow:0 3px 8px #0000000d;transition:.2s}.tech-card:hover{transform:translateY(-2px);box-shadow:0 5px 12px #00000014}.tech-icon{font-size:1.4rem;flex-shrink:0}.tech-name{display:block;font-family:monospace;font-weight:700;font-size:.82rem;color:var(--text-heading)}.tech-desc{display:block;color:var(--text-muted);font-family:monospace;font-size:.72rem;margin-top:2px}.feature-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:14px}.feature-list li{font-family:monospace;font-size:.82rem;color:var(--text-body);padding:5px 0}.writing-page{margin:0 auto;padding:0 16px 32px}.editor-header{text-align:center;margin-bottom:28px;padding:20px 16px;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-surface) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.editor-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-soft-hover),var(--color-accent));opacity:.9}.editor-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.editor-title{font-size:1.4rem;font-weight:800;font-family:var(--font-mono);color:var(--text-heading);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px;letter-spacing:-.02em;position:relative;z-index:1}.title-icon{font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.editor-title:hover .title-icon{transform:rotate(-10deg) scale(1.1)}.editor-subtitle{color:var(--text-muted);font-size:.82rem;font-family:monospace;line-height:1.5;position:relative;z-index:1}.header-actions{display:flex;flex-direction:column;justify-content:center;gap:8px;margin-top:14px;position:relative;z-index:1}.small-btn{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-full);padding:5px 16px;font-size:.78rem;font-weight:600;color:var(--text-body);cursor:pointer;transition:all .2s;font-family:monospace;position:relative;overflow:hidden;width:100%;justify-content:center}.small-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.small-btn:hover:before{left:100%}.small-btn:hover{background:var(--color-accent);color:var(--text-on-accent);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.small-btn:active{transform:translateY(0)}.editor-section{display:flex;flex-direction:column;gap:24px}.fm-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px;border:1px solid var(--border-light);transition:all .3s ease;position:relative}.fm-card:hover{box-shadow:0 10px 28px #0000001a;transform:translateY(-2px)}.fm-title{font-size:1rem;font-weight:700;font-family:monospace;color:var(--text-heading);margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--border-light);display:flex;align-items:center;gap:6px}.fm-grid{display:grid;grid-template-columns:1fr;gap:16px}.fm-field label{display:block;font-size:.72rem;font-weight:700;font-family:monospace;color:var(--text-body);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.req{color:var(--color-accent);font-weight:800}.fm-field input,.fm-field select{width:100%;padding:7px 11px;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-surface);font-size:.82rem;font-family:monospace;color:var(--text-heading);transition:all .2s}.fm-field input:focus,.fm-field select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-dim);background:var(--bg-card)}.fm-field input:hover,.fm-field select:hover{border-color:var(--border-dim)}.hint{display:block;font-size:.65rem;color:var(--text-muted);margin-top:3px;margin-bottom:5px;font-family:monospace;line-height:1.4}.md-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;border:1px solid var(--border-light);transition:all .3s ease}.md-card:hover{box-shadow:0 10px 28px #0000001a}.md-label{padding:12px 16px 8px;font-weight:700;font-family:monospace;font-size:.88rem;color:var(--text-heading);display:flex;align-items:center;gap:6px;background:var(--bg-surface);border-bottom:1px solid var(--border-light)}.editor-toolbar{border-left:none!important;border-right:none!important;border-top:none!important;background:var(--bg-surface)!important;border-radius:0!important;padding:6px!important}.editor-toolbar button{border-radius:var(--radius-sm)!important;transition:all .2s!important}.editor-toolbar button:hover{background:var(--color-accent-dim)!important;color:var(--color-accent)!important}.CodeMirror{min-height:360px;border-radius:0!important;font-size:.85rem!important;line-height:1.5!important}.CodeMirror-focused{box-shadow:inset 0 0 0 2px var(--color-accent-dim)}.action-bar{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-card)}.action-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}.act-btn{padding:7px 16px;border-radius:var(--radius-full);border:1px solid var(--border-dim);font-weight:600;font-size:.78rem;font-family:monospace;cursor:pointer;transition:all .2s;background:var(--bg-surface);color:var(--text-body);display:inline-flex;align-items:center;gap:5px;position:relative;overflow:hidden;flex:1;min-width:100px;justify-content:center}.act-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}.act-btn:active:before{width:300px;height:300px}.act-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.act-btn:after{content:"";position:absolute;inset:-6px;pointer-events:auto;z-index:0}.act-btn:active{transform:translateY(0)}.primary-btn{background:var(--text-heading);color:var(--text-on-accent);border-color:var(--text-heading)}.primary-btn:hover{background:var(--text-heading);box-shadow:0 6px 16px #0003}body.night-mode .primary-btn{background:var(--color-accent);color:var(--text-on-accent);border-color:var(--color-accent)}body.night-mode .primary-btn:hover{background:var(--color-accent-hover);box-shadow:0 6px 16px #0000004d}.save-btn{background:var(--color-accent);color:var(--text-on-accent);border-color:var(--color-accent)}.save-btn:hover{background:var(--color-accent-hover);box-shadow:0 6px 16px #0003}.clear-btn{border-color:#fecaca}.clear-btn:hover{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}body.night-mode .clear-btn:hover{background:#ef444433;color:#fca5a5}.name-option{background:var(--bg-surface);border-radius:var(--radius-full);padding:5px 14px;display:inline-flex;align-items:center;gap:10px;font-size:.78rem;border:1px solid var(--border-dim);justify-content:center;flex-wrap:wrap;width:100%}.name-label{color:var(--text-muted);font-weight:600;font-size:.72rem}.name-option label{display:inline-flex;align-items:center;gap:3px;font-weight:600;font-size:.78rem;color:var(--text-body);cursor:pointer;font-family:monospace;transition:color .2s}.name-option label:hover{color:var(--color-accent)}.name-option input{width:auto;margin:0;transform:scale(.85);cursor:pointer}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 20px 60px}.nf-number{font-family:monospace;font-size:5rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--color-accent),var(--border-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.7;margin-bottom:12px}.nf-title{font-family:monospace;font-size:1.3rem;color:var(--text-heading);font-weight:800;margin:0 0 10px}.nf-desc{font-family:monospace;color:var(--text-muted);font-size:.88rem;max-width:320px;margin:0 0 28px;line-height:1.6}.nf-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.nf-btn{padding:8px 20px;border-radius:var(--radius-full);font-family:monospace;font-weight:700;font-size:.85rem;text-decoration:none;transition:.2s;background:var(--color-accent);color:var(--text-on-accent)}.nf-btn:hover{transform:translateY(-2px);background:var(--color-accent-hover)}.nf-btn:before{content:"";position:absolute;inset:-6px;pointer-events:auto}.nf-btn{position:relative}.nf-btn-outline{background:var(--color-accent-soft);color:var(--text-heading)}.nf-btn-outline:hover{background:var(--color-accent-soft-hover)}.music-fab{position:fixed;bottom:24px;left:24px;width:52px;height:52px;border-radius:50%;border:2px solid var(--border-dim);background:var(--bg-card);color:var(--text-heading);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;z-index:1000;box-shadow:0 4px 20px #0000001f,0 1px 3px #00000014;transition:all .35s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);animation:music-fab-pulse 2.5s ease-in-out infinite}.music-fab-icon{transition:transform .3s ease;display:inline-block}@keyframes music-fab-pulse{0%,to{box-shadow:0 4px 20px #0000001f,0 0 #c95a0f4d}50%{box-shadow:0 4px 20px #0000001f,0 0 0 12px #c95a0f00}}body.night-mode .music-fab{animation-name:music-fab-pulse-night}@keyframes music-fab-pulse-night{0%,to{box-shadow:0 4px 22px #0000004d,0 0 #ffffff26}50%{box-shadow:0 4px 22px #0000004d,0 0 0 14px #fff0}}.music-fab:hover{transform:scale(1.08);border-color:var(--color-accent);box-shadow:0 8px 28px #0000002e}.music-fab:after{content:"";position:absolute;inset:-8px;pointer-events:auto}.music-fab:active{transform:scale(.95)}.music-fab.active{background:var(--color-accent);color:var(--text-on-accent);border-color:var(--color-accent);animation:none;box-shadow:0 4px 20px #00000026}body.night-mode .music-fab{background:#8c785a73;color:#fff;border-color:#fff3;box-shadow:0 4px 22px #0000004d,0 0 16px #ffffff14}body.night-mode .music-fab:hover{background:#a08c648c;color:#fff;box-shadow:0 8px 30px #00000059,0 0 22px #ffffff24}body.night-mode .music-fab.active{background:#c8a0648c;color:#fff;border-color:#ffffff59;animation:none}.music-overlay{position:fixed;inset:0;background:#0000004d;z-index:1098;opacity:0;visibility:hidden;transition:all .3s ease;backdrop-filter:blur(2px)}.music-overlay.active{opacity:1;visibility:visible}.music-popup{position:fixed;bottom:92px;left:24px;z-index:1099;opacity:0;visibility:hidden;transform:translateY(12px) scale(.95);transition:all .35s cubic-bezier(.4,0,.2,1);transform-origin:bottom left}.music-popup.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.music-popup-card{width:300px;max-height:520px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:16px;padding:20px;box-shadow:0 16px 48px #0000002e,0 2px 8px #0000001a;backdrop-filter:blur(16px)}body.night-mode .music-popup-card{background:#26231ef5;border-color:#4a3e2c;box-shadow:0 16px 48px #0006}body.night-mode .music-popup-header h3,body.night-mode .music-icon{color:#fff}body.night-mode .music-title{color:#e8e0d4}body.night-mode .music-info{background:#ffffff14}.music-popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-dim)}.music-popup-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-heading);font-family:var(--font-ui)}.music-close-btn{width:30px;height:30px;border-radius:50%;border:none;background:var(--bg-surface);color:var(--text-muted);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.music-close-btn:hover{background:#e74c3c;color:#fff}.music-popup-card::-webkit-scrollbar{width:4px}.music-popup-card::-webkit-scrollbar-track{background:transparent}.music-popup-card::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:2px}.music-player{display:flex;flex-direction:column;gap:16px}.music-controls{display:flex;justify-content:center;gap:12px}.music-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);background:var(--color-accent-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;overflow:hidden;box-shadow:0 2px 8px #00000026;color:var(--color-accent);padding:0}.music-btn svg{display:block;flex-shrink:0}.music-btn:hover{background:var(--color-accent);color:#fff;transform:scale(1.1);box-shadow:0 4px 14px #00000038}.music-btn.play-btn{width:48px;height:48px}body.night-mode .music-btn{color:#ddd;background:#ffffff1a;border-color:#ffffff26}body.night-mode .music-btn:hover{background:#fff3;color:#fff}.music-info{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-surface);border-radius:var(--radius-md)}.music-icon{font-size:1.2rem;animation:music-bounce 1s ease-in-out infinite}@keyframes music-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.music-title{font-size:.9rem;font-weight:600;color:var(--text-heading)}.music-progress{display:flex;flex-direction:column;gap:6px}.progress-bar{width:100%;height:6px;background:var(--bg-surface);border-radius:3px;cursor:pointer;overflow:hidden}.progress-fill{width:0%;height:100%;background:var(--color-accent);border-radius:3px;transition:width .1s linear}.progress-time{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.music-volume{display:flex;align-items:center;gap:8px}.volume-icon{font-size:1.1rem;flex-shrink:0}.volume-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-surface);border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;transition:all .2s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.music-playlist{list-style:none;display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.playlist-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-size:.85rem}.playlist-item:hover{background:var(--color-accent-soft)}.playlist-item.active{background:var(--color-accent);color:var(--text-on-accent)}body.night-mode .playlist-item{color:#ccc}body.night-mode .playlist-item:hover{background:#ffffff14}body.night-mode .playlist-item.active{background:#ffffff26;color:#fff}body.night-mode .music-tips{color:#fff6}.playlist-number{width:20px;text-align:center;font-weight:700;font-family:var(--font-mono)}.playlist-title{flex:1;line-height:1.2}.music-tips{margin-top:12px;margin-bottom:-12px;text-align:center;font-size:.75rem;color:var(--text-muted)}.music-empty{text-align:center;padding:30px 20px;color:var(--text-muted)}.music-empty p{margin:8px 0}.music-empty .empty-hint{font-size:.8rem}.music-empty code{background:var(--color-accent-soft);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent)}body.night-mode .music-playlist{scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.comments-section{margin-top:48px;padding:28px 28px 24px;background:var(--bg-surface);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-light)}.comments-title{font-size:1.2rem;font-weight:800;color:var(--text-heading);margin-bottom:20px;font-family:monospace}.comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.comments-hint{text-align:center;font-size:.85rem;color:var(--text-muted);font-family:monospace}.comment-card{display:flex;gap:14px;padding:16px 0;margin-bottom:0;background:transparent;border-radius:0;border:none;border-bottom:1px dashed var(--border-light)}.comments-list>.comment-card:last-child{border-bottom:none}.comment-replies{margin-top:12px;padding-left:16px}.comment-reply{display:flex;gap:10px;padding:10px 0 10px 12px;margin-bottom:0;margin-left:0;background:transparent;border-radius:0;border:none;position:relative;border-bottom:1px solid var(--border-light)}.comment-reply:last-child{border-bottom:none}.comment-reply:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px}.comment-reply-color-1:before{background:#e74c3c}.comment-reply-color-2:before{background:#3498db}.comment-reply-color-3:before{background:#2ecc71}.comment-reply-color-4:before{background:#f39c12}.comment-reply-color-5:before{background:#9b59b6}.comment-reply-color-6:before{background:#1abc9c}.comment-reply-color-7:before{background:#e91e63}.comment-reply-color-8:before{background:#ff5722}.comment-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover, #005a99));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;font-family:monospace;user-select:none;flex-shrink:0}.comment-reply .comment-avatar{width:28px;height:28px;min-width:28px;font-size:.7rem;background:var(--bg-muted, #e8e8e8);color:var(--text-muted)}.comment-main{flex:1;min-width:0}.comment-header{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;flex-wrap:wrap}.comment-author{font-weight:700;font-size:.88rem;color:var(--color-accent);font-family:monospace}.comment-reply .comment-author{font-size:.82rem;font-weight:600;color:var(--text-heading)}.comment-time{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono, monospace)}.comment-reply .comment-time{font-size:.68rem}.comment-body{font-size:.9rem;line-height:1.7;color:var(--text-body);white-space:pre-wrap;word-break:break-word}.comment-reply .comment-body{font-size:.85rem;line-height:1.65;color:var(--text-muted)}.comment-actions{margin-top:10px}.comment-reply .comment-actions{margin-top:6px}.comment-reply-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:.78rem;font-family:monospace;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all .2s}.comment-reply-btn:hover{color:var(--color-accent);background:var(--color-accent-dim, rgba(0, 122, 204, .08));border-color:var(--color-accent-dim, rgba(0, 122, 204, .2))}.comment-reply .comment-reply-btn{font-size:.72rem;padding:2px 8px}.comments-form{margin-top:24px;display:flex;flex-direction:column;gap:16px}.reply-indicator{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--color-accent-dim, rgba(0, 122, 204, .08));border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);font-size:.85rem;font-family:monospace;color:var(--color-accent);font-weight:600}.reply-cancel-btn{font-size:.78rem;font-family:monospace;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:2px 8px;border-radius:var(--radius-sm);transition:all .2s}.reply-cancel-btn:hover{color:var(--color-accent);background:#0000000d}.form-body{display:flex;flex-direction:column;gap:12px}.form-top-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:500px){.form-top-row{grid-template-columns:1fr}}.comment-input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-card, #fff);font-size:.88rem;font-family:monospace;color:var(--text-heading);transition:all .2s}.comment-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-dim)}.comment-textarea{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-card, #fff);font-size:.88rem;font-family:monospace;color:var(--text-heading);resize:vertical;min-height:80px;line-height:1.6;transition:all .2s}.comment-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-dim)}.comment-input::placeholder,.comment-textarea::placeholder{color:var(--text-muted);opacity:.7}.form-bottom-row{display:flex;align-items:center;justify-content:flex-end;gap:12px}.comment-submit-btn{padding:10px 24px;background:var(--color-accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-full);font-weight:700;font-size:.85rem;font-family:monospace;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.comment-submit-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.comment-submit-btn:before{content:"";position:absolute;inset:-6px;pointer-events:auto}.comment-submit-btn{position:relative}.comment-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.copy-toast{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-120%);background:#333;color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;z-index:9999;pointer-events:none;white-space:nowrap;box-shadow:0 4px 16px #0003;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.copy-toast.show{transform:translate(-50%) translateY(0)}body.night-mode .copy-toast{background:#555;color:#f0e6d0;box-shadow:0 4px 16px #0006}@media(min-width:768px){html{font-size:15.5px}.notebook{border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.notebook-header-area{padding:24px 28px 6px}.blog-grid{display:grid;grid-template-columns:1fr 260px;gap:28px}.main-content{padding:0;background:transparent;box-shadow:none}.sidebar{position:sticky;top:24px;align-self:start}.ink-trail{display:block;position:fixed;pointer-events:none;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(80,50,20,.12) 0%,transparent 70%);z-index:9999;transition:opacity .1s}.site-header{padding:0 40px}.site-logo-icon{width:36px;height:36px}.site-logo-text{font-size:1.6rem}.menu-toggle,.nav-overlay,.nav-close{display:none}.site-nav{position:static;flex-direction:row;width:auto;height:auto;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;overflow:visible;gap:4px}body.night-mode .site-nav{background:transparent}.nav-list{flex-direction:row;overflow:visible}.nav-item-link{padding:6px 14px;border-radius:var(--radius-full);font-size:.85rem}.nav-item--action{margin-top:0}.nav-item--parent{position:relative;overflow:visible}.nav-item--sub{display:none}.nav-sub-panel{position:absolute;top:calc(100% + 0px);left:90%;transform:translate(-50%) translateY(4px);display:flex;flex-direction:column;padding:6px;min-width:180px;background:#faf5eaf5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-dim);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000001a;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none;z-index:200}.nav-sub-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav-item--parent.open .nav-sub-panel,.nav-item--parent:hover .nav-sub-panel{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}body.night-mode .nav-sub-panel{background:#2e2a22f7;border-color:#b496501f}body.night-mode .nav-sub-panel .nav-item-link{color:#e8dfcc}body.night-mode .nav-sub-panel .nav-item:hover{background:#ffffff14}body.night-mode .nav-sub-panel .nav-item.active{background:var(--color-accent);color:#fff}.nav-sub-panel .nav-item{display:flex;border-radius:var(--radius-full)}.nav-sub-panel .nav-item-link{padding:8px 12px;font-size:.85rem;line-height:1.3}.nav-sub-panel .nav-item-icon{font-size:.95rem}.nav-sub-panel .nav-item-icon svg{width:14px;height:14px}.nav-chevron{margin-left:4px}.hero-section{padding:32px 28px 16px;gap:28px}.hero-site-title{font-size:2.4rem}.hero-section.is-cover .hero-site-title{font-size:3.2rem}.hero-title{font-size:1.25rem}.hero-stars{font-size:.7rem}.hero-stats{grid-template-columns:repeat(4,1fr);max-width:640px;gap:16px}.stat-card{padding:16px 12px 14px}.stat-num{font-size:1.8rem}.recent-divider{max-width:480px;margin-left:auto;margin-right:auto}.recent-list{max-width:480px;margin:0 auto}.post-article{max-width:720px}.article-title{font-size:1.9rem}.article-content{font-size:1rem;line-height:32px}.article-hero{height:260px}.related-grid,.tech-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.feature-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.section-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:28px}.writing-page{padding:0 32px 40px}.editor-header{padding:24px 28px}.editor-title{font-size:1.6rem}.header-actions{flex-direction:row;justify-content:center}.small-btn{width:auto}.fm-card{padding:24px 28px}.fm-grid{grid-template-columns:repeat(2,1fr);gap:20px 28px}.action-bar{flex-direction:row;justify-content:space-between;align-items:center;padding:18px 24px}.action-group{justify-content:flex-start}.act-btn{flex:none;min-width:auto}.name-option{width:auto;flex-wrap:nowrap}.back-to-top{bottom:28px;right:28px;width:42px;height:42px}}@media(min-width:992px){.notebook{padding:76px 28px 16px}.blog-grid{grid-template-columns:1fr 300px;gap:40px}.post-article{max-width:860px}.hero-site-title{font-size:2.8rem}.hero-section.is-cover .hero-site-title{font-size:3.6rem}.hero-title{font-size:1.4rem}.article-title{font-size:2.2rem}.article-hero{height:280px}}@media(min-width:1200px){html{font-size:16px}.notebook{padding:76px 30px 16px}.blog-grid{grid-template-columns:260px 1fr 300px;gap:40px}.left-sidebar{display:block;position:sticky;top:25px;align-self:start}.sidebar{position:sticky;top:25px;align-self:start}.lamp-shadow{width:500px;height:500px}.left-sidebar-inner{display:flex;flex-direction:column;gap:28px}.category-nav{display:flex;flex-direction:column;gap:8px}.category-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-body);font-size:.9rem;font-weight:600;transition:all .2s;background:transparent}.category-link:hover{background:var(--color-accent-dim);color:var(--color-accent);transform:translate(4px)}.category-link.all-categories{background:var(--color-accent-soft);color:var(--text-heading)}.category-link.all-categories:hover{background:var(--color-accent-soft-hover)}.category-icon{font-size:1.1rem;flex-shrink:0;display:inline-flex;align-items:center}.category-icon svg{display:block;width:1.05em;height:1.05em}.category-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-count{font-size:.75rem;background:#c95a0f1a;color:var(--color-accent);padding:2px 8px;line-height:1.5;border-radius:20px;font-weight:800;flex-shrink:0}body.night-mode .category-count{background:#c95a0f33;color:#f0c47a}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:var(--bg-surface);border-radius:var(--radius-md);transition:all .2s}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.stat-number{font-size:1.8rem;font-weight:800;color:var(--color-accent);font-family:var(--font-mono)}.stat-label{font-size:.8rem;color:var(--text-muted);font-weight:600}body.night-mode .stat-item{background:var(--bg-card)}.search-form{display:flex;flex-direction:column;gap:12px}.search-input-group{position:relative;display:flex;align-items:center;background:var(--bg-surface);border-radius:var(--radius-md);padding:10px 12px;border:2px solid var(--border-dim);transition:all .2s}.search-input-group:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.search-input{flex:1;border:none;background:transparent;font-size:.9rem;color:var(--text-heading);outline:none;font-family:inherit}.search-input::placeholder{color:var(--text-muted)}.search-shortcut{font-size:.7rem;background:var(--color-accent-soft);color:var(--color-accent);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-weight:600;flex-shrink:0}.search-btn{width:100%;padding:10px;background:var(--color-accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.search-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-card)}.search-btn:before{content:"";position:absolute;inset:-6px;pointer-events:auto}.search-btn{position:relative}.search-tips{margin-top:12px;font-size:.75rem;color:var(--text-muted)}.quote-content{margin:0;padding:16px;background:var(--bg-surface);border-radius:var(--radius-md);border-left:4px solid var(--color-accent)}.quote-text{font-size:.95rem;line-height:1.6;color:var(--text-heading);font-style:italic;margin-bottom:12px}.quote-author{font-size:.8rem;color:var(--text-muted);text-align:right;font-weight:600}.quote-date{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:.75rem;color:var(--text-muted)}.date-icon{display:inline-flex;align-items:center;font-size:.9rem}.date-icon svg{display:block;width:1.1em;height:1.1em}}@media(min-width:1440px){html{font-size:17px}.lamp-shadow{width:600px;height:600px}}@media(max-height:600px)and (orientation:landscape){body,.notebook-header-area{padding:0}.site-header{margin-bottom:16px;padding-bottom:8px}}@media print{.lamp-shadow,.ink-trail,.back-to-top,.site-header,.sidebar,.notebook-footer-area{display:none!important}body{background:#fff;padding:0}.notebook{box-shadow:none;border-radius:0;max-width:100%}.article-content{font-size:12pt;line-height:1.6}a{color:#000;text-decoration:underline}.article-header{border:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.lamp-shadow,.ink-trail{display:none}}@media(prefers-contrast:high){:root{--border-light: #666;--border-dim: #888}.nav-item,.page-link,.act-btn{border:2px solid var(--text-heading)}}@media(max-width:640px){.music-fab{bottom:18px;left:16px;width:46px;height:46px;font-size:1.2rem}.music-popup{bottom:50%;left:50%;right:auto;transform:translate(-50%,50%) scale(.95);transform-origin:center}.music-popup.active{transform:translate(-50%,50%) scale(1)}.music-popup-card{width:85dvw;max-width:100%;max-height:85vh}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}