:root{color-scheme:light dark;--bg-gradient:linear-gradient(140deg, #eef1ff 0%, #fefefe 60%, #f4f7ff 100%);--bg-dark-gradient:#000000;--surface:rgba(255, 255, 255, 0.88);--surface-muted:rgba(255, 255, 255, 0.6);--surface-dark:rgba(18, 18, 18, 0.95);--surface-dark-muted:rgba(30, 30, 30, 0.8);--text:#111322;--text-muted:#5d6476;--text-inverse:#f7f8ff;--accent:#556bff;--accent-soft:rgba(85, 107, 255, 0.12);--accent-strong:#3644d8;--border:rgba(17, 19, 34, 0.08);--shadow-soft:0 18px 50px -24px rgba(15, 21, 46, 0.55);--shadow-strong:0 22px 60px -18px rgba(26, 33, 71, 0.45);--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--sidebar-width:320px}[data-theme=dark]{color-scheme:dark;--bg-gradient:var(--bg-dark-gradient);--surface:var(--surface-dark);--surface-muted:var(--surface-dark-muted);--text:#e5e7f6;--text-muted:#9ca7c7;--border:rgba(229, 231, 246, 0.08);--shadow-soft:0 18px 40px -20px rgba(0, 0, 0, 0.9);--shadow-strong:0 28px 80px -30px rgba(0, 0, 0, 0.95)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg-gradient:var(--bg-dark-gradient);--surface:var(--surface-dark);--surface-muted:var(--surface-dark-muted);--text:#e5e7f6;--text-muted:#9ca7c7;--border:rgba(229, 231, 246, 0.08);--shadow-soft:0 18px 40px -20px rgba(0, 0, 0, 0.9);--shadow-strong:0 28px 80px -30px rgba(0, 0, 0, 0.95)}}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Noto Sans TC","Segoe UI",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7;background:var(--bg-gradient);color:var(--text);font-display:swap}.page-chrome{min-height:100vh;display:flex;flex-direction:column;backdrop-filter:saturate(120%) blur(60px)}a{color:var(--accent);text-decoration:none}a:focus,a:hover{text-decoration:underline}.wrapper{width:min(1600px,98vw);margin:0 auto}@media (min-width:1600px){.wrapper{width:96vw}}@media (min-width:2400px){.wrapper{width:94vw}}.site-header{padding:3.5rem 0 2.5rem;position:relative}.site-header::after{content:"";position:absolute;left:0;bottom:0;width:100%;border-bottom:1px solid var(--border)}.site-header__top{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:768px){.site-header__top{flex-direction:row;align-items:center;justify-content:space-between}}@media (min-width:1400px){.site-tagline{max-width:680px}}.site-title{margin:0;font-size:clamp(2.6rem, 6vw, 3.4rem);letter-spacing:-.04em}.site-title a{color:inherit}.site-tagline{margin:.35rem 0 0;color:var(--text-muted);font-size:1.05rem;max-width:540px}.site-nav{display:inline-flex;gap:1.25rem;font-size:.95rem;flex-wrap:wrap}.site-nav a{padding:.4rem 0;border-bottom:2px solid transparent;font-weight:600;color:inherit}.site-nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.site-nav a:focus,.site-nav a:hover{border-color:var(--accent-strong);color:var(--accent-strong)}.theme-toggle{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text);transition:all .3s cubic-bezier(.4, 0, .2, 1);user-select:none;position:relative;overflow:hidden;backdrop-filter:blur(10px)}.theme-toggle::before{content:'';position:absolute;inset:0;background:var(--accent-soft);opacity:0;transition:opacity .3s ease;border-radius:999px}.theme-toggle:hover{background:var(--surface);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 28px rgba(85,107,255,.25)}.theme-toggle:hover::before{opacity:1}.theme-toggle:active{transform:translateY(0);box-shadow:0 4px 12px rgba(85,107,255,.2)}.theme-toggle__icon{line-height:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:20px;height:20px}.theme-toggle__icon svg{width:100%;height:100%;transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.theme-toggle:hover .theme-toggle__icon svg{transform:rotate(20deg) scale(1.1)}.theme-toggle__text{position:relative;z-index:1}[data-theme=dark] .theme-icon{filter:drop-shadow(0 0 2px rgba(255, 255, 255, .3))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-icon{filter:drop-shadow(0 0 2px rgba(255, 255, 255, .3))}}.site-cta{margin-top:2.5rem;padding:1.6rem 1.8rem;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1rem}.site-cta p{margin:0;color:var(--text-muted);font-size:.95rem}.layout-grid{display:flex;flex-direction:column;gap:2.5rem;padding:3rem 0 4rem}@media (min-width:1400px){.layout-grid{gap:3rem}}.hero-card{display:grid;grid-template-columns:1fr;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-strong);border:1px solid var(--border)}.hero-card[hidden]{display:grid;opacity:0;pointer-events:none}@media (min-width:1200px){.hero-card{grid-template-columns:1.2fr 1fr}.hero-card__media{min-height:320px}}@media (min-width:1600px){.hero-card{grid-template-columns:1.5fr 1fr}.hero-card__media{min-height:380px}}.hero-card__media{min-height:220px;background:linear-gradient(135deg,rgba(85,107,255,.7),rgba(120,74,255,.6));background-size:cover;background-position:center;aspect-ratio:16/9;contain:layout style paint}.hero-card__body{padding:clamp(2rem,3vw,3rem);display:flex;flex-direction:column;gap:1rem}.hero-card__category{text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;color:var(--accent-strong);margin:0}.hero-card__title{margin:0;font-size:clamp(2.1rem, 5vw, 2.8rem);line-height:1.2}.hero-card__title a{color:inherit}.hero-card__meta{margin:0;color:var(--text-muted);font-size:.95rem}.hero-card__summary{margin:0;font-size:1.05rem}.hero-card__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.5rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;font-weight:600;font-size:.95rem;padding:.65rem 1.2rem;border-radius:999px;border:1px solid var(--accent);color:var(--accent);background:0 0;cursor:pointer;transition:transform 160ms ease,box-shadow 160ms ease,background 160ms ease}.button:focus,.button:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(85,107,255,.25)}.button--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.button--primary:focus,.button--primary:hover{background:var(--accent-strong)}.button--ghost{border-color:rgba(85,107,255,.35);color:var(--accent-strong)}.content-grid{display:grid;gap:2rem}@media (min-width:1024px){.content-grid{grid-template-columns:1fr var(--sidebar-width);align-items:start}}@media (min-width:1600px){.content-grid{gap:2.5rem}}@media (min-width:2000px){.content-grid{gap:3rem}}.post-stream{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-soft);padding:clamp(2rem,3vw,2.8rem);contain:layout style;min-height:400px}.stream-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.stream-title{margin:0;font-size:1.6rem}.stream-subtitle{margin:0;color:var(--text-muted);font-size:.95rem}.search-toggle-container{position:relative;display:flex;align-items:center}.search-toggle-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:0 0;border:2px solid transparent;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);padding:0;position:relative;overflow:hidden}.search-toggle-btn::before{content:'';position:absolute;inset:0;background:var(--accent-soft);opacity:0;transition:opacity .3s ease;border-radius:var(--radius-sm)}.search-toggle-btn:hover::before{opacity:1}.search-toggle-btn:hover{color:var(--accent);transform:scale(1.05)}.search-toggle-btn.active{color:var(--accent);border-color:var(--accent)}.search-toggle-btn.active::before{opacity:1}.search-toggle-icon{width:20px;height:20px;position:relative;z-index:1;transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.search-toggle-btn:hover .search-toggle-icon{transform:rotate(-10deg) scale(1.1)}.search-toggle-btn.active .search-toggle-icon{transform:rotate(90deg)}.search-box{position:absolute;top:calc(100% + .5rem);right:0;width:0;opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.4, 0, .2, 1);z-index:100}.search-box.expanded{width:320px;opacity:1}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);backdrop-filter:blur(10px)}.search-icon{position:absolute;left:1rem;width:18px;height:18px;color:var(--text-muted);pointer-events:none;z-index:1}.search-input{width:100%;padding:.75rem 2.75rem .75rem 2.75rem;font-size:.95rem;font-family:inherit;color:var(--text);background:0 0;border:none;outline:0;transition:all .2s ease}.search-input::placeholder{color:var(--text-muted);opacity:.7}.search-input:focus{outline:0}.search-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-soft)}.search-clear{position:absolute;right:.5rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease;padding:0;z-index:1}.search-clear:hover{background:var(--accent-soft);color:var(--accent);transform:rotate(90deg)}.search-clear:active{transform:scale(.9) rotate(90deg)}.search-clear svg{width:16px;height:16px}.search-results-count{margin:.5rem 0 1rem;font-size:.9rem;color:var(--text-muted);font-weight:500}@media (max-width:768px){.search-box.expanded{width:280px}.search-box{position:fixed;top:4.5rem;right:1rem;left:1rem;width:auto}.search-box.expanded{width:auto}}.post-list{list-style:none;padding:0;margin:0;display:grid;gap:1.8rem}.post-card{padding-bottom:1.8rem;border-bottom:1px solid var(--border);contain:layout style}.post-card:last-child{border-bottom:none;padding-bottom:0}.post-card__header{display:flex;flex-direction:column;gap:.4rem}.post-card__category{margin:0;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong)}.post-card h3{margin:0;font-size:1.45rem;letter-spacing:-.01em}.post-card h3 a{color:inherit}.post-meta{margin:0;font-size:.9rem;color:var(--text-muted)}.post-summary{margin:.9rem 0 0;color:var(--text);font-size:1rem}.post-tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.post-tags span{background:var(--accent-soft);color:var(--accent-strong);font-size:.8rem;padding:.2rem .7rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.audio-indicator{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;color:var(--accent);opacity:.85;transition:all .2s ease;cursor:help;vertical-align:middle}.audio-indicator svg{width:1.2rem;height:1.2rem;filter:drop-shadow(0 1px 2px rgba(85, 107, 255, .2))}.audio-indicator:hover{opacity:1;transform:translateY(-1px)}.audio-indicator--hero svg{width:1.8rem;height:1.8rem;filter:drop-shadow(0 2px 4px rgba(85, 107, 255, .3))}.audio-indicator--article{margin-left:clamp(.5rem,2vw,1rem);display:inline-flex;align-items:center;vertical-align:middle}.audio-indicator--article svg{width:clamp(1.4rem,3vw,2.2rem);height:clamp(1.4rem,3vw,2.2rem);filter:drop-shadow(0 2px 6px rgba(85, 107, 255, .35));vertical-align:middle}.audio-indicator--compact{margin-left:.4rem!important}.audio-indicator--compact svg{width:1.3rem!important;height:1.3rem!important}@media (prefers-color-scheme:dark){.audio-indicator svg{filter:drop-shadow(0 1px 3px rgba(85, 107, 255, .4))}.audio-indicator--hero svg{filter:drop-shadow(0 2px 6px rgba(85, 107, 255, .5))}.audio-indicator--article svg{filter:drop-shadow(0 2px 8px rgba(85, 107, 255, .6))}}[data-theme=dark] .audio-indicator svg{filter:drop-shadow(0 1px 3px rgba(85, 107, 255, .4))}[data-theme=dark] .audio-indicator--hero svg{filter:drop-shadow(0 2px 6px rgba(85, 107, 255, .5))}[data-theme=dark] .audio-indicator--article svg{filter:drop-shadow(0 2px 8px rgba(85, 107, 255, .6))}@media (max-width:768px){.audio-indicator svg{width:1rem;height:1rem}.audio-indicator--hero svg{width:1.4rem;height:1.4rem}.audio-indicator--article{margin-left:.4rem}.audio-indicator--article svg{width:1.4rem;height:1.4rem}}@media (max-width:480px){.audio-indicator--article{margin-left:.3rem}.audio-indicator--article svg{width:1.2rem;height:1.2rem}}.sidebar{display:grid;gap:1.6rem;contain:layout style}.widget{background:var(--surface-muted);border-radius:var(--radius-md);padding:1.6rem;border:1px solid var(--border);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft);contain:layout style}.widget--profile{background:var(--surface)}.widget--note{font-size:.95rem;color:var(--text-muted)}.widget__title{margin:0 0 1rem;font-size:1.1rem}.widget__cta{margin:1rem 0 0;font-weight:600}.taxonomy-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem;min-height:5.5rem}.taxonomy-link{display:inline-flex;align-items:center;justify-content:space-between;width:100%;padding:.4rem 0;border-bottom:1px solid var(--border);font-size:.95rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem;min-height:4rem}.tag-cloud a{font-size:.9rem;padding:.25rem .75rem;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.35);color:inherit;transition:transform 120ms ease,box-shadow 120ms ease}.tag-cloud a:focus,.tag-cloud a:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(85,107,255,.18)}.notice{margin-top:1.5rem;padding:1rem;border-radius:var(--radius-sm);background:rgba(235,238,255,.5);color:var(--text-muted)}.error{color:#c94a4a;background:rgba(201,74,74,.12);padding:1rem;border-radius:var(--radius-sm);border:1px solid rgba(201,74,74,.35)}.site-footer{margin-top:auto;padding:3rem 0 3.5rem;color:var(--text-muted);font-size:.9rem;text-align:center}.site-footer a{font-weight:600}.post-page .site-header::after{display:none}.article-shell{padding:3rem 0 4rem}.article-layout{display:grid;gap:2.5rem}@media (min-width:1200px){.article-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}}@media (min-width:1600px){.article-layout{gap:3rem;grid-template-columns:minmax(0,1fr) 380px}}@media (min-width:2000px){.article-layout{gap:3.5rem;grid-template-columns:minmax(0,1fr) 400px}}.article{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-soft);overflow:hidden;contain:layout style}.article-hero{min-height:260px;background:linear-gradient(140deg,rgba(85,107,255,.28),rgba(98,242,255,.18));background-size:cover;background-position:center;position:relative;aspect-ratio:16/9;contain:layout style paint}.article-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(0,0,0,.25),transparent 60%);opacity:.5}.article-header{padding:clamp(2.2rem,3vw,3.5rem);position:relative}.article-header h1{margin:0 0 1rem;font-size:clamp(2.2rem, 5vw, 3.2rem);letter-spacing:-.02em}.article-category{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;color:var(--accent-strong)}.article-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.95rem;color:var(--text-muted);margin:0}.article-meta span::before{content:"•";margin:0 .6rem 0 .4rem}.article-meta span:first-child::before{display:none}.article-tags{padding:0 clamp(2.2rem,4vw,3rem) 0;display:flex;flex-wrap:wrap;gap:.65rem;margin-top:-1.8rem;margin-bottom:1.5rem}.article-tags span{background:var(--accent-soft);color:var(--accent-strong);font-size:.85rem;padding:.3rem .9rem;border-radius:999px;text-transform:uppercase;letter-spacing:.14em}.article-body{padding:0 clamp(2.2rem,2.5vw,3.5rem) clamp(2.5rem,4vw,4rem);font-size:1.05rem;max-width:none}@media (min-width:1600px){.article-body{font-size:1.08rem;line-height:1.75}}@media (min-width:2000px){.article-body{font-size:1.12rem;line-height:1.8}}.article-body h2,.article-body h3,.article-body h4{margin-top:2.2rem;margin-bottom:1rem}@media (min-width:1600px){.article-body h2,.article-body h3,.article-body h4{margin-top:2.5rem;margin-bottom:1.2rem}}.article-body p{margin:1.2rem 0}@media (min-width:1600px){.article-body p{margin:1.4rem 0}}.article-body blockquote{margin:1.5rem 0;padding:1.25rem 1.5rem;border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--text);position:relative}.article-body blockquote::before{content:'"';position:absolute;top:-.5rem;left:.75rem;font-size:3rem;font-family:Georgia,serif;color:var(--accent);opacity:.3;line-height:1}.article-body blockquote p{margin:0}.article-body blockquote p+p{margin-top:.75rem}.article-body blockquote blockquote{margin:1rem 0 0;border-left-color:var(--accent-strong);background:rgba(85,107,255,.08)}@media (prefers-color-scheme:dark){.article-body blockquote{background:rgba(85,107,255,.1)}.article-body blockquote blockquote{background:rgba(85,107,255,.15)}}[data-theme=dark] .article-body blockquote{background:rgba(85,107,255,.1)}[data-theme=dark] .article-body blockquote blockquote{background:rgba(85,107,255,.15)}.article-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid var(--border)}.article-body thead{background:var(--accent);color:#fff}.article-body th{padding:.875rem 1rem;text-align:left;font-weight:600;letter-spacing:.02em;border:1px solid rgba(255,255,255,.2)}.article-body td{padding:.75rem 1rem;border:1px solid var(--border)}.article-body tbody tr:nth-child(2n){background:var(--accent-soft)}.article-body tbody tr{transition:background .2s ease}.article-body tbody tr:hover{background:rgba(85,107,255,.12)}.article-body .table-wrapper{overflow-x:auto;margin:1.5rem 0;border-radius:var(--radius-sm)}.article-body .table-wrapper table{margin:0;min-width:500px}@media (prefers-color-scheme:dark){.article-body table{box-shadow:0 1px 3px rgba(0,0,0,.3)}.article-body thead{background:var(--accent-strong)}.article-body tbody tr:nth-child(2n){background:rgba(85,107,255,.08)}.article-body tbody tr:hover{background:rgba(85,107,255,.15)}}[data-theme=dark] .article-body table{box-shadow:0 1px 3px rgba(0,0,0,.3)}[data-theme=dark] .article-body thead{background:var(--accent-strong)}[data-theme=dark] .article-body tbody tr:nth-child(2n){background:rgba(85,107,255,.08)}[data-theme=dark] .article-body tbody tr:hover{background:rgba(85,107,255,.15)}.article-body img{max-width:100%;height:auto;display:block;margin:2rem auto;border-radius:var(--radius-md);box-shadow:0 10px 30px -10px rgba(0,0,0,.2)}.article-body picture{display:block;margin:2rem 0}.article-body picture img{margin:0 auto}@media (min-width:1600px){.article-body img{margin:2.5rem auto}.article-body picture{margin:2.5rem 0}}@media (prefers-color-scheme:dark){.article-body img{box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}}.article-body pre{background:#1e1e2e;color:#cdd6f4;padding:1.5rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.95rem;line-height:1.5;position:relative;margin:1.5rem 0;box-shadow:0 10px 30px -10px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.05)}.article-body .code-container{position:relative;margin:1.5rem 0}.article-body .code-language{position:absolute;top:.8rem;right:.8rem;background:rgba(255,255,255,.1);color:#a6adc8;font-size:.75rem;padding:.25rem .6rem;border-radius:.3rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.article-body .code-copy-btn{position:absolute;top:.8rem;right:4.5rem;background:rgba(255,255,255,.1);color:#a6adc8;border:none;font-size:.75rem;padding:.25rem .6rem;border-radius:.3rem;cursor:pointer;font-weight:600;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .2s ease;z-index:10;display:flex;align-items:center;justify-content:center}.article-body .code-copy-btn:hover{background:rgba(255,255,255,.2);color:#cdd6f4;transform:translateY(-1px)}.article-body .code-copy-btn:active{transform:translateY(0)}.article-body .code-copy-btn.copied{background:rgba(166,227,161,.2);color:#a6e3a1}.article-body .line-numbers{position:absolute;left:0;top:0;bottom:0;width:3rem;padding:1.5rem .5rem;background:rgba(0,0,0,.2);color:#6c7086;text-align:right;font-size:.85rem;line-height:1.5;user-select:none;border-right:1px solid rgba(255,255,255,.05)}.article-body pre.line-numbers-wrapper{padding-left:3.5rem}.article-body code{background:rgba(255,255,255,.1);color:#f38ba8;padding:.2rem .4rem;border-radius:.3rem;font-size:.9em;font-family:"JetBrains Mono","Fira Code",Consolas,monospace;border:1px solid rgba(255,255,255,.1)}.article-body pre code{background:0 0;color:inherit;padding:0;border-radius:0;font-size:inherit;border:none}.article-body .token.keyword{color:#cba6f7;font-weight:600}.article-body .token.string{color:#a6e3a1}.article-body .token.number{color:#fab387}.article-body .token.comment{color:#6c7086;font-style:italic}.article-body .token.function{color:#89b4fa}.article-body .token.variable{color:#f2cdcd}.article-body .token.operator{color:#94e2d5}.article-body .token.property{color:#f9e2af}.article-body .token.punctuation{color:#bac2de}.article-body .token.tag{color:#f38ba8}.article-body .token.attribute{color:#f9e2af}.article-body .token.class-name{color:#89dceb}@media (prefers-color-scheme:dark){.article-body pre{background:#11111b;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.article-body .line-numbers{background:rgba(0,0,0,.3)}}@media (max-width:768px){.article-body pre{padding:1rem;font-size:.85rem}.article-body .code-copy-btn,.article-body .code-language{font-size:.7rem;padding:.2rem .5rem}.article-body .code-copy-btn{right:3.8rem;display:flex!important}}.article-footer{padding:clamp(2.2rem,4vw,3.8rem);border-top:1px solid var(--border);background:var(--surface-muted);display:grid;gap:1.4rem;min-height:400px;contain:layout style}.article-share{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.95rem;min-height:48px}.article-share a{padding:.5rem .9rem;border-radius:999px;border:1px solid var(--border);font-weight:600;transition:transform 120ms ease,box-shadow 120ms ease,border 120ms ease}.article-share a:focus,.article-share a:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(85,107,255,.2);border-color:var(--accent)}.article-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.95rem}.article-nav__link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;border:1px solid transparent;padding:.4rem .8rem;border-radius:999px}.article-nav__link.is-disabled{color:var(--text-muted);border-color:transparent;pointer-events:none}.article-sidebar{display:grid;gap:1.5rem}.article-sidebar .widget{background:var(--surface)}.comments-callout{display:grid;gap:.6rem}.comments-callout p:last-child{margin-bottom:0}.breadcrumb{margin:0 0 1.25rem;font-size:.875rem;display:flex;align-items:center;gap:.75rem;color:var(--text-muted)}.breadcrumb a{color:var(--text-muted);font-weight:500;transition:color .2s ease;position:relative}.breadcrumb a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .2s ease}.breadcrumb a:hover{color:var(--accent);text-decoration:none}.breadcrumb a:hover::after{width:100%}.breadcrumb span#breadcrumb-current{color:var(--text);font-weight:600;max-width:calc(100vw - 150px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.breadcrumb span#breadcrumb-current{max-width:none}}.breadcrumb-separator{color:var(--text-muted);opacity:.4;font-size:.75rem;user-select:none}.related-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem;font-size:.95rem}.related-list a{font-weight:600}@media (max-width:768px){.site-cta{padding:1.2rem 1.4rem}.hero-card__body{padding:1.6rem}.post-stream{padding:1.6rem}}::view-transition-old(root){animation:fade-out .3s ease-out}::view-transition-new(root){animation:fade-in .4s ease-in}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::view-transition-new([style*="view-transition-name: post-card-"]),::view-transition-old([style*="view-transition-name: post-card-"]){animation-duration:.5s;animation-timing-function:cubic-bezier(0.4,0,0.2,1)}::view-transition-old([style*="view-transition-name: post-card-"]){animation-name:card-fade-out}::view-transition-new([style*="view-transition-name: post-card-"]){animation-name:card-fade-in}@keyframes card-fade-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes card-fade-in{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}::view-transition-new([style*="view-transition-name: post-title-"]),::view-transition-old([style*="view-transition-name: post-title-"]){animation-duration:.4s;animation-timing-function:cubic-bezier(0.4,0,0.2,1)}::view-transition-old([style*="view-transition-name: post-title-"]){animation-name:title-fade-out}::view-transition-new([style*="view-transition-name: post-title-"]){animation-name:title-fade-in}@keyframes title-fade-out{from{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(4px)}}@keyframes title-fade-in{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}::view-transition-new([style*="view-transition-name: featured-title"]),::view-transition-old([style*="view-transition-name: featured-title"]){animation-duration:.5s;animation-timing-function:cubic-bezier(0.4,0,0.2,1)}::view-transition-new([style*="view-transition-name: post-hero-"]),::view-transition-old([style*="view-transition-name: post-hero-"]){animation-duration:.6s;animation-timing-function:cubic-bezier(0.4,0,0.2,1)}::view-transition-old([style*="view-transition-name: post-hero-"]){animation-name:hero-fade-out}::view-transition-new([style*="view-transition-name: post-hero-"]){animation-name:hero-fade-in}@keyframes hero-fade-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes hero-fade-in{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){::view-transition-new(*),::view-transition-new(root),::view-transition-old(*),::view-transition-old(root){animation:none!important;transition:none!important}}.audio-player{background:var(--card-background,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:12px;padding:1.5rem;margin:2rem 0;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:box-shadow .3s ease}.audio-player:hover{box-shadow:0 4px 16px rgba(0,0,0,.12)}.audio-player audio{display:none}.audio-controls{display:flex;align-items:center;gap:1rem}.audio-btn{background:var(--accent-color,#556bff);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:#fff}.audio-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(85,107,255,.3)}.audio-btn:active{transform:scale(.95)}.audio-btn svg{width:24px;height:24px}.audio-progress-container{flex:1;display:flex;flex-direction:column;gap:.5rem}.audio-progress{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--accent-color,#556bff) 0,var(--accent-color,#556bff) 0,var(--border-color,#e0e0e0) 0,var(--border-color,#e0e0e0) 100%);outline:0;cursor:pointer;transition:height .2s ease}.audio-progress:hover{height:8px}.audio-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color,#556bff);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .2s ease}.audio-progress::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px rgba(85,107,255,.4)}.audio-progress::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-color,#556bff);cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .2s ease}.audio-progress::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px rgba(85,107,255,.4)}.audio-time{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary,#666);font-variant-numeric:tabular-nums}.audio-speed{position:relative;flex-shrink:0}.speed-btn{background:var(--card-background,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:8px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:60px;color:var(--text-primary,#333)}.speed-btn:hover{background:var(--hover-background,#f5f5f5);border-color:var(--accent-color,#556bff)}.speed-menu{position:absolute;bottom:calc(100% + .5rem);right:0;background:var(--card-background,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:10;min-width:80px}.speed-menu button{background:0 0;border:none;border-radius:4px;padding:.5rem .75rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:left;color:var(--text-primary,#333)}.speed-menu button:hover{background:var(--hover-background,#f5f5f5)}.speed-menu button.active{background:var(--accent-color,#556bff);color:#fff;font-weight:600}.audio-volume{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.volume-btn{background:0 0;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary,#666)}.volume-btn:hover{background:var(--hover-background,#f5f5f5);color:var(--accent-color,#556bff)}.volume-btn svg{width:20px;height:20px}.volume-slider{-webkit-appearance:none;appearance:none;width:80px;height:4px;border-radius:2px;background:var(--border-color,#e0e0e0);outline:0;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-color,#556bff);cursor:pointer;transition:transform .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent-color,#556bff);cursor:pointer;border:none;transition:transform .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}@media (prefers-color-scheme:dark){.audio-player{background:var(--card-background,#1e1e1e);border-color:var(--border-color,#333)}.speed-btn,.speed-menu{background:var(--card-background,#1e1e1e);border-color:var(--border-color,#333);color:var(--text-primary,#e0e0e0)}.speed-menu button{color:var(--text-primary,#e0e0e0)}.speed-menu button:hover{background:var(--hover-background,#2a2a2a)}.volume-btn:hover{background:var(--hover-background,#2a2a2a)}}[data-theme=dark] .audio-player{background:var(--card-background,#1e1e1e);border-color:var(--border-color,#333)}[data-theme=dark] .speed-btn,[data-theme=dark] .speed-menu{background:var(--card-background,#1e1e1e);border-color:var(--border-color,#333);color:var(--text-primary,#e0e0e0)}[data-theme=dark] .speed-menu button{color:var(--text-primary,#e0e0e0)}[data-theme=dark] .speed-menu button:hover{background:var(--hover-background,#2a2a2a)}[data-theme=dark] .volume-btn:hover{background:var(--hover-background,#2a2a2a)}.audio-attribution{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color,#e0e0e0);font-size:.75rem;color:var(--text-secondary,#666);text-align:center;opacity:.8;transition:opacity .2s ease}.audio-attribution:hover{opacity:1}.audio-attribution a{color:var(--accent-color,#556bff);text-decoration:none;font-weight:500;transition:all .2s ease}.audio-attribution a:hover{text-decoration:underline;color:var(--accent-strong,#3644d8)}.audio-error{margin-top:1rem;padding:.75rem 1rem;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:500;text-align:center;display:none;animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.audio-attribution{border-top-color:var(--border-color,#333)}.audio-error{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);color:#ef4444}}[data-theme=dark] .audio-attribution{border-top-color:var(--border-color,#333)}[data-theme=dark] .audio-error{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);color:#ef4444}@media (max-width:768px){.audio-controls{flex-wrap:wrap}.audio-progress-container{order:3;width:100%;margin-top:.5rem}.audio-volume{order:2}.volume-slider{width:60px}}@media (max-width:480px){.audio-player{padding:1rem}.audio-controls{gap:.75rem}.audio-btn{width:44px;height:44px}.audio-btn svg{width:20px;height:20px}.volume-slider{display:none}.audio-attribution{font-size:.7rem;margin-top:.75rem;padding-top:.5rem}}.birthday-theme{display:none}.birthday-theme.is-active{display:block}.birthday-banner{background:linear-gradient(135deg,#ff6b9d 0,#e91e63 25%,#ff4081 50%,#ff6b9d 75%,#e91e63 100%);background-size:300% 300%;animation:birthday-gradient 8s ease infinite;padding:1rem 1.5rem;text-align:center;color:#fff;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(233,30,99,.4)}@keyframes birthday-gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.birthday-banner::before{content:'🎂';position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;animation:birthday-bounce 2s ease-in-out infinite}.birthday-banner::after{content:'🎉';position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;animation:birthday-bounce 2s ease-in-out infinite .5s}@keyframes birthday-bounce{0%,100%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}.birthday-banner__text{display:inline-flex;align-items:center;gap:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.birthday-banner__close{position:absolute;right:3.5rem;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.birthday-banner__close:hover{background:rgba(255,255,255,.4)}.anniversary-section{background:linear-gradient(135deg,rgba(233,30,99,.08) 0,rgba(255,64,129,.08) 100%);border:2px solid rgba(233,30,99,.25);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.anniversary-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,64,129,.1) 0,transparent 70%);animation:anniversary-glow 10s ease-in-out infinite}@keyframes anniversary-glow{0%,100%{transform:translate(0,0)}50%{transform:translate(10%,10%)}}.anniversary-section__badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#e91e63,#ff4081);color:#fff;padding:.4rem 1rem;border-radius:999px;font-size:.85rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 15px rgba(233,30,99,.3)}.anniversary-section__title{margin:0 0 .75rem;font-size:clamp(1.5rem, 4vw, 2rem);color:var(--text);position:relative;z-index:1}.anniversary-section__subtitle{margin:0 0 1rem;color:var(--text-muted);font-size:1rem;position:relative;z-index:1}.anniversary-section__link{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;padding:.75rem 1.5rem;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;position:relative;z-index:1}.anniversary-section__link:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(233,30,99,.4);text-decoration:none}.yearly-stats{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.yearly-stats__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.yearly-stats__icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.yearly-stats__title{margin:0;font-size:1.1rem;color:var(--text)}.yearly-stats__year{color:var(--accent);font-weight:700}.yearly-stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.yearly-stats__item{text-align:center;padding:1rem;background:var(--accent-soft);border-radius:var(--radius-sm);transition:transform .2s ease}.yearly-stats__item:hover{transform:scale(1.02)}.yearly-stats__number{display:block;font-size:2rem;font-weight:700;color:var(--accent-strong);line-height:1.2}.yearly-stats__label{display:block;font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.yearly-stats__categories{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.yearly-stats__categories-title{font-size:.9rem;color:var(--text-muted);margin:0 0 .75rem}.yearly-stats__category-list{display:flex;flex-wrap:wrap;gap:.5rem}.yearly-stats__category{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;font-size:.8rem;color:var(--text)}.yearly-stats__category-count{background:var(--accent);color:#fff;padding:.1rem .4rem;border-radius:999px;font-size:.7rem;font-weight:600}[data-theme=dark] .birthday-banner{box-shadow:0 4px 20px rgba(233,30,99,.5)}[data-theme=dark] .anniversary-section{background:linear-gradient(135deg,rgba(233,30,99,.15) 0,rgba(255,64,129,.12) 100%);border-color:rgba(233,30,99,.35)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .birthday-banner{box-shadow:0 4px 20px rgba(233,30,99,.5)}:root:not([data-theme=light]) .anniversary-section{background:linear-gradient(135deg,rgba(233,30,99,.15) 0,rgba(255,64,129,.12) 100%);border-color:rgba(233,30,99,.35)}}@media (max-width:768px){.birthday-banner{padding:.75rem 1rem;font-size:.9rem}.birthday-banner::after,.birthday-banner::before{display:none}.birthday-banner__close{right:.5rem}.anniversary-section{padding:1.5rem}.anniversary-section__title{font-size:1.3rem}.yearly-stats__grid{gap:.75rem}.yearly-stats__number{font-size:1.5rem}}