:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #333333;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: #e8e8e8;--color-accent: #2c3e50;--color-accent-hover: #34495e;--color-link: #3498db;--color-link-hover: #2980b9;--color-shadow: rgba(0, 0, 0, .15);--font-serif: "Noto Serif SC", Georgia, "Times New Roman", serif;--font-sans: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--container-max-width: 800px;--header-height: 60px;--transition-fast: .15s ease;--transition-normal: .3s ease}[data-theme=dark]{--color-bg: #1a1a1a;--color-surface: #2d2d2d;--color-text: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-muted: #808080;--color-border: #404040;--color-accent: #ecf0f1;--color-accent-hover: #bdc3c7;--color-link: #5dade2;--color-link-hover: #85c1e9;--color-shadow: rgba(255, 255, 255, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px)}body{font-family:var(--font-sans);font-size:1rem;line-height:1.8;color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-normal),color var(--transition-normal)}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}img{max-width:100%;height:auto}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;line-height:1.4;color:var(--color-text)}::selection{background-color:var(--color-link);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{position:sticky;top:0;z-index:100;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);backdrop-filter:blur(10px)}.nav{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.logo{font-family:var(--font-serif);font-size:2.25rem;font-weight:600;color:var(--color-text)}.logo:hover{color:var(--color-accent)}.nav-menu{display:flex;list-style:none;gap:var(--spacing-xl)}.nav-link{font-size:.95rem;color:var(--color-text-secondary);padding:var(--spacing-sm) 0;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-text)}.nav-link:hover:after,.nav-link.active:after{width:100%}.theme-toggle{background:none;border:none;cursor:pointer;padding:var(--spacing-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.theme-toggle:hover{color:var(--color-text)}.theme-toggle svg{width:20px;height:20px}.sun-icon{display:block}.moon-icon,[data-theme=dark] .sun-icon{display:none}[data-theme=dark] .moon-icon{display:block}@media(max-width:768px){.nav-menu{display:none}}.footer{padding:var(--spacing-xxl) 0;background-color:var(--color-surface);border-top:1px solid var(--color-border);margin-top:var(--spacing-xxl)}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.copyright{font-size:.9rem;color:var(--color-text-secondary)}.site-age{margin-left:var(--spacing-sm);font-size:.8rem;color:var(--color-text-muted)}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-link{font-size:.9rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.footer-link:hover{color:var(--color-link)}.footer-link svg{width:16px;height:16px}.site-footer-icon-link{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-secondary);transition:color var(--transition-fast)}.site-footer-icon-link:hover{color:var(--color-link)}.site-footer-icon-image{width:100%;height:100%;mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:currentColor}.site-footer-icon-image--blogscn{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M8 15h3v-3h2v3h3v2h-3v3h-2v-3H8v-2z'/%3E%3C/svg%3E")}.site-footer-icon-image--blogsclub{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M8 9h3v6H8zM13 9h3v6h-3z'/%3E%3C/svg%3E")}.site-footer-icon-image--foreverblog{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M9 7l6 3.5-6 3.5V7z'/%3E%3C/svg%3E")}.site-footer-icon-image--travellings{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M8 15h8v-2H8v2zm0-4h8V9H8v2z'/%3E%3C/svg%3E")}.pact-link{position:relative}.pact-icon{width:18px;height:18px;color:var(--color-accent);transition:all var(--transition-fast)}.pact-link:hover .pact-icon{transform:scale(1.1);color:var(--color-link)}.pact-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--color-text-secondary);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:100;box-shadow:var(--shadow-lg);transition:opacity var(--transition-fast),visibility var(--transition-fast)}.pact-link:hover .pact-tooltip{opacity:1;visibility:visible}.pact-tooltip strong{color:var(--color-text-primary);font-weight:600;margin-bottom:4px}.pact-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-surface-elevated)}.powered{text-align:center;font-size:.85rem;color:var(--color-text-muted)}@media(max-width:768px){.footer-content{flex-direction:column;gap:var(--spacing-md);text-align:center}}.main{min-height:calc(100vh - var(--header-height) - 200px);padding:var(--spacing-xl) 0}.reading-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:var(--color-link);z-index:1000;transition:width .1s ease}.float-buttons{position:fixed;right:20px;bottom:80px;display:flex;flex-direction:column;gap:12px;z-index:999}.float-btn{width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;box-shadow:0 4px 12px var(--color-shadow)}.float-btn:hover{transform:scale(1.05)}.float-btn.show{opacity:1;visibility:visible;transform:translateY(0)}.float-btn svg{width:20px;height:20px}.back-to-top{order:1}.go-to-comments{order:2}[data-theme=light] .float-btn{background-color:var(--color-bg);color:var(--color-accent);border:2px solid var(--color-accent)}[data-theme=light] .float-btn:hover{background-color:var(--color-accent);color:var(--color-bg)}[data-theme=dark] .float-btn{background-color:var(--color-bg);color:var(--color-accent);border:2px solid var(--color-accent)}[data-theme=dark] .float-btn:hover{background-color:var(--color-accent);color:var(--color-bg)}@media(max-width:768px){.float-buttons{right:15px;bottom:60px}.float-btn{width:44px;height:44px}}