.breadcrumb{margin-bottom:20px;background:var(--bg-card);border-radius:10px;padding:12px 20px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0;padding:0;font-size:.95rem;color:var(--text-secondary)}.breadcrumb-item{display:inline-flex;align-items:center}.breadcrumb-item a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--accent-color)}.breadcrumb-item+.breadcrumb-item::before{content:'›';margin-right:8px;color:var(--text-muted);font-weight:300;font-size:1em}.breadcrumb-item.active{color:var(--text-primary);font-weight:500}[data-theme=dark] .breadcrumb-item{color:var(--text-secondary)}[data-theme=dark] .breadcrumb-item a{color:var(--text-secondary)}[data-theme=dark] .breadcrumb-item a:hover{color:#93c5fd}[data-theme=dark] .breadcrumb-item.active{color:var(--text-primary)}.reading-progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;background:0 0;pointer-events:auto;cursor:pointer}.reading-progress-bar .reading-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));border-radius:0 2px 2px 0;transition:width .15s ease-out;box-shadow:0 0 6px rgba(59,130,246,.4)}.reading-progress-bar:hover{height:5px}.reading-progress-bar:hover .reading-progress-fill{box-shadow:0 0 12px rgba(59,130,246,.6)}.reading-progress-tooltip{position:fixed;top:8px;right:20px;padding:4px 10px;background:rgba(0,0,0,.75);color:#fff;font-size:.75rem;font-weight:600;border-radius:6px;z-index:10000;opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;pointer-events:none}.reading-progress-tooltip.show{opacity:1;visibility:visible;transform:translateY(0)}[data-theme=dark] .reading-progress-bar .reading-progress-fill{box-shadow:0 0 8px rgba(96,165,250,.5)}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}[data-theme=dark] :focus-visible{outline-color:var(--accent-color)}a:focus-visible,button:focus-visible{border-radius:4px}.search-input:focus-visible,.encrypt-input-group input[type=password]:focus-visible,.encrypt-wrapper #encrypt-pwd:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.banner-slide{animation:none!important}.vinyl-disc{animation:none!important}.theme-ripple-mask{animation:none!important;clip-path:none!important}.shimmer{display:none!important}.particle{animation:none!important;display:none!important}.typing-cursor{animation:none!important;opacity:0!important}}:root{--bg-primary:#F9FAFB;--bg-secondary:#f1f3f5;--bg-tertiary:#e9ecef;--bg-card:#ffffff;--bg-code:#f6f8fa;--text-primary:#1a1a2e;--text-secondary:#4a4a68;--text-tertiary:#6c6c8a;--text-muted:#9a9ab0;--border-color:#e1e4e8;--border-light:#f0f0f5;--accent-color:#3b82f6;--accent-hover:#2563eb;--accent-light:#eff6ff;--tag-bg:#e8f4fd;--tag-text:#0369a1;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--header-height:64px;--header-offset:60px;--sidebar-width:350px;--max-width:100%;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.8s cubic-bezier(0.4, 0, 0.2, 1)}[data-theme=dark]{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-tertiary:#252542;--bg-card:#1a1a2e;--bg-code:#252542;--text-primary:#e8e8f0;--text-secondary:#b8b8d0;--text-tertiary:#8888a8;--text-muted:#6868a0;--border-color:#2d2d4a;--border-light:#3d3d5a;--accent-color:#60a5fa;--accent-hover:#3b82f6;--accent-light:#1e3a5f;--tag-bg:#1e3a5f;--tag-text:#93c5fd;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3)}html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] #swup-main{background-color:var(--bg-primary)}@media(prefers-color-scheme:dark){[data-theme=auto]{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-tertiary:#252542;--bg-card:#1a1a2e;--bg-code:#252542;--text-primary:#e8e8f0;--text-secondary:#b8b8d0;--text-tertiary:#8888a8;--text-muted:#6868a0;--border-color:#2d2d4a;--border-light:#3d3d5a;--accent-color:#60a5fa;--accent-hover:#3b82f6;--accent-light:#1e3a5f;--tag-bg:#1e3a5f;--tag-text:#93c5fd}html[data-theme=auto],html[data-theme=auto] body,html[data-theme=auto] #swup-main{background-color:var(--bg-primary)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-offset);-webkit-text-size-adjust:100%;background-color:var(--bg-primary)}body.is-switching-theme,body.is-switching-theme *,body.is-switching-theme *::before,body.is-switching-theme *::after{transition:none!important}html{transition:background-color var(--transition-slow),color var(--transition-slow)}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans sc,microsoft yahei,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-slow),color var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-color)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:0 0;font-family:inherit}ul,ol{list-style:none}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-color);color:#fff;padding:8px 16px;z-index:1000;transition:top var(--transition-fast)}.skip-link:focus{top:0}.container{width:100%;max-width:100%;margin:0 auto;padding:0 85px}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background var(--transition-slow),background-color var(--transition-slow),color var(--transition-slow),border-color var(--transition-slow)}.home-page .site-header{background:rgba(255,255,255,.65)}.home-page .site-header .header-title{color:#1a1a2e}.home-page .site-header .nav-link{color:#333}.home-page .site-header .action-btn{color:#555}.home-page .site-header .nav-link:hover,.home-page .site-header .nav-link.active{color:#3b82f6;background:0 0}.home-page .site-header .header-clock{color:#555}.site-header.scrolled{background:rgba(255,255,255,.75)}.site-header.scrolled .header-title{color:var(--text-primary)}.site-header.scrolled .nav-link{color:var(--text-secondary)}.site-header.scrolled .action-btn{color:var(--text-secondary)}.header-wrapper{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.header-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-logo{height:36px;width:auto}.header-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.header-nav{margin-left:auto;margin-right:16px}.nav-list{display:flex;gap:4px}.nav-icon{margin-right:4px;font-size:.95em;vertical-align:middle}.nav-item-dropdown{position:relative}.nav-link-dropdown{display:flex;align-items:center;gap:2px;cursor:default}.dropdown-arrow{transition:transform var(--transition-fast);flex-shrink:0}.nav-item-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:auto;max-width:180px;background:var(--bg-card,#fff);border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,6%);border:1px solid var(--border-light,rgba(0,0,0,6%));padding:6px 0;opacity:0;visibility:hidden;pointer-events:none;z-index:100;list-style:none;transition:opacity .25s ease,visibility .25s ease}.dropdown-menu::before{content:'';position:absolute;top:-5px;left:20px;transform:rotate(45deg);width:10px;height:10px;background:var(--bg-card,#fff);border-left:1px solid var(--border-light,rgba(0,0,0,6%));border-top:1px solid var(--border-light,rgba(0,0,0,6%))}.nav-item-dropdown:hover>.dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}.explore-dropdown{max-width:260px;padding:8px 0}.explore-group-title{display:flex;align-items:center;gap:6px;padding:8px 16px 4px;font-size:.78rem;font-weight:700;color:var(--accent-color,#667eea);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-light,rgba(0,0,0,6%));margin:0 8px 4px;white-space:nowrap}.explore-group-title i{font-size:.75rem;opacity:.8}.explore-dropdown .explore-group-title:first-child{padding-top:4px}.explore-group-title+.dropdown-item .dropdown-link{padding-left:16px}.explore-all-link{border-top:1px solid var(--border-light,rgba(0,0,0,6%));margin-top:4px;padding-top:4px}.explore-all-link .dropdown-link{justify-content:center;font-weight:600;font-size:.8rem;color:var(--accent-color,#667eea)}[data-theme=dark] .explore-group-title{border-bottom-color:rgba(255,255,255,8%);color:#818cf8}[data-theme=dark] .explore-all-link{border-top-color:rgba(255,255,255,8%)}[data-theme=dark] .explore-all-link .dropdown-link{color:#818cf8}.mobile-nav-group-title{display:flex;align-items:center;padding:8px 16px 6px;margin-top:6px;font-size:.8rem;font-weight:700;color:var(--accent-color,#667eea);border-bottom:1px solid var(--border-light,rgba(0,0,0,6%));letter-spacing:.02em}.mobile-nav-group-title:first-child{margin-top:0}[data-theme=dark] .mobile-nav-group-title{border-bottom-color:rgba(255,255,255,8%);color:#818cf8}.dropdown-item{margin:0;padding:0}.dropdown-link{display:flex;align-items:center;gap:8px;padding:8px 16px;color:var(--text-secondary,#555);font-size:.86rem;font-weight:400;text-decoration:none;white-space:nowrap;transition:color var(--transition-fast),background-color var(--transition-fast),padding-left var(--transition-fast)}.dropdown-link:hover{color:var(--accent-color,#2a9d8f);background:color-mix(in srgb,var(--accent-color,#2a9d8f) 6%,transparent);padding-left:20px}.nav-link{display:flex;align-items:center;gap:4px;padding:8px 16px;color:var(--text-secondary);font-weight:500;border-radius:8px;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--accent-color);background:0 0}.header-actions{display:flex;align-items:center;gap:4px}.header-clock{font-size:.9rem;font-weight:500;color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;letter-spacing:.5px;margin-left:12px;margin-right:8px;white-space:nowrap}.action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast)}.action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}.mobile-menu-toggle{display:none}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:16px 0}.mobile-menu.active{display:block}.mobile-nav-list{display:flex;flex-direction:column;gap:4px}.mobile-nav-link{display:block;padding:12px 16px;color:var(--text-secondary);border-radius:8px}.mobile-nav-link:hover{background:var(--bg-secondary)}.mobile-nav-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.mobile-nav-toggle .dropdown-arrow{flex-shrink:0;transition:transform var(--transition-fast)}.mobile-nav-item.active .mobile-nav-toggle .dropdown-arrow{transform:rotate(180deg)}.mobile-dropdown-menu{display:none;padding-left:20px;list-style:none}.mobile-nav-item.active .mobile-dropdown-menu{display:block}.mobile-nav-link.sub-item{padding:10px 16px 10px 24px;font-size:.9rem}.search-modal,.search-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:10000;align-items:flex-start;justify-content:center;padding-top:calc(var(--header-offset) + 20px);animation:searchFadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes searchFadeIn{from{opacity:0}to{opacity:1}}.search-modal.active,.search-overlay.active{display:flex}.search-modal-content,.search-container{width:100%;max-width:640px;background:var(--bg-card);border-radius:16px;padding:24px;box-shadow:var(--shadow-lg),0 25px 50px -12px rgba(0,0,0,.25);margin:0 24px;animation:searchSlideIn .25s cubic-bezier(.22,1,.36,1)}@keyframes searchSlideIn{from{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.content-fade-wrapper{opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.content-fade-wrapper.fade-in{opacity:1;transform:translateY(0)}.search-input-wrapper,.search-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-secondary);border-radius:12px;border:2px solid transparent;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.search-header .search-icon{flex-shrink:0;color:var(--text-muted)}.search-input-wrapper:focus-within,.search-header:focus-within{border-color:rgba(59,130,246,.5);box-shadow:0 0 0 3px rgba(59,130,246,.1)}[data-theme=dark] .search-input-wrapper:focus-within,[data-theme=dark] .search-header:focus-within{border-color:rgba(96,165,250,.4);box-shadow:0 0 0 3px rgba(96,165,250,8%)}.search-input{flex:1;border:none;background:0 0;font-size:1rem;color:var(--text-primary);outline:none;min-width:0}.search-input::placeholder{color:var(--text-muted)}.search-kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:.7rem;font-family:inherit;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;line-height:1.6;flex-shrink:0}.search-close{background:0 0;border:none;padding:6px;cursor:pointer;color:var(--text-secondary);border-radius:8px;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.search-hint{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 0 2px;font-size:.75rem;color:var(--text-muted)}.search-hint-item{display:flex;align-items:center;gap:4px}.search-hint-item kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;font-size:.68rem;font-family:inherit;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;line-height:1.5}.search-results{margin-top:8px;max-height:420px;overflow-y:auto}.search-result-item{display:block;padding:14px 16px;border-radius:10px;margin-bottom:6px;text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast);border:1px solid transparent}.search-result-item:hover,.search-result-item.active{background:var(--bg-secondary);transform:translateX(4px);border-color:var(--border-light)}.search-result-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.search-result-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-date{font-size:.75rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.search-result-snippet{font-size:.85rem;color:var(--text-tertiary);line-height:1.6;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.search-result-cat{display:inline-block;font-size:.72rem;color:var(--text-muted);padding:2px 8px;background:var(--bg-secondary);border-radius:6px}.search-result-tag{display:inline-block;font-size:.7rem;color:rgba(59,130,246,.8);padding:1px 6px;background:rgba(59,130,246,8%);border-radius:4px}[data-theme=dark] .search-result-tag{color:rgba(96,165,250,.9);background:rgba(96,165,250,.1)}.search-empty{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:.9rem}.search-empty small{display:block;margin-top:6px;font-size:.78rem;opacity:.7}.search-highlight{background:linear-gradient(120deg,rgba(59,130,246,.28) 0%,rgba(99,102,241,.28) 100%);color:var(--text-primary);padding:1px 4px;border-radius:3px;font-weight:600}[data-theme=dark] .search-highlight{background:linear-gradient(120deg,rgba(96,165,250,.38) 0%,rgba(167,139,250,.38) 100%)}.search-bar-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;margin-left:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:.84rem;font-family:inherit;transition:color .2s ease,background-color .2s ease,border-color .2s ease;white-space:nowrap}.search-bar-toggle:hover{border-color:rgba(59,130,246,.5);color:var(--text-primary);background:var(--bg-secondary);box-shadow:0 2px 8px rgba(59,130,246,.1)}.search-bar-toggle svg{flex-shrink:0;color:var(--text-secondary)}.search-bar-text{color:var(--text-secondary);font-weight:500}.search-bar-kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;font-size:.65rem;font-family:inherit;color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;line-height:1.5;margin-left:4px}[data-theme=dark] .search-bar-toggle{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .search-bar-toggle:hover{border-color:rgba(96,165,250,.5);color:var(--text-primary);background:var(--bg-secondary);box-shadow:0 2px 8px rgba(96,165,250,8%)}[data-theme=dark] .search-bar-toggle svg{color:var(--text-secondary)}[data-theme=dark] .search-bar-text{color:var(--text-secondary)}[data-theme=dark] .search-bar-kbd{color:var(--text-tertiary);background:var(--bg-secondary);border-color:var(--border-color)}@media(max-width:768px){.search-bar-toggle{padding:5px 10px;margin-left:8px;gap:4px}.search-bar-text{display:none}.search-bar-kbd{display:none}}@media(max-width:768px){.search-container{margin:0 12px;padding:16px;border-radius:14px}.search-overlay{padding-top:calc(var(--header-offset) + 10px)}.search-header{padding:10px 12px;gap:8px}.search-input{font-size:16px}.search-kbd{display:none}.search-hint{display:none}.search-results{max-height:55vh}.search-result-item{padding:12px 14px}.search-result-title{font-size:.9rem}}.site-banner{position:relative;height:100vh;min-height:600px;margin-top:0;overflow:hidden;background:#0a0e1a}.banner-slideshow{position:absolute;inset:0;z-index:0}.banner-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease-in-out}.banner-slide.active{opacity:1;z-index:1}.banner-slide.active .banner-slide-image{animation:breathe 10s ease-in-out infinite}@keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.06)}100%{transform:scale(1)}}.banner-slide-image{width:100%;height:100%;object-fit:cover;object-position:center}.banner-background{position:absolute;inset:0;background-size:cover;background-position:50%}.banner-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.25) 0%,rgba(0,0,0,.35) 50%,rgba(0,0,0,.5) 100%);z-index:1}.banner-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;width:100%;padding:0 24px}.banner-title{font-size:4rem;font-weight:800;margin-bottom:24px;text-shadow:0 4px 30px rgba(0,0,0,.6);letter-spacing:4px}.banner-typewriter{display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:40px}.typewriter-text{font-size:1.5rem;opacity:.95;text-shadow:0 2px 15px rgba(0,0,0,.5);letter-spacing:2px;display:inline-block;min-width:10px}.typewriter-cursor{font-size:1.5rem;opacity:.95;animation:blink .8s step-end infinite;margin-left:4px;color:#fff;font-weight:300}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}.banner-subtitle{font-size:1.125rem;opacity:.9;max-width:500px}.scroll-down-hint{position:absolute;bottom:180px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font-size:.9rem;opacity:.85;cursor:pointer;transition:opacity .3s ease;animation:float 3s ease-in-out infinite}.scroll-down-hint:hover{opacity:1}@keyframes float{0%,100%{transform:translateX(-50%)translateY(0)}50%{transform:translateX(-50%)translateY(-15px)}}.banner-waves{position:absolute;bottom:0;left:0;width:100%;height:12vh;max-height:150px;min-height:80px;margin-bottom:-1px;z-index:5;pointer-events:none}.hero-waves{position:relative;width:100%;height:100%}.hero-waves .parallax>.wave-layer{animation:wave-move 25s cubic-bezier(.55,.5,.45,.5)infinite}.hero-waves .parallax>.wave-layer:nth-child(1){animation-delay:-2s;animation-duration:7s}.hero-waves .parallax>.wave-layer:nth-child(2){animation-delay:-3s;animation-duration:10s}.hero-waves .parallax>.wave-layer:nth-child(3){animation-delay:-4s;animation-duration:13s}.hero-waves .parallax>.wave-layer:nth-child(4){animation-delay:-5s;animation-duration:16s}.wave-layer-1{fill:rgba(200,205,210,.35)}.wave-layer-2{fill:rgba(220,225,230,.55)}.wave-layer-3{fill:rgba(240,243,246,.75)}.wave-layer-4{fill:#f9fafb}[data-theme=dark] .wave-layer-1{fill:rgba(30,35,50,.4)}[data-theme=dark] .wave-layer-2{fill:rgba(20,25,38,.55)}[data-theme=dark] .wave-layer-3{fill:rgba(15,18,28,.7)}[data-theme=dark] .wave-layer-4{fill:#0f0f1a}@keyframes wave-move{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}}.main-wrapper{padding:0 0 32px;background:var(--bg-primary)}.main-wrapper:has(#gallery-page),.main-wrapper:has(#music-player),.main-wrapper:has(#moments-page),.main-wrapper:has(#travel-page),.main-wrapper:has(#trip-page),.main-wrapper:has(#pomo-page),.main-wrapper:has(#tools-page),.main-wrapper:has(#explore-page),.main-wrapper:has(#pixelart-page),.main-wrapper:has(#screeneffects-page),.main-wrapper:has(#globe-page),.main-wrapper:has(#notes-page),.main-wrapper:has(#movie-page),.main-wrapper:has(#book-page),.main-wrapper:has(#game-page),.main-wrapper:has(#minesweeper-page),.main-wrapper:has(#gomoku-page){padding:var(--header-offset)0 0!important}.layout-grid{display:grid;grid-template-columns:var(--sidebar-width)1fr;gap:60px;padding-top:var(--header-offset)}.has-toc .layout-grid{grid-template-columns:var(--sidebar-width)1fr var(--sidebar-width);gap:50px}.sidebar-right .layout-grid{grid-template-columns:1fr var(--sidebar-width)}.sidebar{height:fit-content}.main-content{min-width:0}#main-content{scroll-margin-top:var(--header-offset)}.sidebar-widgets{display:flex;flex-direction:column;gap:20px}.widget{background:var(--bg-card);border-radius:16px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:background-color var(--transition-slow),color var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow),transform .3s cubic-bezier(.4,0,.2,1)}.widget:hover{transform:translateY(-2px);box-shadow:0 0 20px 2px rgba(59,130,246,.1),0 0 12px 1px rgba(59,130,246,.15),0 4px 16px rgba(0,0,0,8%)}.widget-title{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-lighter,rgba(128,128,128,.15));text-transform:uppercase;letter-spacing:.5px}.widget-title svg{color:var(--accent-color)}.widget-weather{text-align:center}.weather-widget-body{padding:8px 0 4px}.weather-loading{font-size:.82rem;color:var(--text-tertiary);padding:12px 0}.weather-primary{display:flex;align-items:center;justify-content:center;gap:10px}.weather-icon{font-size:2rem;line-height:1}.weather-temp{font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1}.weather-desc{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.weather-city{margin-top:4px;font-size:.75rem;color:var(--text-tertiary)}.weather-widget-detail{font-size:.78rem;color:var(--text-secondary);line-height:1.6;padding-top:10px;border-top:1px solid var(--border-lighter,rgba(128,128,128,.12))}.weather-detail-row{display:flex;justify-content:space-between;padding:2px 8px}.weather-detail-label{color:var(--text-secondary)}.weather-detail-value{font-weight:500;color:var(--text-primary)}.widget-profile{text-align:center}.profile-avatar{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:3px solid var(--accent-color)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.profile-bio{font-size:.875rem;color:var(--text-tertiary);margin-bottom:8px}.profile-location{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.8rem;color:var(--text-muted);margin-bottom:16px}.profile-social{display:flex;justify-content:center;gap:12px}.profile-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.profile-social a:hover{background:var(--accent-color);color:#fff}.profile-card{background:var(--bg-card);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);text-align:center}.profile-card:hover{transform:translateY(-2px);box-shadow:0 0 20px 2px rgba(59,130,246,.1),0 0 12px 1px rgba(59,130,246,.15),0 4px 16px rgba(0,0,0,8%)}.profile-card-bg{height:120px;background-size:cover;background-position:50%;position:relative}.profile-card-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 100%)}.profile-card-body{padding:0 20px 20px;margin-top:-40px;position:relative}.profile-card-avatar{width:80px;height:80px;margin:0 auto 12px;border-radius:50%;overflow:hidden;border:3px solid var(--bg-card);box-shadow:0 2px 8px rgba(0,0,0,.15)}.profile-card-avatar img{width:100%;height:100%;object-fit:cover}.profile-card-name{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.profile-card-social{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.profile-card-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);transition:background-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease;font-size:.875rem}.profile-card-social a:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.profile-card-slogan{font-size:.875rem;color:var(--text-tertiary);line-height:1.5}.recent-posts-card{padding:4px 0 0;display:flex;flex-direction:column;gap:2px}.rp-item{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:8px;transition:background-color .2s ease,transform .2s ease;text-decoration:none}.rp-item:hover{background:var(--bg-hover,rgba(59,130,246,6%));transform:translateX(4px)}.rp-item:hover .rp-title{color:var(--accent-color)}.rp-item:hover .rp-num{background:var(--accent-color);color:#fff;transform:scale(1.05)}.rp-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:600;background:var(--bg-tertiary,rgba(128,128,128,.12));color:var(--text-muted);border-radius:6px;flex-shrink:0;transition:background-color .2s ease,color .2s ease,transform .2s ease}.rp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.rp-title{font-size:.82rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;transition:color .2s ease}.rp-meta{display:flex;align-items:center;gap:6px;font-size:.7rem}.rp-cat{color:var(--accent-color);background:rgba(59,130,246,8%);padding:1px 6px;border-radius:4px;font-size:.65rem;font-weight:500}.rp-date{color:var(--text-muted)}.categories-list{display:flex;flex-direction:column;gap:4px}.category-item a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 8px;border-radius:8px;transition:background-color .2s ease,transform .2s ease;text-decoration:none}.category-item a:hover{background:var(--bg-hover,rgba(59,130,246,6%));transform:translateX(4px)}.category-item a:hover .category-name{color:var(--accent-color)}.category-item a:hover .category-count{background:var(--accent-color);color:#fff;transform:scale(1.05)}.category-name{font-size:.875rem;color:var(--text-secondary);transition:color .2s ease}.category-count{font-size:.7rem;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 10px;border-radius:12px;white-space:nowrap;transition:background-color .2s ease,color .2s ease,transform .2s ease}.tags-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-item{display:inline-block;padding:4px 12px;background:var(--accent-color);color:#fff;border-radius:16px;font-size:.8rem;font-weight:500;letter-spacing:.3px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),color var(--transition-fast);box-shadow:0 2px 4px rgba(0,0,0,8%)}.tag-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2);filter:brightness(1.15);color:#fff}.countdown-list{display:flex;flex-direction:column;gap:12px}.countdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);border-radius:8px}.countdown-name{font-size:.875rem;color:var(--text-secondary)}.countdown-value{display:flex;align-items:baseline;gap:2px}.countdown-days{font-size:1.25rem;font-weight:700;color:var(--accent-color)}.countdown-unit{font-size:.75rem;color:var(--text-muted)}.stats-list{display:flex;flex-direction:column;padding:4px 0}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:9px 8px;border-bottom:1px dashed var(--border-color,rgba(128,128,128,.15));transition:background-color .2s ease,transform .2s ease}.stat-row:last-child{border-bottom:none}.stat-row:hover{background:var(--bg-hover,rgba(59,130,246,6%));transform:translateX(4px);border-radius:8px}.stat-row:hover .stat-label{color:var(--accent-color)}.stat-row:hover .stat-value{transform:scale(1.05)}.stat-row .stat-label{font-size:.85rem;color:var(--text-secondary,#666);white-space:nowrap;letter-spacing:.5px;transition:color .2s ease}.stat-row .stat-value{font-size:.88rem;font-weight:600;color:var(--accent-color,#3b82f6);font-family:var(--font-mono,"SF Mono","Fira Code",Consolas,monospace);letter-spacing:.3px;transition:transform .2s ease}.stat-row .stat-unit{font-size:.78rem;font-weight:400;color:var(--text-muted,#999);margin-left:2px}.stat-fail-badge{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:1px 7px;font-size:.68rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:4px;line-height:1.5;vertical-align:middle}.stat-fail-badge i{font-size:.6rem}[data-theme=dark] .stat-fail-badge{background:linear-gradient(135deg,#f87171,#dc2626)}.reward-grid{display:flex;justify-content:center;gap:16px}.reward-item{display:flex;flex-direction:column;align-items:center;gap:8px}.reward-img-wrap{width:110px;height:110px;border-radius:10px;overflow:hidden;background:var(--bg-card);padding:6px;box-shadow:0 2px 8px rgba(0,0,0,8%);transition:transform .25s ease,box-shadow .25s ease}.reward-img-wrap:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 4px 16px rgba(59,130,246,.18)}.reward-img-wrap img{width:100%;height:100%;object-fit:contain;display:block}.reward-label{font-size:.72rem;color:var(--text-muted);font-weight:500}.qrcode-card{display:flex;flex-direction:column;align-items:center;gap:8px}.qrcode-img-wrap{width:140px;height:140px;border-radius:12px;overflow:hidden;background:var(--bg-card);padding:8px;box-shadow:0 2px 8px rgba(0,0,0,8%);transition:transform .25s ease,box-shadow .25s ease}.qrcode-img-wrap:hover{transform:scale(1.04);box-shadow:0 4px 16px rgba(59,130,246,.18)}.qrcode-img-wrap img{width:100%;height:100%;object-fit:contain;display:block}.qrcode-desc{font-size:.7rem;color:var(--text-muted);text-align:center;line-height:1.4}.cal-body{display:flex;align-items:stretch}.cal-left{flex:none;width:150px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;padding-right:12px;padding-top:8px;padding-bottom:4px}.cal-top{display:flex;justify-content:center;align-items:center;font-size:.82rem;gap:10px;min-height:22px}.cal-center{display:flex;align-items:center;justify-content:center;flex:1}.cal-bottom{display:flex;flex-direction:column;align-items:center}.cal-week-num{color:var(--text-muted)}.cal-weekday{color:var(--text-secondary);font-weight:500}.cal-day{font-size:2.2rem;font-weight:700;line-height:1.1;color:var(--text-primary)}.cal-info{font-size:.8rem;color:var(--text-tertiary);line-height:1.4}.cal-lunar{font-size:.75rem;color:var(--text-muted);line-height:1.4}.cal-divider{width:1px;background:var(--border-lighter,rgba(128,128,128,.18));flex-shrink:0;margin:4px 6px;border-radius:1px}.cal-right{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.cal-grid{width:100%;border-collapse:collapse;font-size:.68rem;table-layout:fixed}.cal-grid th{padding:2px 0;text-align:center;font-weight:500;color:var(--text-muted);font-size:.6rem;height:22px}.cal-grid td{padding:2px 0;text-align:center;color:var(--text-tertiary);cursor:default;transition:color .15s ease,background-color .15s ease;line-height:1.5}.cal-cell:hover:not(.cal-empty){background:var(--bg-hover,rgba(59,130,246,8%));border-radius:50%;color:var(--accent-color);font-weight:600}.cal-today{background:var(--accent-color)!important;color:#fff!important;font-weight:700!important;border-radius:50%;box-shadow:0 1px 5px rgba(59,130,246,.35)}.cal-empty{visibility:hidden}.visitor-card{padding:4px 0 0}.visitor-welcome{font-size:.85rem;color:var(--text-secondary);font-weight:500;margin-bottom:10px;display:flex;align-items:center;gap:6px}.visitor-welcome::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-color);flex-shrink:0}.visitor-loading{font-size:.72rem;color:var(--text-muted)}.visitor-ip{font-size:1.05rem;font-weight:700;color:var(--accent-color);letter-spacing:1px;word-break:break-all;line-height:1.5;margin-bottom:8px;font-family:jetbrains mono,fira code,consolas,monospace}.visitor-location{font-size:.75rem;color:var(--text-muted);line-height:1.5;display:flex;align-items:center;gap:5px}.visitor-location::before{content:'';display:inline-block;width:4px;height:4px;border-radius:2px;background:var(--text-muted);opacity:.5;flex-shrink:0}.countdown-card{padding:4px 0 0;box-sizing:border-box}.countdown-progress{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.cd-progress-row{display:flex;flex-direction:column;gap:4px}.cd-progress-row .cd-bar-header{display:flex;justify-content:space-between;align-items:center}.cd-progress-row .cd-pct{font-size:.78rem;font-weight:600;color:var(--accent-color)}.cd-progress-row .cd-label{font-size:.78rem;color:var(--text-muted)}.cd-bar-track{height:6px;background:var(--bg-tertiary,rgba(128,128,128,.1));border-radius:3px;overflow:hidden}.cd-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),#3b82f6);border-radius:3px;transition:width .5s ease}.countdown-event{background:var(--bg-secondary,rgba(128,128,128,6%));border-radius:10px;padding:18px 16px;text-align:center}.countdown-event-name{font-size:.8rem;color:var(--text-secondary);font-weight:500}.countdown-event-days{font-size:2rem;font-weight:700;color:var(--accent-color);line-height:1.2;margin:4px 0 2px}.countdown-event-date{font-size:.7rem;color:var(--text-muted);letter-spacing:1px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.article-card{background:var(--bg-card);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);display:flex;flex-direction:column;height:360px}.article-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(59,130,246,.25),0 4px 12px rgba(0,0,0,.1);border-color:rgba(59,130,246,.3)}.article-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.article-image{position:relative;width:100%;height:200px;overflow:hidden;flex-shrink:0}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.article-card:hover .article-image img{transform:scale(1.05)}.article-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-muted)}.default-cover{opacity:.85}.article-card:hover .default-cover,.list-item:hover .default-cover{opacity:1}.featured-badge{position:absolute;top:12px;right:12px;padding:4px 12px;background:var(--accent-color);color:#fff;font-size:.75rem;font-weight:600;border-radius:16px}.sticky-badge{position:absolute;top:12px;right:12px;padding:4px 12px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;border-radius:16px}.recommend-badge{position:absolute;top:12px;right:12px;padding:4px 12px;background:#f59e0b;color:#fff;font-size:.75rem;font-weight:600;border-radius:16px}.updated-badge{position:absolute;top:12px;right:12px;padding:4px 12px;background:#10b981;color:#fff;font-size:.75rem;font-weight:600;border-radius:16px}.article-content{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column;transition:background-color var(--transition-slow),color var(--transition-slow)}.title-box{min-height:44px;display:flex;align-items:center;margin-bottom:6px}.article-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.article-card:hover .article-title{color:var(--accent-color)}.article-excerpt{font-size:1.1rem;color:var(--text-secondary);line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-desc{font-size:1.1rem;color:var(--text-secondary);line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex!important;align-items:center;flex-wrap:nowrap!important;gap:16px;font-size:.82rem;color:var(--text-secondary);margin-top:auto;padding-top:8px;border-top:1px solid var(--border-light);overflow:hidden}.meta-item{display:inline-flex!important;align-items:center;gap:4px;white-space:nowrap;line-height:1.2}.meta-date{flex-shrink:0!important;pointer-events:none!important;cursor:default!important;color:var(--text-secondary)!important}.article-card:hover .meta-date{color:var(--text-secondary)!important}.meta-category{flex-shrink:0!important}.meta-category-link{display:inline-flex;align-items:center;gap:3px;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.meta-category-link:hover{color:var(--accent-color)}.meta-icon{width:14px;height:14px;flex-shrink:0;color:var(--text-muted)}.meta-tags{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.meta-tag{color:var(--text-secondary);text-decoration:none;transition:color .2s ease;white-space:nowrap;margin-left:2px}.meta-tag:first-of-type{margin-left:0}.meta-tag:hover{color:var(--accent-color)}.pagination{margin-top:48px;text-align:center}.pagination-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-weight:500;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.pagination-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.pagination-numbers{display:flex;gap:6px}.pagination-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-weight:500;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.pagination-number:hover,.pagination-number.current{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.pagination-info{margin-top:16px;font-size:.875rem;color:var(--text-muted)}.single-post{background:var(--bg-card);border-radius:16px;padding:32px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.post-header{margin-bottom:32px}.post-categories{display:flex;gap:8px;margin-bottom:16px}.category-link{padding:4px 12px;background:var(--tag-bg);color:var(--tag-text);border-radius:8px;font-size:.875rem}.post-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:16px}.post-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.875rem;color:var(--text-muted)}.meta-item{display:flex;align-items:center;gap:6px}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag-link{padding:4px 12px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:16px;font-size:.875rem}.post-featured-image{margin-bottom:32px;border-radius:12px;overflow:hidden}.post-toc-wrapper{margin-bottom:32px}.post-toc{background:var(--bg-secondary);border-radius:12px;padding:16px}.post-toc summary{font-weight:600;cursor:pointer;margin-bottom:12px}.post-toc nav{font-size:.9rem}.post-toc ul{padding-left:16px}.post-toc li{margin:8px 0}.post-toc-sidebar{position:sticky;top:calc(var(--header-offset) + 20px);height:fit-content}.post-toc-card{background:var(--bg-card);border-radius:16px;padding:24px 20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.post-toc-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--accent-color,#2a9d8f)}.post-toc-nav{font-size:.875rem;max-height:calc(100vh - var(--header-offset) - 120px);overflow-y:auto;padding-right:4px;transition:background-color var(--transition-slow),color var(--transition-slow),border-color var(--transition-slow)}.toc-empty{text-align:center;color:var(--text-muted,#999);font-size:.85rem;padding:32px 16px;opacity:.7}.toc-empty::before{content:'';display:block;width:40px;height:40px;margin:0 auto 10px;background:var(--border-light,#eee);border-radius:50%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3C/svg%3E")no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3C/svg%3E")no-repeat center/contain}.post-toc-nav::-webkit-scrollbar{width:3px}.post-toc-nav::-webkit-scrollbar-thumb{background:var(--border-light,#ddd);border-radius:3px}.post-toc-nav>ul{list-style:none;padding-left:0;margin:0}.post-toc-nav ul ul{padding-left:16px;margin-top:4px}.post-toc-nav li{margin:6px 0}.post-toc-nav a{display:block;padding:4px 8px;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:background-color .2s ease,color .2s ease;line-height:1.5}.post-toc-nav a:hover{background:rgba(42,157,143,8%)!important;color:var(--accent-color,#2a9d8f)!important}.post-toc-nav a.active{background:var(--accent-color,#3b82f6)!important;color:#fff!important;font-weight:600!important;border-left:3px solid var(--accent-color,#3b82f6)!important;padding-left:12px!important;border-radius:0 6px 6px 0!important;box-shadow:0 2px 8px rgba(59,130,246,.25)!important}.mobile-toc-fab{display:none;position:fixed;bottom:24px;right:20px;z-index:999;width:48px;height:48px;border-radius:50%;background:var(--accent-color,#2a9d8f);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.2);align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.mobile-toc-fab:active{transform:scale(.92)}.mobile-toc-overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobile-toc-overlay.active{display:block}.mobile-toc-sheet{position:fixed;bottom:0;left:0;right:0;max-height:70vh;background:var(--bg-card);border-radius:20px 20px 0 0;box-shadow:0 -8px 32px rgba(0,0,0,.15);overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-toc-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border-light);position:sticky;top:0;background:var(--bg-card);z-index:1}.mobile-toc-heading{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.mobile-toc-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.mobile-toc-close:hover{background:var(--border-light);color:var(--text-primary)}.mobile-toc-nav{padding:12px 20px 24px}.mobile-toc-nav ul{list-style:none;padding-left:0;margin:0}.mobile-toc-nav ul ul{padding-left:16px;margin-top:4px}.mobile-toc-nav li{margin:6px 0}.mobile-toc-nav a{display:block;padding:6px 10px;color:var(--text-secondary);text-decoration:none;border-radius:6px;font-size:.9rem;line-height:1.5;transition:background-color .2s ease,color .2s ease}.mobile-toc-nav a:hover{background:rgba(42,157,143,8%);color:var(--accent-color)}.mobile-toc-nav a.active{background:var(--accent-color);color:#fff;font-weight:600}@media(max-width:1024px){.mobile-toc-fab{display:flex}}.post-content .katex{font-size:1.05em;color:var(--text-primary)}.post-content .katex-display{margin:1.5em 0;padding:16px 20px;overflow-x:auto;overflow-y:hidden;border-radius:8px;background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-light,#e5e7eb)}[data-theme=dark] .post-content .katex-display{background:rgba(255,255,255,3%);border-color:rgba(255,255,255,8%)}[data-theme=dark] .post-content .katex{color:#e5e7eb}.mermaid-container{margin:1.5em 0;padding:16px;border-radius:10px;overflow-x:auto;background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-light,#e5e7eb);box-shadow:0 1px 3px rgba(0,0,0,4%);display:flex;justify-content:center}.mermaid-container svg{max-width:100%;height:auto}[data-theme=dark] .mermaid-container{background:rgba(255,255,255,2%);border-color:rgba(255,255,255,6%)}.mermaid-error{padding:16px;border-radius:8px;background:#fef2f2;border-left:4px solid #ef4444;color:#991b1b;font-size:.875rem;overflow-x:auto}[data-theme=dark] .mermaid-error{background:rgba(239,68,68,.1);border-left-color:#f87171;color:#fca5a5}.post-content{font-size:1rem;line-height:1.8;color:var(--text-primary)}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;scroll-margin-top:var(--header-offset)}.post-content h2{font-size:1.5rem}.post-content h3{font-size:1.25rem}.post-content h4{font-size:1.1rem}.post-content p{margin-bottom:1em}.post-content code{padding:2px 6px;background:var(--bg-code);border-radius:4px;font-family:fira code,Consolas,Monaco,monospace;font-size:.9em}.code-wrapper{position:relative;margin:1em 0}.code-wrapper pre{padding:20px 16px 12px;background:#282c34;border-radius:8px;overflow-x:auto;margin:0;transition:background-color .3s ease,color .3s ease}[data-theme=light] .code-wrapper pre{background:#f6f8fa;border:1px solid #d0d7de}[data-theme=light] .code-wrapper pre code{color:#24292f}.code-wrapper.collapsed pre{max-height:300px;overflow-y:hidden;position:relative}.code-wrapper.expanded pre,.code-wrapper:not(.collapsed) pre{max-height:none}.code-wrapper pre code{color:#abb2bf;background:0 0!important}.code-wrapper pre .ln,.code-wrapper pre .lnt{color:rgba(255,255,255,.3);user-select:none;padding-right:1.2em;display:inline-block;min-width:2.5em;text-align:right}[data-theme=light] .code-wrapper pre .ln,[data-theme=light] .code-wrapper pre .lnt{color:rgba(0,0,0,.3)}.code-toolbar{position:absolute;top:8px;left:10px;right:10px;display:flex;align-items:center;justify-content:flex-end;z-index:2}.code-lang-label{display:inline-flex;align-items:center;padding:3px 10px;font-size:.72rem;color:rgba(255,255,255,.45);background:rgba(255,255,255,8%);border:1px solid rgba(255,255,255,.12);border-radius:5px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;user-select:none;pointer-events:none;line-height:1.4;white-space:nowrap}[data-theme=dark] .code-lang-label{color:rgba(200,200,220,.4);background:rgba(255,255,255,6%);border-color:rgba(255,255,255,.1)}[data-theme=light] .code-lang-label{color:rgba(0,0,0,.5);background:rgba(0,0,0,6%);border-color:rgba(0,0,0,.12)}.code-btn-group{display:flex;align-items:center;gap:6px}.code-toggle-btn,.code-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;color:rgba(255,255,255,.45);background:rgba(255,255,255,8%);border:1px solid rgba(255,255,255,.12);border-radius:5px;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease;line-height:1.4;white-space:nowrap}.code-toggle-btn:hover,.code-copy-btn:hover{color:rgba(255,255,255,.85);background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}[data-theme=light] .code-toggle-btn,[data-theme=light] .code-copy-btn{color:rgba(0,0,0,.55);background:rgba(0,0,0,5%);border-color:rgba(0,0,0,.12)}[data-theme=light] .code-toggle-btn:hover,[data-theme=light] .code-copy-btn:hover{color:rgba(0,0,0,.85);background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.2)}.code-copy-btn.copied{color:#4ade80!important;border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.1)}[data-theme=light] .code-copy-btn.copied{color:#16a34a!important;border-color:rgba(22,163,74,.35);background:rgba(22,163,74,8%)}.code-copy-btn.copied .copy-icon{display:none}.code-copy-btn.copied .check-icon{display:inline-block!important}.copy-toast{position:fixed;top:80px;left:50%;transform:translateX(-50%)translateY(-10px);display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#1e293b,#334155);color:#4ade80;font-size:.85rem;font-weight:500;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.3),0 2px 6px rgba(74,222,128,.15),inset 0 1px rgba(255,255,255,5%);border:1px solid rgba(74,222,128,.2);z-index:10000;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.34,1.56,.64,1),visibility .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.copy-toast.show{opacity:1;visibility:visible;transform:translateX(-50%)translateY(0)scale(1.02)}.copy-toast svg{flex-shrink:0;animation:checkBounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.code-expand-bar{position:relative;height:40px;margin-top:-36px;display:flex;align-items:center;justify-content:center;z-index:2;background:linear-gradient(transparent,#282c34 30%);border-radius:0 0 8px 8px;transition:background .3s ease}[data-theme=light] .code-expand-bar{background:linear-gradient(transparent,#f6f8fa 30%)}.code-expand-bar button{display:inline-flex;align-items:center;gap:6px;padding:5px 16px;font-size:.78rem;color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:6px;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease;line-height:1.4;margin-top:10px}.code-expand-bar button:hover{color:rgba(255,255,255,.95);background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35)}[data-theme=light] .code-expand-bar button{color:rgba(0,0,0,.6);background:rgba(0,0,0,6%);border-color:rgba(0,0,0,.15)}[data-theme=light] .code-expand-bar button:hover{color:rgba(0,0,0,.9);background:rgba(0,0,0,.12);border-color:rgba(0,0,0,.25)}.post-content :not(pre)>code{background:var(--bg-code)}.post-content blockquote{margin:1em 0;padding:16px 24px;background:var(--bg-secondary);border-left:4px solid var(--accent-color);border-radius:0 8px 8px 0}.post-content img{max-width:100%;border-radius:8px;margin:1em 0;cursor:zoom-in;transition:transform .25s ease,box-shadow .25s ease}.post-content img:hover{box-shadow:0 4px 20px rgba(0,0,0,.12);transform:scale(1.01)}.post-content a[data-fancybox]{position:relative;display:inline-block;overflow:hidden;border-radius:8px}.post-content a[data-fancybox]::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:1}.post-content a[data-fancybox]::before{content:'🔍';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);font-size:24px;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:2;pointer-events:none}.post-content a[data-fancybox]:hover::after,.post-content a[data-fancybox]:hover::before{opacity:1}.post-content a[data-fancybox]:hover::before{transform:translate(-50%,-50%)scale(1)}[data-theme=dark] .post-content a[data-fancybox]::after{background:rgba(255,255,255,.1)}.post-content h2,.post-content h3,.post-content h4{position:relative;scroll-margin-top:80px}.heading-anchor{display:inline-block;margin-left:8px;color:var(--text-muted);font-size:.85em;opacity:0;transition:opacity .2s ease,color .2s ease;text-decoration:none;vertical-align:middle}.post-content h2:hover .heading-anchor,.post-content h3:hover .heading-anchor,.post-content h4:hover .heading-anchor{opacity:1}.heading-anchor:hover{color:var(--accent-color)}[data-theme=dark] .post-content img{filter:brightness(.85);transition:filter .3s ease,transform .25s ease,box-shadow .25s ease}[data-theme=dark] .post-content img:hover{filter:brightness(1)}.post-content mark,.post-content ::mark{background:linear-gradient(120deg,#fef08a 0%,#fde047 100%);color:inherit;padding:.1em .35em;border-radius:3px;box-decoration-break:clone}[data-theme=dark] .post-content mark,[data-theme=dark] .post-content ::mark{background:linear-gradient(120deg,#854d0e 0%,#a16207 100%);color:#fef9c3}.post-content kbd{display:inline-block;padding:2px 7px;font-size:.82em;font-family:jetbrains mono,fira code,consolas,monospace;line-height:1.2;color:var(--text-primary,#333);background:linear-gradient(180deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #d0d5dd;border-radius:5px;box-shadow:0 2px #b0b7c0,inset 0 1px rgba(255,255,255,.8);transition:transform .1s,box-shadow .1s}[data-theme=dark] .post-content kbd{background:linear-gradient(180deg,#374151 0%,#1f2937 100%);border-color:#4b5563;box-shadow:0 2px #111827,inset 0 1px rgba(255,255,255,5%);color:#e5e7eb}.post-content kbd:active{transform:translateY(1px);box-shadow:0 0 transparent,inset 0 1px rgba(255,255,255,.3)}.post-content sup{font-size:.72em;vertical-align:super;line-height:0}.post-content sub{font-size:.72em;vertical-align:sub;line-height:0}.post-content details{margin:1.2em 0;padding:.8em 1.2em;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;background:var(--bg-secondary,#fafafa);transition:background .2s}[data-theme=dark] .post-content details{border-color:var(--border-color);background:var(--bg-card)}.post-content summary{font-weight:600;cursor:pointer;color:var(--text-primary,#333);list-style:none;outline:none;transition:color .2s}.post-content summary::-webkit-details-marker{display:none}.post-content summary::before{content:'▶';display:inline-block;margin-right:8px;font-size:.7em;transition:transform .2s ease;color:var(--accent-color,#3b82f6)}.post-content details[open]>summary::before{transform:rotate(90deg)}.post-content summary:hover{color:var(--accent-color,#3b82f6)}.post-content details>*:not(summary){margin-top:.6em}.post-content abbr{text-decoration:underline dotted underline-offset:2px;text-underline-position:under;cursor:help;border-bottom:1px dashed}.post-content ins{text-decoration:none;background:#dcfce7;color:#166534;padding:.1em .3em;border-radius:3px}[data-theme=dark] .post-content ins{background:#14532d;color:#86efac}.post-content del{text-decoration:none;background:#fee2e2;color:#991b1b;padding:.1em .3em;border-radius:3px}[data-theme=dark] .post-content del{background:#450a0a;color:#fca5a5}.taxonomy-cloud{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.taxonomy-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-radius:12px;transition:background-color var(--transition-fast),transform var(--transition-fast)}.taxonomy-item:hover{background:var(--accent-light);transform:translateY(-2px)}.taxonomy-name{font-weight:500;color:var(--text-secondary)}.taxonomy-count{padding:2px 10px;background:var(--bg-tertiary);border-radius:12px;font-size:.875rem;color:var(--text-muted)}.archives-page-layout .layout-grid{grid-template-columns:var(--sidebar-width)1fr;gap:35px}.archives-page-layout .content-archives{max-width:100%}.fullwidth-page .layout-grid{grid-template-columns:1fr;max-width:960px;margin:0 auto}.fullwidth-page .sidebar{display:none}.fullwidth-page .main-content{max-width:100%}.content-fullwidth{width:100%;max-width:100%}.archives-header{text-align:center;padding-bottom:20px;margin-bottom:8px}.archives-header .list-title{font-size:1.75rem}.archives-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:20px;padding:0 4px}.archives-tool-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:500;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:color .25s ease,border-color .25s ease,background-color .25s ease,transform .25s ease;font-family:inherit;line-height:1.4}.archives-tool-btn:hover{color:var(--accent-color);border-color:var(--accent-color);background:var(--accent-light);transform:translateY(-1px)}.archives-tool-btn:active{transform:translateY(0)}.archives-tool-btn svg{opacity:.7;transition:opacity .2s ease}.archives-tool-btn:hover svg{opacity:1}.archives-timeline{position:relative;padding-left:24px}.archives-timeline::before{content:'';position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:linear-gradient(180deg,var(--accent-color) 0%,rgba(59,130,246,.15) 100%);border-radius:2px}.archive-item{display:flex;align-items:center;gap:16px;padding:12px 16px;position:relative;border-radius:10px;transition:background-color .25s ease,transform .25s ease}.archive-item+.archive-item{border-top:1px solid var(--border-light)}.archive-item:hover{background:var(--bg-secondary);transform:translateX(4px)}.archive-item-dot{position:absolute;left:-21px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--bg-card);border:2px solid var(--accent-color);border-radius:50%;z-index:2;transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease}.archive-item:hover .archive-item-dot{background:var(--accent-color);box-shadow:0 0 8px rgba(59,130,246,.4);transform:translateY(-50%)scale(1.3)}.archive-item-line{display:none}.archive-item-date{font-size:.8rem;color:var(--text-muted);font-weight:500;font-family:sf mono,monaco,consolas,monospace;white-space:nowrap;min-width:80px;flex-shrink:0}.archive-item-body{flex:1;min-width:0}.archive-item-title{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.5;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}.archive-item-title:hover{color:var(--accent-color)}.archive-item-footer{display:flex;align-items:center;gap:6px;flex-shrink:0}.archive-item-cat{display:inline-flex;align-items:center;font-size:.7rem;padding:2px 9px;border-radius:6px;font-weight:500;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease;line-height:1.6;background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#0369a1;border:1px solid rgba(3,105,161,.12);text-decoration:none}.archive-item-cat:hover{background:var(--accent-color);color:#fff;border-color:transparent}[data-theme=dark] .archive-item-cat{background:rgba(59,130,246,.12);color:rgba(96,165,250,.9);border-color:rgba(96,165,250,.15)}[data-theme=dark] .archive-item-cat:hover{background:var(--accent-color);color:#fff}.archive-item[data-hidden]{display:none}.archives-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:28px;padding:16px 0}.archives-pagination .page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease;text-decoration:none;font-family:inherit}.archives-pagination .page-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:rgba(59,130,246,5%)}.archives-pagination .page-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 2px 8px rgba(59,130,246,.3)}.archives-pagination .page-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.archives-pagination .page-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-muted);font-size:.85rem}.archives-pagination .page-info{font-size:.8rem;color:var(--text-muted);margin-left:12px}@media(max-width:768px){.archives-timeline{padding-left:20px}.archive-item{padding:10px 12px;gap:10px}.archive-item-date{min-width:68px;font-size:.76rem}.archive-item-title{font-size:.9rem}.archive-item-dot{left:-17px;width:7px;height:7px}.archives-timeline::before{left:6px}}@media(max-width:600px){.archive-item-title{white-space:normal;-webkit-line-clamp:2;display:-webkit-box}.archive-item-footer{display:none}.archives-pagination .page-info{display:none}}.archives-bottom{margin-top:40px;padding-top:30px;border-top:2px dashed var(--border-light)}.archives-section{margin-bottom:28px}.archives-section:last-child{margin-bottom:0}.archives-section-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-left:4px}.archives-section-title svg{color:var(--accent-color);stroke-width:2;flex-shrink:0}.archives-cloud{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.archives-cloud--tags{gap:8px}.archives-cloud-item{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:10px;font-size:.86rem;font-weight:500;text-decoration:none;transition:color .3s cubic-bezier(.25,.46,.45,.94),background-color .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94);white-space:nowrap;position:relative;overflow:hidden}.archives-cloud-item::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.archives-cloud-item:hover::after{opacity:1}.archives-cloud-item--cat{background:linear-gradient(135deg,#e0f2fe 0%,#dbeafe 100%);color:#0369a1;border:1px solid rgba(3,105,161,.12)}.archives-cloud-item--cat:hover{background:linear-gradient(135deg,var(--accent-color) 0%,#3b82f6 100%);color:#fff;border-color:transparent;transform:translateY(-3px)scale(1.03);box-shadow:0 8px 24px rgba(59,130,246,.3)}.archives-cloud-item--tag{background:var(--bg-secondary,#f8fafc);color:var(--text-secondary);border:1px solid var(--border-light,#eef1f5)}.archives-cloud-item--tag:hover{background:linear-gradient(135deg,#f0e6ff,#fce7f3);color:var(--accent-color);border-color:rgba(139,92,246,.25);transform:translateY(-3px)scale(1.03);box-shadow:0 6px 18px rgba(139,92,246,.18)}.archives-cloud-count{font-size:.72rem;font-weight:600;background:rgba(0,0,0,6%);color:inherit;opacity:.75;padding:1px 7px;border-radius:8px;line-height:1.5}.archives-cloud-item--cat .archives-cloud-count{background:rgba(3,105,161,.12)}.archives-cloud-item--tag .archives-cloud-count{background:var(--bg-tertiary,#f1f3f5)}.archives-cloud-item:hover .archives-cloud-count{opacity:1;background:rgba(255,255,255,.25)}.archives-cloud-item--tag:hover .archives-cloud-count{background:rgba(139,92,246,.15)}.archive-tag--category,.archive-tag--tag{text-decoration:none;cursor:pointer}@media(max-width:640px){.archives-bottom{margin-top:28px;padding-top:20px}.archives-section-title{font-size:1.05rem}.archives-cloud-item{padding:6px 12px;font-size:.82rem}.archives-cloud--tags .archives-cloud-item{padding:5px 11px;font-size:.78rem}}.archives-cloud--tags .archives-cloud-item.is-collapsed{display:none}.archives-cloud--tags[data-expanded] .archives-cloud-item.is-collapsed{display:inline-flex}.archives-cloud--tags[data-expanded] .archives-cloud-more{display:none}.archives-cloud-more{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:.82rem;color:var(--accent-color,#8b5cf6);background:var(--bg-secondary,#f8fafc);border:1px dashed var(--border-light,#e2e5ea);border-radius:10px;text-decoration:none;cursor:pointer;transition:all .2s ease}.archives-cloud-more:hover{background:var(--accent-color,#8b5cf6);color:#fff;border-color:var(--accent-color,#8b5cf6);transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.2)}.archives-cloud-more svg{transition:transform .2s ease}.archives-cloud-more:hover svg{transform:translateY(2px)}@media(max-width:640px){.archives-cloud-more{padding:5px 12px;font-size:.78rem}}.taxonomy-term-page .taxonomy-term-body{margin-top:14px}.term-card-list{display:grid;grid-template-columns:1fr;gap:16px}.term-item-card{display:flex;gap:0;padding:0;background:var(--bg-card,#fff);border:1px solid var(--border-light,#eef1f5);border-radius:16px;overflow:hidden;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94),border-color .35s cubic-bezier(.25,.46,.45,.94);min-height:170px}.term-item-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,9%),0 4px 14px rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}.term-thumb{flex-shrink:0;width:230px;min-width:230px;aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.term-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.term-item-card:hover .term-thumb img{transform:scale(1.07)}.term-thumb--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:rgba(255,255,255,.6);position:relative}.term-thumb--placeholder svg{width:42px;height:42px;stroke-width:1.2;position:relative;z-index:1}.term-thumb--placeholder::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 25% 40%,rgba(255,255,255,.12) 0%,transparent 50%),radial-gradient(circle at 75% 70%,rgba(255,255,255,8%) 0%,transparent 45%)}.term-item-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:18px 22px}.term-item-top{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.term-item-date{display:inline-flex;align-items:center;gap:5px;font-size:.83rem;color:var(--accent-color);font-weight:600;font-family:sf mono,monaco,consolas,monospace;background:var(--accent-light,rgba(59,130,246,8%));padding:3px 10px;border-radius:8px}.term-item-meta{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-muted);padding:2px 9px;background:var(--bg-tertiary,#f1f3f5);border-radius:6px}.term-item-meta svg{opacity:.6}.term-item-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.55;display:block;margin-bottom:6px;transition:color .25s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.term-item-title:hover{color:var(--accent-color)}.term-item-desc{font-size:.88rem;color:var(--text-tertiary);line-height:1.6;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.term-item-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.term-item-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.term-tag{display:inline-flex;align-items:center;font-size:.74rem;padding:3px 10px;border-radius:10px;font-weight:500;white-space:nowrap;transition:background-color .25s ease,color .25s ease,transform .25s ease}.term-tag--category{background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#0369a1;border:1px solid rgba(3,105,161,.12)}.term-tag--category:hover{background:var(--accent-color);color:#fff;transform:translateY(-1px)}.term-tag--tag{background:var(--bg-tertiary,#f1f3f5);color:var(--text-muted)}.term-tag--tag:hover{background:var(--accent-light,rgba(59,130,246,.1));color:var(--accent-color);transform:translateY(-1px)}.taxonomy-hub-page .taxonomy-hub-body{margin-top:10px}.taxonomy-hub-page .taxonomy-cloud{gap:14px}.taxonomy-hub-page .taxonomy-item{border:1px solid var(--border-light);background:var(--bg-card);box-shadow:var(--shadow-sm)}.taxonomy-hub-page .taxonomy-item:hover{border-color:var(--accent-color)}.tag-cloud-header{text-align:center;padding:36px 20px 24px;margin-bottom:10px;background:linear-gradient(135deg,rgba(102,126,234,4%) 0%,rgba(118,75,162,4%) 100%);border:1px solid rgba(102,126,234,8%);border-radius:16px}.tag-cloud-header-top{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.tag-cloud-header-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 16px rgba(102,126,234,.3);flex-shrink:0}.tag-cloud-header-icon svg{width:24px;height:24px}.tag-cloud-header-text{text-align:left}.tag-cloud-title{font-size:1.5rem;font-weight:700;margin:0 0 4px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tag-cloud-subtitle{color:var(--text-muted);font-size:.82rem;margin:0;line-height:1.4}.tag-cloud-desc{color:var(--text-muted);font-size:.85rem;margin:0 0 10px}.tag-cloud-stats{display:inline-flex;gap:24px;padding:8px 22px;background:var(--bg-card,#fff);border:1px solid var(--border-light,rgba(0,0,0,6%));border-radius:24px}.tag-cloud-stat{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;color:var(--text-secondary)}.tag-cloud-stat strong{font-size:1.1rem;font-weight:700;color:var(--accent-color)}.tag-cloud-wall{padding:0;margin:16px 0 0;background:var(--bg-card,#fff);border:1px solid var(--border-light,rgba(0,0,0,6%));border-radius:16px;display:block;position:relative;min-height:300px;overflow:hidden}.tag-wall-item{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:20px;font-weight:600;white-space:nowrap;text-decoration:none;border:1.5px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s;cursor:pointer;will-change:left,top;z-index:1}.tag-wall-item:hover{color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border-color:transparent!important;box-shadow:0 6px 20px rgba(102,126,234,.4);z-index:10}.tag-wall-item--active{color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border-color:transparent!important;box-shadow:0 4px 16px rgba(102,126,234,.35);z-index:10}.tag-wall-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:50%;font-size:.65em;font-weight:700;line-height:1;background:rgba(255,255,255,.25);color:inherit}.tag-articles{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .3s ease,margin .3s ease;opacity:0;margin:0}.tag-articles--visible{max-height:5e3px;opacity:1;margin:16px 0 0}.tag-articles-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,rgba(102,126,234,8%) 0%,rgba(118,75,162,8%) 100%);border:1px solid rgba(102,126,234,.15);border-radius:12px 12px 0 0}.tag-articles-header h3{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary)}.tag-articles-close{width:28px;height:28px;border:none;background:var(--bg-tertiary,#f1f5f9);border-radius:50%;font-size:16px;line-height:1;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s,transform .2s}.tag-articles-close:hover{background:var(--border-light,rgba(0,0,0,.1));color:var(--text-primary);transform:rotate(90deg)}.tag-articles-list{background:var(--bg-card,#fff);border:1px solid var(--border-light,rgba(0,0,0,6%));border-top:none;border-radius:0;padding:16px}.tag-article-grid{display:grid;grid-template-columns:1fr;gap:14px}.tag-article-card{display:flex;gap:0;background:var(--bg-card,#fff);border:1px solid var(--border-light,#eef1f5);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94);min-height:140px}.tag-article-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,8%),0 2px 8px rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}.tag-article-thumb{flex-shrink:0;width:200px;min-width:200px;min-height:140px;max-height:180px;overflow:hidden}.tag-article-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.tag-article-card:hover .tag-article-thumb img{transform:scale(1.05)}.tag-article-card-body{flex:1;padding:16px 20px;display:flex;flex-direction:column;justify-content:center;gap:10px;overflow:hidden}.tag-article-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tag-article-card-date{font-size:.82rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.tag-article-card-cat{font-size:.78rem;color:var(--text-muted);font-weight:500}.tag-article-card-rt,.tag-article-card-wc{font-size:.78rem;color:var(--text-muted)}.tag-article-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55}.tag-article-card-desc{font-size:.84rem;color:var(--text-muted);line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}.tag-articles-pagination{background:var(--bg-card,#fff);border:1px solid var(--border-light,rgba(0,0,0,6%));border-top:none;border-radius:0 0 12px 12px;padding:12px 16px}.tag-pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.tag-pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border:1px solid var(--border-light,rgba(0,0,0,.1));border-radius:8px;background:var(--bg-card,#fff);color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.tag-pagination-btn:hover{border-color:rgba(102,126,234,.3);color:#667eea;background:rgba(102,126,234,5%)}.tag-pagination-btn--active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(102,126,234,.3)}.tag-pagination-btn--active:hover{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.tag-cloud-list-section{padding:0 0 30px}.tag-cloud-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.tag-cloud-list-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:var(--bg-card,#fff);border:1px solid var(--border-light,rgba(0,0,0,6%));text-decoration:none;transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease;overflow:hidden}.tag-cloud-list-item:hover{border-color:rgba(102,126,234,.25);background:rgba(102,126,234,3%);transform:translateY(-1px);box-shadow:0 2px 10px rgba(102,126,234,.1)}.tag-cloud-list-color{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tag-cloud-list-name{flex:1;font-size:.8rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-cloud-list-count{font-size:.7rem;font-weight:600;color:var(--text-muted);flex-shrink:0}[data-theme=dark] .tag-cloud-header{background:linear-gradient(135deg,rgba(102,126,234,8%) 0%,rgba(118,75,162,8%) 100%);border-color:rgba(102,126,234,.15)}[data-theme=dark] .tag-cloud-stats{background:rgba(0,0,0,.2);border-color:rgba(255,255,255,6%)}[data-theme=dark] .tag-cloud-wall{border-color:rgba(255,255,255,8%);background:rgba(0,0,0,.2)}[data-theme=dark] .tag-wall-item{text-shadow:0 1px 3px rgba(0,0,0,.5)}[data-theme=dark] .tag-wall-count{background:rgba(255,255,255,.12)}[data-theme=dark] .tag-articles-header{background:linear-gradient(135deg,rgba(102,126,234,.12) 0%,rgba(118,75,162,.12) 100%);border-color:rgba(102,126,234,.2)}[data-theme=dark] .tag-articles-list{background:rgba(0,0,0,.15);border-color:rgba(255,255,255,6%)}[data-theme=dark] .tag-article-card{background:rgba(0,0,0,.15);border-color:rgba(255,255,255,6%)}[data-theme=dark] .tag-article-card:hover{border-color:rgba(59,130,246,.3);box-shadow:0 10px 30px rgba(0,0,0,.2),0 2px 8px rgba(59,130,246,.15)}[data-theme=dark] .tag-article-card-cat{color:var(--text-muted)}[data-theme=dark] .tag-articles-pagination{background:rgba(0,0,0,.15);border-color:rgba(255,255,255,6%)}[data-theme=dark] .tag-pagination-btn{background:rgba(255,255,255,5%);border-color:rgba(255,255,255,.1);color:var(--text-secondary)}[data-theme=dark] .tag-pagination-btn:hover{border-color:rgba(102,126,234,.4);background:rgba(102,126,234,8%)}[data-theme=dark] .tag-cloud-list-item:hover{background:rgba(102,126,234,6%);box-shadow:0 2px 10px rgba(0,0,0,.3)}@media(max-width:768px){.tag-cloud-header{padding:24px 16px 18px}.tag-cloud-header-top{gap:12px}.tag-cloud-title{font-size:1.25rem}.tag-cloud-subtitle{font-size:.76rem}.tag-cloud-wall{min-height:250px}.tag-article-thumb{width:140px;min-width:140px;min-height:110px;max-height:140px}.tag-article-card-body{padding:12px 14px;gap:8px}.tag-article-card-title{font-size:.9rem}.tag-article-card-desc{font-size:.78rem}.tag-cloud-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}}@media(max-width:480px){.tag-cloud-wall{min-height:220px}.tag-wall-item{padding:5px 10px;font-size:.78rem!important}.tag-article-thumb{width:110px;min-width:110px;min-height:90px;max-height:120px}.tag-article-card{min-height:100px}.tag-article-card-title{font-size:.82rem;-webkit-line-clamp:2}.tag-cloud-list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media(max-width:768px){.term-thumb{width:180px;min-width:180px}.term-item-body{padding:14px 18px}.term-item-title{font-size:1.05rem}}@media(max-width:600px){.term-card-list{gap:14px}.term-item-card{flex-direction:column}.term-thumb{width:100%;min-width:100%;height:190px;max-height:210px}.term-item-body{padding:14px 16px}}.error-page{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center}.error-content{padding:48px}.error-code{font-size:8rem;font-weight:800;color:var(--accent-color);line-height:1;margin-bottom:16px}.error-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.error-description{color:var(--text-tertiary);margin-bottom:32px}.error-actions{display:flex;gap:16px;justify-content:center}.error-btn{display:inline-block;padding:12px 32px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;font-weight:500;transition:background-color var(--transition-fast),color var(--transition-fast)}.error-btn:hover{background:var(--accent-color);color:#fff}.error-btn.primary{background:var(--accent-color);color:#fff}.error-btn.primary:hover{background:var(--accent-hover)}.error-search{margin-top:40px;text-align:center}.error-search-label{color:var(--text-muted);margin-bottom:16px;font-size:1rem}.error-search-form{display:flex;max-width:420px;margin:0 auto;gap:10px}.error-search-input{flex:1;padding:12px 18px;border:2px solid var(--border-color);border-radius:12px;font-size:.95rem;background:var(--card-bg);color:var(--text-color);transition:border-color .2s ease,box-shadow .2s ease}.error-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(59,130,246,.15);outline:none}.error-search-btn{padding:12px 24px;background:var(--accent-color);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.error-search-btn:hover{opacity:.9;transform:translateY(-1px)}[data-theme=dark] .error-search-input{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .error-search-input:focus{box-shadow:0 0 0 3px rgba(96,165,250,.2)}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:32px 0;margin-top:64px}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-copyright{font-size:.875rem;color:var(--text-tertiary)}.footer-icp{font-size:.75rem;color:var(--text-muted)}.footer-powered{font-size:.875rem;color:var(--text-tertiary)}.separator{margin:0 8px}.rocket-wheel{position:fixed;bottom:5.5rem;right:1.5rem;z-index:999}.scroll-to-comment{position:fixed;bottom:12.5rem;right:1.5rem;width:46px;height:46px;background:#3b82f6;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 16px rgba(59,130,246,.3);display:none;align-items:center;justify-content:center;z-index:998;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s ease,transform .3s ease,background-color .3s ease,box-shadow .3s ease}.scroll-to-comment.visible{display:flex;opacity:1;transform:translateY(0);pointer-events:auto}.scroll-to-comment:hover{background:#2563eb;transform:translateY(-3px);box-shadow:0 6px 22px rgba(59,130,246,.4)}.scroll-to-comment:hover .comment-icon{transform:scale(1.1)}.comment-icon{color:#fff;width:22px;height:22px;filter:drop-shadow(0 0 2px rgba(255,255,255,.3));transition:transform .3s}.reading-mode-toggle{position:fixed;bottom:9rem;right:1.5rem;width:46px;height:46px;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 16px rgba(5,150,105,.3);display:none;align-items:center;justify-content:center;z-index:998;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s ease,transform .3s ease,background-color .3s ease,box-shadow .3s ease}.reading-mode-toggle.visible{display:flex;opacity:1;transform:translateY(0);pointer-events:auto}.reading-mode-toggle:hover{background:linear-gradient(135deg,#047857 0%,#059669 100%);transform:translateY(-3px);box-shadow:0 6px 22px rgba(5,150,105,.4)}.rm-icon{color:#fff;width:20px;height:20px;filter:drop-shadow(0 0 2px rgba(255,255,255,.3));transition:transform .3s;position:absolute}.reading-mode-toggle:hover .rm-icon{transform:scale(1.1)}.rm-icon--exit{display:none}.reading-mode-toggle.active .rm-icon--read{display:none}.reading-mode-toggle.active .rm-icon--exit{display:block}.reading-mode-toggle.active{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);box-shadow:0 4px 16px rgba(220,38,38,.3)}.reading-mode-toggle.active:hover{background:linear-gradient(135deg,#b91c1c 0%,#dc2626 100%);box-shadow:0 6px 22px rgba(220,38,38,.4)}[data-theme=dark] .reading-mode-toggle{box-shadow:0 4px 20px rgba(0,0,0,.45)}.sub-btn{position:fixed;bottom:16rem;right:1.5rem;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:997;box-shadow:0 4px 16px rgba(245,158,11,.35);transition:all .25s ease;opacity:0;transform:translateY(10px);pointer-events:none}.sub-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.sub-btn:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-3px);box-shadow:0 6px 22px rgba(245,158,11,.4)}.sub-btn:hover .sub-bell{transform:scale(1.1)rotate(15deg)}.sub-bell{color:#fff;width:20px;height:20px;transition:transform .25s ease}.sub-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(239,68,68,.4);line-height:1}.sub-panel{position:fixed;bottom:19rem;right:1.5rem;width:320px;max-height:380px;background:var(--bg-card);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.12);z-index:999;display:none;flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,6%);animation:subSlideUp .2s ease}@keyframes subSlideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sub-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.sub-panel-title{font-size:13px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:6px}.sub-panel-title i{color:#f59e0b;font-size:14px}.sub-panel-close{width:24px;height:24px;border-radius:6px;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#94a3b8;transition:all .15s}.sub-panel-close:hover{background:rgba(0,0,0,5%);color:#475569}.sub-panel-body{flex:1;overflow-y:auto;min-height:100px}.sub-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:#94a3b8;font-size:13px}.sub-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 16px;color:#94a3b8;font-size:13px}.sub-empty i{font-size:28px;color:#d1d5db}.sub-article-list{padding:4px 0}.sub-article-item{display:flex;flex-direction:column;gap:2px;padding:10px 16px;text-decoration:none;transition:background .15s;border-bottom:1px solid var(--border-light)}.sub-article-item:last-child{border-bottom:none}.sub-article-item:hover{background:var(--bg-secondary)}.sub-article-title{font-size:13px;font-weight:600;color:#1e293b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sub-article-item:hover .sub-article-title{color:#f59e0b}.sub-article-meta{font-size:11px;color:#94a3b8;margin-top:2px}.sub-panel-footer{padding:8px 16px;border-top:1px solid #eff0f6;text-align:center}.sub-rss-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#f59e0b;text-decoration:none;font-weight:600;padding:4px 0}.sub-rss-link:hover{color:#d97706;text-decoration:underline}[data-theme=dark] .sub-btn{box-shadow:0 4px 20px rgba(0,0,0,.45)}[data-theme=dark] .sub-panel{background:#1e1e2d;border-color:rgba(255,255,255,8%);box-shadow:0 8px 32px rgba(0,0,0,.35)}[data-theme=dark] .sub-panel-header{background:#25253a;border-color:rgba(255,255,255,6%)}[data-theme=dark] .sub-panel-title{color:#e2e8f0}[data-theme=dark] .sub-panel-close{color:#64748b}[data-theme=dark] .sub-panel-close:hover{background:rgba(255,255,255,8%);color:#94a3b8}[data-theme=dark] .sub-loading{color:#64748b}[data-theme=dark] .sub-empty{color:#64748b}[data-theme=dark] .sub-empty i{color:#475569}[data-theme=dark] .sub-article-item{border-color:rgba(255,255,255,5%)}[data-theme=dark] .sub-article-item:hover{background:rgba(255,255,255,4%)}[data-theme=dark] .sub-article-title{color:#e2e8f0}[data-theme=dark] .sub-article-item:hover .sub-article-title{color:#fbbf24}[data-theme=dark] .sub-article-meta{color:#64748b}[data-theme=dark] .sub-panel-footer{border-color:rgba(255,255,255,6%)}[data-theme=dark] .sub-rss-link{color:#fbbf24}[data-theme=dark] .sub-rss-link:hover{color:#f59e0b}body.reading-mode .site-header{transform:translateY(-100%);opacity:0;pointer-events:none}body.reading-mode .main-wrapper{padding-top:32px!important}body.reading-mode .layout-grid{grid-template-columns:1fr!important;max-width:860px;margin:0 auto}body.reading-mode aside.sidebar,body.reading-mode .post-toc-sidebar{display:none!important}body.reading-mode .breadcrumb{display:none}body.reading-mode .site-footer{display:none}body.reading-mode .rocket-wheel,body.reading-mode .scroll-to-comment,body.reading-mode .sub-btn{bottom:1.5rem!important}body.reading-mode .reading-mode-toggle{bottom:5.5rem!important}body.reading-mode .sub-panel{bottom:4.5rem!important}.site-header{transition:transform .35s ease,opacity .35s ease}.article-series{margin:0 0 20px;border-radius:14px;overflow:hidden;border:1px solid var(--border-light);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}[data-theme=dark] .article-series{background:linear-gradient(135deg,rgba(30,41,59,.7) 0%,rgba(15,23,42,.6) 100%);border-color:rgba(148,163,184,.12)}.series-banner{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#fff}.series-banner-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);border-radius:8px;flex-shrink:0}.series-banner-text{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}.series-label{font-size:.78rem;opacity:.8;white-space:nowrap}.series-name{font-size:.92rem;font-weight:700;color:#fff;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-name:hover{text-decoration:underline!important}.series-progress{font-size:.78rem;background:rgba(255,255,255,.2);padding:2px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.series-toc{padding:10px 14px;display:flex;flex-direction:column;gap:2px}.series-toc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none!important;transition:background-color .2s ease,color .2s ease;color:#475569}[data-theme=dark] .series-toc-item{color:#94a3b8}.series-toc-item:hover{background:rgba(99,102,241,8%);color:#4f46e5}[data-theme=dark] .series-toc-item:hover{background:rgba(99,102,241,.15);color:#818cf8}.series-toc-item.current{background:linear-gradient(135deg,rgba(99,102,241,.12) 0%,rgba(139,92,246,8%) 100%);color:#4f46e5;font-weight:600}[data-theme=dark] .series-toc-item.current{background:linear-gradient(135deg,rgba(99,102,241,.2) 0%,rgba(139,92,246,.12) 100%);color:#a5b4fc}.series-toc-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border-radius:6px;background:rgba(99,102,241,.1);color:#6366f1;flex-shrink:0}[data-theme=dark] .series-toc-num{background:rgba(99,102,241,.2);color:#818cf8}.series-toc-item.current .series-toc-num{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.series-toc-title{font-size:.88rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-nav{margin-top:36px;padding:24px 28px 20px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:18px;border:1px solid var(--border-light)}[data-theme=dark] .series-nav{background:linear-gradient(135deg,rgba(30,41,59,.7) 0%,rgba(15,23,42,.6) 100%);border-color:rgba(148,163,184,.12)}.series-nav-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid rgba(99,102,241,.12)}.series-nav-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:9px;box-shadow:0 2px 8px rgba(99,102,241,.25)}.series-nav-title{font-size:1rem;font-weight:700;color:#1e293b;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .series-nav-title{color:#f1f5f9}.series-nav-progress{font-size:.78rem;color:#64748b;background:rgba(99,102,241,8%);padding:3px 10px;border-radius:20px;flex-shrink:0}[data-theme=dark] .series-nav-progress{background:rgba(99,102,241,.15);color:#94a3b8}.series-nav-inner{display:grid;grid-template-columns:1fr 1fr;gap:14px}.series-nav-item{display:flex;flex-direction:column;padding:16px 18px;background:var(--bg-card);border-radius:14px;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1);text-decoration:none!important;border:1px solid var(--border-light);box-shadow:0 1px 4px rgba(0,0,0,4%)}.series-nav-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.12);border-color:rgba(99,102,241,.22)}[data-theme=dark] .series-nav-item{background:rgba(51,65,85,.4);border-color:rgba(71,85,105,.3)}[data-theme=dark] .series-nav-item:hover{background:rgba(51,65,85,.65);border-color:rgba(99,102,241,.25);box-shadow:0 6px 20px rgba(0,0,0,.35)}.series-nav-item.placeholder{background:0 0;border:1px dashed var(--border-light);box-shadow:none;pointer-events:none}[data-theme=dark] .series-nav-item.placeholder{border-color:rgba(71,85,105,.3)}.series-nav-item.prev{text-align:left}.series-nav-item.next{text-align:right}.series-nav .nav-label{display:block;font-size:.75rem;color:#64748b;font-weight:600;letter-spacing:.02em;margin-bottom:5px}[data-theme=dark] .series-nav .nav-label{color:#64748b}.series-nav .nav-title{font-size:.92rem;color:#334155;font-weight:650;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.series-nav-item:hover .nav-title{color:#4f46e5}[data-theme=dark] .series-nav .nav-title{color:#cbd5e1}[data-theme=dark] .series-nav-item:hover .nav-title{color:#818cf8}#back-to-top{width:50px;height:50px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(99,102,241,.35);opacity:0;visibility:hidden;transform:translateY(10px)scale(.9);transition:opacity .35s cubic-bezier(.34,1.56,.64,1),visibility .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1),background-color .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}#back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}#back-to-top:hover{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);transform:translateY(-4px)scale(1.05);box-shadow:0 8px 28px rgba(99,102,241,.45)}#back-to-top:hover .rocket-icon{transform:translateY(-4px)}#back-to-top:active{transform:translateY(-2px)scale(.97)}.progress-circle{position:absolute;top:0;left:0;pointer-events:none}.progress-circle-bar{transition:stroke-dashoffset .12s linear}.btt-percent{position:absolute;font-size:9px;font-weight:700;color:rgba(255,255,255,.95);z-index:2;pointer-events:none;letter-spacing:-.3px}.rocket-icon{width:22px;height:22px;position:relative;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .3s ease}[data-theme=dark] #back-to-top{box-shadow:0 4px 20px rgba(0,0,0,.45)}[data-theme=dark] #back-to-top:hover{box-shadow:0 8px 32px rgba(99,102,241,.55)}@media(max-width:768px){.rocket-wheel{bottom:3.5rem;right:1rem}#back-to-top{width:44px;height:44px}.progress-circle{width:44px!important;height:44px!important}.rocket-icon{width:18px;height:18px}.btt-percent{font-size:8px}.scroll-to-comment{width:40px;height:40px;bottom:8.5rem;right:1rem}.reading-mode-toggle{width:40px;height:40px;bottom:6rem;right:1rem}.sub-btn{width:40px;height:40px;bottom:11rem;right:1rem}.sub-panel{right:1rem;width:280px;max-height:320px;bottom:14rem}}@media(max-width:1200px){.article-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:290px}.layout-grid{grid-template-columns:290px 1fr;gap:60px}.has-toc .layout-grid{grid-template-columns:260px 1fr 240px;gap:30px}.post-toc-sidebar{position:sticky;top:calc(var(--header-offset) + 16px);max-height:calc(100vh - var(--header-offset) - 40px);overflow-y:auto}.container{padding:0 85px}}@media(max-width:992px){.layout-grid{grid-template-columns:1fr;gap:60px}.has-toc .layout-grid{grid-template-columns:1fr;gap:60px}.sidebar-right .layout-grid{grid-template-columns:1fr;gap:60px}.sidebar{width:100%;order:2}.main-content{order:1}.post-toc-sidebar{display:block;position:relative;top:0;max-height:none;margin-top:20px;order:3}.sidebar-widgets{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.container{padding:0 40px}.site-banner{min-height:500px}.banner-title{font-size:3rem}}.related-posts{margin-top:40px;padding:24px 0;border-top:1px solid var(--border-color,#e5e7eb)}.related-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.related-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-light,#eff6ff);border-radius:8px;color:var(--primary-color,#3b82f6);font-size:14px}.related-title{font-size:1.2rem;font-weight:600;color:var(--text-primary,#1f2937);margin:0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{display:flex;align-items:flex-start;gap:14px;padding:14px;background:var(--card-bg,#f9fafb);border-radius:12px;border:1px solid var(--border-color,#e5e7eb);text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden}.related-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,8%)}.rp-cover{flex-shrink:0;width:100px;height:66px;border-radius:8px;overflow:hidden}.rp-cover img{width:100%;height:100%;object-fit:cover;display:block}.rp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.rp-title{font-size:.95rem;font-weight:600;color:var(--text-primary,#1f2937);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rp-desc{font-size:.8rem;color:var(--text-secondary,#6b7280);margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-meta-row{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--text-tertiary,#9ca3af);margin-top:auto}.rp-meta-row .rp-cat{background:var(--primary-light,#eff6ff);color:var(--primary-color,#3b82f6);padding:1px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap}[data-theme=dark] .related-posts{border-top-color:var(--border-color,#374151)}[data-theme=dark] .related-card{background:var(--card-bg,#1f2937);border-color:var(--border-color,#374151)}[data-theme=dark] .related-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.3)}@media(max-width:768px){:root{--safe-area-top:env(safe-area-inset-top, 0px);--safe-area-bottom:env(safe-area-inset-bottom, 0px);--safe-area-left:env(safe-area-inset-left, 0px);--safe-area-right:env(safe-area-inset-right, 0px)}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(59,130,246,.15);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:15px;line-height:1.6;overflow-x:hidden;padding-bottom:var(--safe-area-bottom)}.container{padding-left:max(16px,var(--safe-area-left));padding-right:max(16px,var(--safe-area-right))}.site-header{padding-top:var(--safe-area-top);position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .site-header,[data-theme=auto] .home-page .site-header{background:rgba(15,15,26,.92)}.header-wrapper{height:calc(var(--header-height) + var(--safe-area-top));padding-top:var(--safe-area-top);display:flex;align-items:center;justify-content:space-between;gap:12px}.header-brand{order:2;flex:1;min-width:0;margin-right:auto}.header-logo{height:32px;width:auto}.header-title{font-size:1.05rem;font-weight:700}.mobile-menu-toggle{display:flex!important;order:0;width:44px;height:44px;min-width:44px;min-height:44px;margin-left:-8px;border-radius:10px;transition:background-color .2s ease,transform .2s ease}.mobile-menu-toggle:active{background:var(--bg-secondary);transform:scale(.95)}.mobile-menu-toggle svg{width:22px;height:22px}.header-actions{order:3;gap:4px;margin-left:auto}.action-btn{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:10px}.action-btn svg{width:18px;height:18px}.header-nav{display:none!important}.header-clock{display:none!important}.mobile-menu{display:none;position:fixed;top:0;left:-280px;bottom:0;width:min(280px,80vw);max-width:280px;background:var(--bg-primary);padding-top:calc(var(--header-height) + var(--safe-area-top) + 16px);padding-left:max(20px,var(--safe-area-left));padding-right:20px;padding-bottom:calc(32px + var(--safe-area-bottom));box-shadow:4px 0 24px rgba(0,0,0,.15);z-index:9999;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:left .3s cubic-bezier(.22,1,.36,1)}.mobile-menu.active{display:block;left:0}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:9998;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.mobile-menu-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.mobile-nav-list{display:flex;flex-direction:column;gap:4px}.mobile-nav-link{padding:14px 16px;min-height:48px;display:flex;align-items:center;font-size:.93rem;font-weight:500;color:var(--text-secondary);border-radius:10px;transition:background-color .2s ease,color .2s ease,transform .2s ease}.mobile-nav-link:active{background:var(--accent-color);color:#fff;transform:scale(.98)}.mobile-nav-link.sub-item{padding:11px 16px 11px 28px;font-size:.88rem;color:var(--text-tertiary)}.mobile-nav-toggle{min-height:48px;padding:4px 0}.mobile-nav-item.active .mobile-nav-toggle .dropdown-arrow{transform:rotate(180deg)}.main-wrapper{padding-top:calc(var(--header-offset) + var(--safe-area-top) + 12px);padding-bottom:calc(24px + var(--safe-area-bottom))}.layout-grid{grid-template-columns:1fr!important;gap:24px!important;padding-top:var(--header-offset)}.sidebar{display:contents}.article-grid{grid-template-columns:1fr!important;gap:10px!important;border-radius:0!important;border:none!important;background:0 0!important;overflow:visible!important}.article-card{height:auto!important;min-height:64px!important;max-height:none!important;flex-direction:column!important;justify-content:center!important;border-radius:0!important;border:none!important;border-bottom:1px solid var(--border-light,#f0f0f5)!important;padding:12px 16px!important;gap:4px!important;transition:background-color .15s ease!important;overflow:hidden;background:0 0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}.article-card:last-child{border-bottom:none!important}.article-card:active{background-color:var(--bg-secondary,#f8fafc)!important}.article-image,.article-image-placeholder,.default-cover{display:none!important}.article-content{padding:0!important;width:100%;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;min-height:40px}.title-box{margin:0!important;min-height:24px;line-height:24px;overflow:hidden}.article-title{font-size:.9rem!important;line-height:24px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:600!important;color:var(--text-primary)!important}.article-card:hover .article-title,.article-card:active .article-title{color:var(--accent-color)!important}.article-desc{display:none!important}.article-meta{font-size:.72rem!important;margin:0!important;height:20px;line-height:20px;opacity:.6;display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;overflow:hidden!important;padding-top:0!important;border-top:none!important}.meta-item{display:inline-flex!important;align-items:center!important;gap:3px;white-space:nowrap!important;max-width:120px;overflow:hidden!important;text-overflow:ellipsis!important;min-height:20px}.meta-icon{width:12px!important;height:12px!important;flex-shrink:0;opacity:.7}.meta-category-link,.meta-tag{white-space:nowrap!important;max-width:80px;overflow:hidden!important;text-overflow:ellipsis!important}.featured-badge,.sticky-badge,.recommend-badge,.updated-badge{position:static!important;display:inline-flex!important;align-items:center!important;font-size:.6rem!important;padding:1px 6px!important;margin:0 5px 0 0!important;vertical-align:middle;order:-1;border-radius:4px!important}.mobile-load-more-container,.load-more-wrapper{display:none!important}.home-content>.layout-grid{display:flex!important;flex-direction:column!important;gap:28px!important}.home-content>.layout-grid>.sidebar{order:2;width:100%!important;display:block!important}.home-content>.layout-grid>.main-content{order:1;width:100%!important}.sidebar-widgets{display:flex!important;flex-direction:column!important;gap:16px!important;grid-template-columns:unset!important}.widget{border-radius:14px;padding:18px 16px}.widget-title{font-size:.82rem;margin-bottom:14px;padding-bottom:10px}.site-banner{min-height:420px;margin-top:calc(-1 * var(--header-offset) - var(--safe-area-top))}.banner-content{padding:0 max(20px,var(--safe-area-left))0 max(20px,var(--safe-area-right))}.banner-title{font-size:2.2rem;letter-spacing:1.5px;text-shadow:0 3px 20px rgba(0,0,0,.5)}.banner-typewriter{min-height:30px}.typewriter-text{font-size:1.05rem;letter-spacing:1.5px}.scroll-down-hint{bottom:80px;display:none}.post-title{font-size:1.45rem;line-height:1.4;letter-spacing:-.01em}.single-post,.list-page{padding:20px max(16px,var(--safe-area-left))24px max(16px,var(--safe-area-right));border-radius:14px}.post-header{margin-bottom:24px}.post-meta{gap:12px;font-size:.8rem}.post-content{font-size:1rem;line-height:1.85}.post-content h2{font-size:1.35rem}.post-content h3{font-size:1.15rem}.post-content h4{font-size:1.05rem}.code-wrapper pre{font-size:.85rem;padding:16px 12px 10px;border-radius:8px;margin:.75em -4px}.post-content img{margin:1.25em calc(-1 * max(16px,var(--safe-area-left)))1.25em calc(-1 * max(16px,var(--safe-area-right)));border-radius:10px}.post-content table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;border-radius:8px}.post-nav{grid-template-columns:1fr!important;gap:12px;padding:18px max(16px,var(--safe-area-left))16px max(16px,var(--safe-area-right));border-radius:14px}.post-nav-item{padding:14px 16px;border-radius:12px}.nav-title{font-size:.9rem;line-height:1.45}.related-posts{margin-top:36px;padding:22px max(16px,var(--safe-area-left))20px max(16px,var(--safe-area-right));border-radius:14px}.related-grid{grid-template-columns:1fr!important;gap:12px}.related-card{padding:12px;gap:12px;border-radius:12px}.rp-cover{width:90px;border-radius:8px}.post-license{margin-top:28px;padding:20px max(16px,var(--safe-area-left))18px max(16px,var(--safe-area-right));border-radius:14px;margin-bottom:28px}.license-icon{width:28px;height:28px;font-size:12px;border-radius:7px}.post-comments{margin-top:40px;padding:24px max(16px,var(--safe-area-left))20px max(16px,var(--safe-area-right));border-radius:14px}.site-footer{margin-top:48px;padding:28px max(20px,var(--safe-area-left))calc(24px + var(--safe-area-bottom))max(20px,var(--safe-area-right))}.footer-content{flex-direction:column;text-align:center;gap:12px}.footer-copyright{font-size:.82rem}.footer-powered{font-size:.78rem}.error-code{font-size:4.5rem}.error-title{font-size:1.3rem}.pagination{margin-top:32px;padding:16px max(12px,var(--safe-area-left))12px max(12px,var(--safe-area-right))}.pagination-wrapper{gap:8px}.pagination-btn{min-height:42px;padding:10px 18px!important;font-size:.86rem!important;border-radius:10px}.pagination-number{min-width:38px!important;height:38px!important;font-size:.86rem!important;border-radius:10px}.pagination-info{font-size:.78rem!important;margin-top:12px}.back-to-top{width:44px;height:44px;bottom:calc(20px + var(--safe-area-bottom));right:calc(16px + var(--safe-area-right));border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.1)}.btt-ring{width:40px!important;height:40px!important}.load-more-wrapper{display:none;text-align:center;padding:20px 0;position:relative;z-index:10}.load-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:180px;padding:12px 28px;background:var(--bg-card,#ffffff);color:var(--text-primary,#333333);border:1.5px solid var(--border-color,#e5e7eb);border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .3s cubic-bezier(.34,1.56,.64,1),color .3s cubic-bezier(.34,1.56,.64,1),border-color .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px rgba(0,0,0,6%);-webkit-tap-highlight-color:transparent;user-select:none;position:relative;z-index:100;pointer-events:auto}.load-more-btn:hover:not(:disabled){background:var(--accent-color,#3b82f6);color:#fff;border-color:var(--accent-color,#3b82f6);transform:translateY(-2px);box-shadow:0 4px 16px rgba(59,130,246,.25)}.load-more-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:auto}.load-more-btn svg{transition:transform .3s ease}.load-more-btn:hover:not(:disabled) svg{transform:translateY(2px)}.load-more-count{font-size:.8rem;opacity:.8;font-weight:400}.load-more-tip{display:none;padding:10px 20px;background:var(--bg-secondary,#f8fafc);color:var(--text-secondary,#6b7280);border-radius:8px;font-size:.85rem;margin-top:8px}[data-theme=dark] .load-more-btn{background:var(--bg-card,#1e293b);color:var(--text-primary,#e2e8f0);border-color:var(--border-color,#334155);box-shadow:0 2px 8px rgba(0,0,0,.2)}[data-theme=dark] .load-more-btn:hover:not(:disabled){background:var(--accent-color,#3b82f6);color:#fff;border-color:var(--accent-color,#3b82f6);box-shadow:0 4px 16px rgba(59,130,246,.35)}[data-theme=dark] .load-more-tip{background:var(--bg-secondary,#0f172a);color:var(--text-secondary,#94a3b8)}.mobile-load-more-container{display:none;text-align:center;padding:24px 16px;position:relative;z-index:9999}.mobile-load-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:200px;padding:14px 32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff!important;border:none;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.4);-webkit-tap-highlight-color:transparent;user-select:none;outline:none;-webkit-appearance:none;appearance:none;position:relative;z-index:99999;pointer-events:auto!important}.mobile-load-more-btn:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px rgba(102,126,234,.5)}.mobile-load-more-btn:active:not(:disabled){transform:translateY(-1px)scale(.98)}.mobile-load-more-btn:disabled{opacity:.7;cursor:wait}.mobile-load-more-btn .btn-count{font-size:.8rem;opacity:.9;font-weight:400}.mobile-all-loaded{padding:12px 24px;background:var(--bg-secondary,#f0f0f0);color:var(--text-secondary,#666);border-radius:20px;font-size:.85rem;display:inline-block}[data-theme=dark] .mobile-all-loaded{background:rgba(255,255,255,5%);color:var(--text-secondary,#888)}.pagination{margin-top:20px;padding:16px}.pagination-wrapper{gap:10px;flex-wrap:wrap;justify-content:center}.pagination-btn{padding:8px 16px!important;font-size:.85rem!important}.pagination-number{min-width:36px!important;height:36px!important;font-size:.85rem!important}.pagination-info{font-size:.8rem!important;margin-top:12px;text-align:center}}@media(max-width:480px){.pagination-wrapper{flex-direction:column}.pagination-numbers{order:-1}.list-item-link{flex-direction:column}.list-item-image{width:100%;height:160px}.banner-title{font-size:2rem}}@media print{.site-header,.site-banner,.sidebar,.site-footer,.back-to-top,.post-nav,.related-posts,.post-comments,.post-toolbar,.reading-progress-bar,.skip-link{display:none!important}.main-wrapper,.container,.layout-grid,.main-content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.single-post{box-shadow:none!important;border:none!important;padding:0!important;margin:0!important;background:#fff!important}.post-title{font-size:22pt!important;margin-bottom:8pt!important}.post-meta{font-size:9pt;color:#666!important}.post-meta svg{display:none}.post-categories,.post-tags{margin:6pt 0!important}.post-content{font-size:11pt!important;line-height:1.7!important;color:#222!important}.post-content h2{font-size:16pt!important;page-break-after:avoid}.post-content h3{font-size:13pt!important;page-break-after:avoid}.post-content h4{font-size:11pt!important;page-break-after:avoid}.post-content img{max-width:100%!important;height:auto!important;page-break-inside:avoid}.post-content pre{border:1px solid #ddd!important;background:#f5f5f5!important;page-break-inside:avoid;white-space:pre-wrap!important;word-wrap:break-word!important}.post-content code{font-size:9pt!important}blockquote{border-left:3pt solid #ccc!important;padding-left:12pt!important}table{page-break-inside:avoid}a[href]::after{content:" (" attr(href)")";font-size:8pt;color:#888}a[href^="#"]::after,a[href^=javascript]::after{content:none}.post-footer{border-top:1pt solid #ccc!important;padding-top:10pt!important;margin-top:20pt!important}.post-license{display:block!important;font-size:8pt;color:#888!important}h2,h3,h4{page-break-after:avoid}figure,.highlight-wrapper,pre,table{page-break-inside:avoid}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.post-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:20px;background:var(--bg-tertiary,#f1f5f9);border-radius:10px;flex-wrap:wrap}.post-tool-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid var(--border-light,rgba(0,0,0,8%));border-radius:8px;background:var(--bg-card,#fff);color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:color .22s ease,border-color .22s ease,background-color .22s ease,transform .22s ease,box-shadow .22s ease}.post-tool-btn:hover{color:var(--accent-color,#3b82f6);border-color:rgba(59,130,246,.25);background:rgba(59,130,246,4%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,6%)}.post-tool-btn:active{transform:translateY(0)}.post-tool-btn.loading{pointer-events:none;opacity:.65}.post-tool-btn.loading span::after{content:'...'}.post-like-btn.liked svg{fill:#ef4444;stroke:#ef4444}.post-like-btn.liked{color:#ef4444;border-color:rgba(239,68,68,.25);background:rgba(239,68,68,4%)}.post-like-btn.like-animate{animation:likePop .5s ease}@keyframes likePop{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.95)}100%{transform:scale(1)}}[data-theme=dark] .post-like-btn.liked svg{fill:#f87171;stroke:#f87171}[data-theme=dark] .post-like-btn.liked{color:#f87171;border-color:rgba(248,113,113,.25);background:rgba(248,113,113,8%)}.ai-summary-section{margin-bottom:20px;background:linear-gradient(135deg,rgba(59,130,246,4%),rgba(139,92,246,4%));border:1px solid rgba(59,130,246,.12);border-radius:12px;padding:14px 18px;transition:border-color .3s ease,background-color .3s ease}[data-theme=dark] .ai-summary-section{background:linear-gradient(135deg,rgba(59,130,246,8%),rgba(139,92,246,8%));border-color:rgba(96,165,250,.15)}.ai-summary-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-summary-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-primary)}.ai-icon{color:#8b5cf6;flex-shrink:0}[data-theme=dark] .ai-icon{color:#a78bfa}.ai-summary-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:1px solid rgba(139,92,246,.25);border-radius:8px;background:rgba(139,92,246,6%);color:#7c3aed;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease;white-space:nowrap}.ai-summary-btn:hover{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.4);transform:translateY(-1px);box-shadow:0 2px 8px rgba(139,92,246,.15)}.ai-summary-btn:active{transform:translateY(0)}.ai-summary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-summary-btn.loading span::after{content:'...'}[data-theme=dark] .ai-summary-btn{background:rgba(139,92,246,.12);border-color:rgba(167,139,250,.25);color:#a78bfa}[data-theme=dark] .ai-summary-btn:hover{background:rgba(139,92,246,.2);border-color:rgba(167,139,250,.4);box-shadow:0 2px 8px rgba(139,92,246,.2)}.ai-summary-content{margin-top:14px;padding:14px 16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);animation:aiFadeIn .4s ease}@keyframes aiFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ai-summary-text{font-size:.92rem;line-height:1.75;color:var(--text-secondary);position:relative;padding-left:14px;border-left:3px solid rgba(139,92,246,.3)}.ai-summary-footer{margin-top:10px;display:flex;align-items:center;justify-content:flex-end}.ai-summary-model{font-size:.75rem;color:var(--text-muted);opacity:.7}.ai-summary-loading{margin-top:14px;display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-muted)}.ai-loading-dots{display:flex;gap:4px}.ai-loading-dots span{width:6px;height:6px;border-radius:50%;background:#8b5cf6;animation:aiDot 1.4s infinite ease-in-out both}.ai-loading-dots span:nth-child(1){animation-delay:-.32s}.ai-loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes aiDot{0%,80%,100%{transform:scale(.4);opacity:.4}40%{transform:scale(1);opacity:1}}.ai-summary-error{margin-top:14px;display:flex;align-items:center;gap:10px;font-size:.85rem;color:#ef4444}.ai-retry-btn{padding:3px 10px;border:1px solid rgba(239,68,68,.25);border-radius:6px;background:0 0;color:#ef4444;font-size:.78rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.ai-retry-btn:hover{background:rgba(239,68,68,6%);border-color:rgba(239,68,68,.4)}[data-theme=dark] .ai-summary-error{color:#f87171}[data-theme=dark] .ai-retry-btn{border-color:rgba(248,113,113,.25);color:#f87171}[data-theme=dark] .ai-retry-btn:hover{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.4)}.share-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:center;justify-content:center;animation:shareOverlayIn .25s ease}.share-panel-overlay.share-panel-closing{animation:shareOverlayOut .2s ease forwards}.share-panel{background:var(--bg-card,#fff);border-radius:16px;padding:24px;width:90%;max-width:400px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:sharePanelIn .3s cubic-bezier(.16,1,.3,1)}.share-panel-closing .share-panel{animation:sharePanelOut .2s ease forwards}.share-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.share-panel-header h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.share-panel-close{width:30px;height:30px;border:none;background:var(--bg-tertiary,#f1f5f9);border-radius:50%;font-size:18px;line-height:1;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s,transform .2s}.share-panel-close:hover{background:var(--border-light,rgba(0,0,0,.1));color:var(--text-primary);transform:rotate(90deg)}.share-panel-url{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-bottom:16px;background:var(--bg-tertiary,#f1f5f9);border-radius:8px;font-size:.75rem;color:var(--text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.share-panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.share-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 10px;border:none;background:0 0;cursor:pointer;border-radius:12px;transition:background-color .2s,transform .2s}.share-item:hover{background:var(--bg-tertiary,#f1f5f9)}.share-item:active{transform:scale(.95)}.share-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;transition:transform .2s,box-shadow .2s}.share-item:hover .share-icon{transform:scale(1.1);box-shadow:0 4px 14px rgba(0,0,0,.15)}.share-item span{font-size:.72rem;color:var(--text-secondary);font-weight:500}.share-qr-section{text-align:center;padding-top:18px;border-top:1px solid var(--border-light,rgba(0,0,0,6%))}.share-qr-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0;color:var(--text-muted);font-size:.8rem}.share-qr-spinner{width:28px;height:28px;border:3px solid var(--border-light,rgba(0,0,0,.1));border-top-color:var(--accent-color,#3b82f6);border-radius:50%;animation:shareQrSpin .8s linear infinite}.share-qr-container{display:inline-block;padding:12px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light,rgba(0,0,0,6%))}.share-qr-container img{width:160px;height:160px;display:block;border-radius:4px}.share-qr-hint{margin:12px 0 0;font-size:.78rem;color:var(--text-muted)}.share-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.78);color:#fff;padding:10px 22px;border-radius:8px;font-size:.85rem;z-index:10000;pointer-events:none;animation:shareToastIn .3s ease}.share-toast-out{animation:shareToastOut .3s ease forwards}@keyframes shareOverlayIn{from{opacity:0}to{opacity:1}}@keyframes shareOverlayOut{from{opacity:1}to{opacity:0}}@keyframes sharePanelIn{from{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sharePanelOut{from{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.97)}}@keyframes shareQrSpin{to{transform:rotate(360deg)}}@keyframes shareToastIn{from{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes shareToastOut{from{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}[data-theme=dark] .share-panel{box-shadow:0 20px 60px rgba(0,0,0,.5)}[data-theme=dark] .share-qr-container{background:#1a1a2e;border-color:rgba(255,255,255,8%)}@media(max-width:480px){.share-panel{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;border-radius:16px 16px 0 0;animation:sharePanelSlideUp .35s cubic-bezier(.16,1,.3,1)}.share-panel-closing .share-panel{animation:sharePanelSlideDown .2s ease forwards}}@keyframes sharePanelSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sharePanelSlideDown{from{transform:translateY(0)}to{transform:translateY(100%)}}[data-theme=dark] .site-header{background:rgba(15,15,26,.6)}[data-theme=dark] .home-page .site-header{background:rgba(15,15,26,.6)}[data-theme=dark] .home-page .site-header .header-title{color:#e8e8f0}[data-theme=dark] .home-page .site-header .nav-link{color:#ccc}[data-theme=dark] .home-page .site-header .action-btn{color:#aaa}[data-theme=dark] .home-page .site-header .nav-link:hover,[data-theme=dark] .home-page .site-header .nav-link.active{color:#60a5fa}[data-theme=dark] .home-page .site-header .header-clock{color:#aaa}[data-theme=dark] .site-header.scrolled{background:rgba(15,15,26,.7)}[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link.active{color:#60a5fa}[data-theme=dark] .dropdown-menu{background:var(--bg-card,#1e1e2e);border-color:rgba(255,255,255,8%);box-shadow:0 8px 30px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .dropdown-menu::before{background:var(--bg-card,#1e1e2e);border-left:1px solid rgba(255,255,255,8%);border-top:1px solid rgba(255,255,255,8%)}[data-theme=dark] .dropdown-link:hover{background:color-mix(in srgb,var(--accent-color,#3b82f6) 12%,transparent);color:var(--accent-color,#3b82f6)}@media(prefers-color-scheme:dark){[data-theme=auto] .site-header{background:rgba(15,15,26,.6)}[data-theme=auto] .home-page .site-header{background:rgba(15,15,26,.6)}[data-theme=auto] .home-page .site-header .header-title{color:#e8e8f0}[data-theme=auto] .home-page .site-header .nav-link{color:#ccc}[data-theme=auto] .home-page .site-header .action-btn{color:#aaa}[data-theme=auto] .home-page .site-header .nav-link:hover,[data-theme=auto] .home-page .site-header .nav-link.active{color:#60a5fa}[data-theme=auto] .home-page .site-header .header-clock{color:#aaa}[data-theme=auto] .site-header.scrolled{background:rgba(15,15,26,.7)}[data-theme=auto] .nav-link:hover,[data-theme=auto] .nav-link.active{color:#60a5fa}[data-theme=auto] .dropdown-menu{background:var(--bg-card,#1e1e2e);border-color:rgba(255,255,255,8%);box-shadow:0 8px 30px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3)}[data-theme=auto] .dropdown-menu::before{background:var(--bg-card,#1e1e2e);border-left:1px solid rgba(255,255,255,8%);border-top:1px solid rgba(255,255,255,8%)}[data-theme=auto] .dropdown-link:hover{background:color-mix(in srgb,var(--accent-color,#3b82f6) 12%,transparent);color:var(--accent-color,#3b82f6)}}body.is-offline::before{content:'🔌 当前离线，内容来自缓存';position:fixed;top:0;left:0;right:0;z-index:99999;padding:8px 16px;background:#f59e0b;color:#fff;font-size:.85rem;font-weight:600;text-align:center;letter-spacing:.3px}.pwa-install-prompt{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--bg-card,#fff);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,8%);border:1px solid var(--border-light,rgba(0,0,0,6%));animation:pwa-slide-up .4s ease-out}.pwa-install-prompt .pwa-icon{width:44px;height:44px;border-radius:10px;object-fit:cover}.pwa-install-prompt .pwa-text{flex:1;min-width:160px}.pwa-install-prompt .pwa-text strong{display:block;font-size:.92rem}.pwa-install-prompt .pwa-text small{color:var(--text-muted);font-size:.78rem}.pwa-install-prompt button{padding:8px 18px;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease,background-color .2s ease}.pwa-install-prompt .btn-accept{background:var(--accent-color,#3b82f6);color:#fff}.pwa-install-prompt .btn-accept:hover{opacity:.9;transform:scale(1.02)}.pwa-install-prompt .btn-dismiss{background:0 0;color:var(--text-muted);border:1px solid var(--border-light)!important}.pwa-install-prompt .btn-dismiss:hover{background:var(--bg-tertiary)}@keyframes pwa-slide-up{from{opacity:0;transform:translateX(-50%)translateY(20px)}to{opacity:1;transform:translateX(-50%)translateY(0)}}@keyframes heading-highlight{0%{background-color:initial}20%{background-color:var(--accent-color,#3b82f6);color:#fff}100%{background-color:initial;color:inherit}}.heading-highlight{animation:heading-highlight 1.5s ease-out;padding:2px 8px;border-radius:4px}.topics-hub-page{max-width:100%}.topics-hero{position:relative;overflow:hidden;border-radius:16px;margin-bottom:20px;padding:48px 40px;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#4a47a3 100%)}.topics-hero-content{position:relative;z-index:1;text-align:center}.topics-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,.15);color:#fff;margin-bottom:16px;backdrop-filter:blur(4px)}.topics-hero-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 8px}.topics-hero-desc{font-size:.9rem;color:rgba(255,255,255,.75);margin:0;max-width:480px;margin-left:auto;margin-right:auto}.topics-hero-stats{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}.topics-hero-stat{display:inline-flex;align-items:center;gap:5px;padding:6px 16px;background:rgba(255,255,255,.15);backdrop-filter:blur(6px);border-radius:20px;font-size:.82rem;color:rgba(255,255,255,.9)}.topics-hero-stat svg{opacity:.7;flex-shrink:0}.topics-hero-stat strong{font-weight:700;font-size:1.05rem}.topics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:24px}.topic-card{background:var(--bg-card,#fff);border:1px solid var(--border-light,rgba(0,0,0,6%));border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94),border-color .35s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column}.topic-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1),0 4px 12px rgba(102,126,234,.15);border-color:rgba(102,126,234,.15)}.topic-card-cover{height:140px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-size:cover;background-position:50%;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px;flex-shrink:0}.topic-card-overlay{position:absolute;inset:0}.topic-card-count{position:relative;z-index:1;display:flex;align-items:baseline;gap:3px;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);border-radius:12px;padding:5px 12px;color:#fff}.topic-card-count-num{font-size:1.25rem;font-weight:700;line-height:1}.topic-card-count-label{font-size:.72rem;opacity:.8}.topic-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.topic-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.topic-card-desc{font-size:.82rem;color:var(--text-muted);margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.topic-card-footer{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;border-top:1px solid var(--border-light,rgba(0,0,0,5%))}.topic-card-action{font-size:.78rem;font-weight:600;color:#667eea}.topic-card-footer svg{color:#667eea;transition:transform .2s}.topic-card:hover .topic-card-footer svg{transform:translateX(3px)}.topics-empty{text-align:center;padding:64px 20px;color:var(--text-muted)}.topics-empty svg{opacity:.3;margin-bottom:12px}.topics-empty p{font-size:.9rem;margin:0}.topics-empty code{background:var(--bg-tertiary,#f1f5f9);padding:2px 6px;border-radius:4px;font-size:.82em}.topic-page{max-width:100%}.topic-hero{position:relative;overflow:hidden;border-radius:16px}.topic-hero-bg{position:relative;min-height:220px;background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center;border-radius:16px}.topic-hero-gradient{position:absolute;inset:0}.topic-hero-body{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 28px;color:#fff}.topic-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.15);color:#fff;margin-bottom:12px;backdrop-filter:blur(4px);flex-shrink:0}.topic-hero-title{font-size:1.8rem;font-weight:700;margin:0 0 8px}.topic-hero-desc{font-size:.88rem;color:rgba(255,255,255,.78);margin:0 auto;max-width:500px;line-height:1.5}.topic-hero-meta{margin-top:14px}.topic-hero-stat{display:inline-flex;align-items:center;gap:4px;padding:5px 16px;background:rgba(255,255,255,.15);backdrop-filter:blur(6px);border-radius:16px;font-size:.8rem;color:rgba(255,255,255,.9)}.topic-hero-stat strong{font-weight:700;font-size:1rem}.topic-article-grid{display:flex;flex-direction:column;gap:14px;margin-top:25px}.topic-article-card{display:flex;background:var(--bg-card,#fff);border:1px solid var(--border-light,rgba(0,0,0,6%));border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94)}.topic-article-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,8%),0 2px 8px rgba(102,126,234,.1);border-color:rgba(102,126,234,.12)}.topic-article-thumb{flex-shrink:0;width:200px;min-width:200px;min-height:140px;max-height:180px;overflow:hidden}.topic-article-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.topic-article-card:hover .topic-article-thumb img{transform:scale(1.05)}.topic-article-body{flex:1;padding:16px 20px;display:flex;flex-direction:column;justify-content:center;gap:10px;overflow:hidden}.topic-article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topic-article-date{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.topic-article-cat{font-size:.76rem;color:var(--text-muted);font-weight:500}.topic-article-rt,.topic-article-wc{font-size:.76rem;color:var(--text-muted)}.topic-article-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.topic-article-desc{font-size:.82rem;color:var(--text-muted);line-height:1.55;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}.topic-empty{text-align:center;padding:48px 20px;color:var(--text-muted)}.topic-empty svg{opacity:.3;margin-bottom:10px}.topic-empty p{font-size:.88rem;margin:0}[data-theme=dark] .topics-hero{background:linear-gradient(135deg,#4a47a3 0%,#5b3a8c 50%,#3a3580 100%)}[data-theme=dark] .topic-card{background:rgba(0,0,0,.15);border-color:rgba(255,255,255,6%)}[data-theme=dark] .topic-card:hover{border-color:rgba(102,126,234,.2);box-shadow:0 12px 32px rgba(0,0,0,.2),0 4px 12px rgba(102,126,234,.12)}[data-theme=dark] .topic-article-card{background:rgba(0,0,0,.15);border-color:rgba(255,255,255,6%)}[data-theme=dark] .topic-article-card:hover{border-color:rgba(102,126,234,.2);box-shadow:0 10px 30px rgba(0,0,0,.2),0 2px 8px rgba(102,126,234,.1)}@media(max-width:768px){.topics-hero{padding:30px 24px}.topics-hero-title{font-size:1.5rem}.topics-hero-stats{gap:10px}.topics-grid{grid-template-columns:repeat(3,1fr);gap:16px}.topic-card-cover{height:120px}.topic-hero-bg{min-height:180px}.topic-hero-title{font-size:1.4rem}.topic-article-thumb{width:140px;min-width:140px;min-height:110px;max-height:140px}.topic-article-body{padding:14px 16px;gap:8px}.topic-article-title{font-size:.92rem}.topic-article-desc{font-size:.78rem}}@media(max-width:480px){.topics-hero{padding:24px 18px}.topics-hero-title{font-size:1.3rem}.topics-hero-stats{flex-wrap:wrap;gap:8px}.topics-grid{grid-template-columns:1fr}.topic-article-thumb{width:110px;min-width:110px;min-height:90px;max-height:120px}.topic-article-body{padding:12px 14px;gap:6px}.topic-article-title{font-size:.85rem}}.music-widget{position:fixed;bottom:1.5rem;right:1.5rem;z-index:998;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.music-widget.autoplay-hint .mw-toggle::after{content:'▶';position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#ef4444;color:#fff;font-size:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:mw-pulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes mw-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.mw-toggle{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;cursor:pointer;box-shadow:0 4px 16px rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;z-index:999;padding:0;position:relative;overflow:hidden;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.mw-toggle:hover{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);transform:translateY(-4px)scale(1.05);box-shadow:0 8px 28px rgba(34,197,94,.45)}.mw-toggle:hover .mw-bar{background:#fff}.mw-toggle:active{transform:translateY(-2px)scale(.97)}.mw-wave{display:flex;align-items:flex-end;gap:2px;height:16px;width:18px}.mw-bar{width:3px;background:#fff;border-radius:1px;transition:height .15s ease;opacity:.9}.mw-bar1{height:6px}.mw-bar2{height:12px}.mw-bar3{height:8px}.mw-bar4{height:14px}.playing .mw-bar1{animation:mwWave 1.2s ease-in-out infinite}.playing .mw-bar2{animation:mwWave .9s ease-in-out infinite .1s}.playing .mw-bar3{animation:mwWave 1.1s ease-in-out infinite .2s}.playing .mw-bar4{animation:mwWave .8s ease-in-out infinite .3s}@keyframes mwWave{0%,100%{height:4px}50%{height:16px}}.mw-mini{position:absolute;bottom:54px;right:0;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-md,0 4px 20px rgba(0,0,0,.1));min-width:220px;max-width:260px;opacity:0;transform:translateY(8px)scale(.95);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.mw-mini.open{opacity:1;transform:translateY(0)scale(1);pointer-events:auto}.mw-mini-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mw-cover{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--bg-secondary,#f1f5f9)}.mw-info{flex:1;min-width:0;overflow:hidden}.mw-name{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary,#1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.mw-artist{display:block;font-size:.72rem;color:var(--text-tertiary,#64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.mw-mini-ctrls{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.mw-ctrl{width:30px;height:30px;border-radius:50%;border:none;background:0 0;color:var(--text-secondary,#475569);cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease;padding:0;flex-shrink:0}.mw-ctrl:hover{color:#22c55e;background:rgba(34,197,94,.1)}.mw-play-btn{width:36px;height:36px;background:#22c55e;color:#fff;font-size:.85rem}.mw-play-btn:hover{background:#16a34a;color:#fff;transform:scale(1.08)}.mw-progress-track{height:3px;background:var(--border-color,#e2e8f0);border-radius:2px;margin-top:8px;overflow:hidden}.mw-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:2px;width:0%;transition:width .3s linear}[data-theme=dark] .mw-mini{background:#1e293b;border-color:#334155}[data-theme=dark] .mw-name{color:#f1f5f9}[data-theme=dark] .mw-artist{color:#64748b}[data-theme=dark] .mw-ctrl{color:#94a3b8}[data-theme=dark] .mw-play-btn{background:#22c55e;color:#fff}[data-theme=dark] .mw-play-btn:hover{background:#16a34a}@media(max-width:768px){.music-widget{bottom:1.25rem;right:1rem}.mw-toggle{width:42px;height:42px}.mw-mini{min-width:240px;max-width:280px}}@media(max-width:480px){.music-widget{bottom:1rem;right:8px}.mw-toggle{width:38px;height:38px}.mw-mini{min-width:200px;max-width:240px;padding:10px}.mw-cover{width:32px;height:32px}.mw-name{font-size:.78rem}.mw-artist{font-size:.7rem}}.list-pagination{margin:40px auto 30px;padding:0 20px;max-width:600px}.pagination-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.pagination-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:500;color:var(--text-primary,#334155);background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;text-decoration:none;transition:all .25s ease;cursor:pointer}.pagination-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.25)}.pagination-btn svg{width:16px;height:16px;transition:transform .25s ease}.pagination-btn:hover svg{transform:translateX(2px)}.pagination-btn.prev:hover svg{transform:translateX(-2px)}.pagination-numbers{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.pagination-number{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;font-size:.875rem;font-weight:500;color:var(--text-secondary,#64748b);background:0 0;border:1px solid var(--border-light,#f1f5f9);border-radius:8px;text-decoration:none;transition:all .2s ease}.pagination-number:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed;border-color:#c4b5fd;transform:translateY(-1px)}.pagination-number.current{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 2px 8px rgba(102,126,234,.3);cursor:default}.pagination-info{text-align:center;font-size:.82rem;color:var(--text-muted,#94a3b8);margin-top:12px}.list-pagination-info{font-size:.78rem;color:#94a3b8;font-weight:400;margin-left:8px}[data-theme=dark] .pagination-btn{background:rgba(51,65,85,.5);border-color:rgba(71,85,105,.4);color:#cbd5e1}[data-theme=dark] .pagination-btn:hover{background:linear-gradient(135deg,#4c1d95,#7c3aed);border-color:transparent}[data-theme=dark] .pagination-number{color:#94a3b8;border-color:rgba(71,85,105,.3)}[data-theme=dark] .pagination-number:hover{background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(139,92,246,.1));color:#a78bfa;border-color:rgba(139,92,246,.3)}[data-theme=dark] .pagination-info{color:#64748b}@media(max-width:768px){.list-pagination{margin:30px auto 20px;padding:0 12px}.pagination-wrapper{gap:8px}.pagination-btn{padding:8px 16px;font-size:.85rem}.pagination-number{min-width:34px;height:34px;font-size:.82rem;padding:0 10px}.pagination-info{font-size:.76rem}}