.post-detail .post-content h1,.post-detail .post-content h2,.post-detail .post-content h3,.post-detail .post-content h4,.post-detail .post-content h5,.post-detail .post-content h6,.friends-page h2,.archive-page h2,.archive-page h3{color:var(--text-color);font-weight:600;line-height:1.4;margin:1.5em 0 1em}.post-detail .post-content h1:first-child,.post-detail .post-content h2:first-child,.post-detail .post-content h3:first-child,.post-detail .post-content h4:first-child,.post-detail .post-content h5:first-child,.post-detail .post-content h6:first-child,.friends-page h2:first-child,.archive-page h2:first-child,.archive-page h3:first-child{margin-top:0}.post-detail .post-content h1::before,.post-detail .post-content h2::before,.post-detail .post-content h3::before,.post-detail .post-content h4::before,.post-detail .post-content h5::before,.post-detail .post-content h6::before,.friends-page h2::before,.archive-page h2::before,.archive-page h3::before{color:var(--color-accent);margin-right:.5em}.post-detail .post-content a{padding:.2rem;margin:0 .2rem;background:linear-gradient(0deg, slateblue, slateblue) no-repeat right bottom/0 2px;transition:background-size 350ms}@media (hover: hover) and (pointer: fine){.post-detail .post-content a:where(:hover):where(:focus-visible){background-size:100% 2px;background-position-x:left}}:root{--color-primary-hue:245;--color-gray-hue:220;--color-primary-saturation:58%;--color-primary-lightness:50%;--color-brand:HSL(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness));--color-accent:HSL(var(--color-primary-hue), var(--color-primary-saturation), calc(var(--color-primary-lightness) + 10%));--color-white:#ffffff;--color-black:#1a1a1a;--color-gray-50:HSL(var(--color-gray-hue), 20%, 97%);--color-gray-100:HSL(var(--color-gray-hue), 15%, 88%);--color-gray-300:HSL(var(--color-gray-hue), 10%, 65%);--color-gray-500:HSL(var(--color-gray-hue), 10%, 40%);--color-gray-700:HSL(var(--color-gray-hue), 15%, 25%);--color-gray-900:HSL(var(--color-gray-hue), 20%, 15%);--text-color:var(--color-gray-900);--text-color-secondary:var(--color-gray-500);--text-color-subtle:var(--color-gray-300);--bg-color:var(--color-white);--bg-color-secondary:var(--color-gray-50);--border-color:var(--color-gray-100);--link-color:var(--color-brand);--link-hover-color:var(--color-accent);--focus-ring-color:HSL(var(--color-primary-hue), 80%, 60%, 0.5);--font-family:'LXGW WenKai Screen', sans-serif;--container-width:960px;--header-height:64px;--footer-height:128px}:root.dark{--color-primary-saturation:50%;--color-primary-lightness:62%;--color-accent:HSL(var(--color-primary-hue), var(--color-primary-saturation), calc(var(--color-primary-lightness) + 8%));--color-gray-50:HSL(var(--color-gray-hue), 10%, 18%);--color-gray-100:HSL(var(--color-gray-hue), 10%, 25%);--color-gray-300:HSL(var(--color-gray-hue), 8%, 45%);--color-gray-500:HSL(var(--color-gray-hue), 8%, 65%);--color-gray-700:HSL(var(--color-gray-hue), 10%, 82%);--color-gray-900:HSL(var(--color-gray-hue), 12%, 88%);--text-color:var(--color-gray-900);--text-color-secondary:var(--color-gray-500);--text-color-subtle:var(--color-gray-300);--bg-color:HSL(var(--color-gray-hue), 10%, 12%);--bg-color-secondary:var(--color-gray-50);--border-color:var(--color-gray-100)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);line-height:1.6;transition:background-color 0.3s ease, color 0.3s ease}body.modal-open{overflow:hidden}ul,ol{margin:0;padding:0;list-style:none}.container{max-width:var(--container-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:var(--link-color);transition:all 0.2s ease}@media (hover: hover) and (pointer: fine){a:hover{color:var(--link-hover-color)}}.main-header{position:sticky;top:0;z-index:50;background-image:radial-gradient(transparent 1px, var(--bg-color) 1px);background-size:4px 4px;backdrop-filter:saturate(50%) blur(4px);-webkit-backdrop-filter:saturate(50%) blur(4px);height:var(--header-height);transition:background-color 0.3s ease}.main-header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.main-header .logo{font-size:1.5rem;font-weight:500;color:var(--color-accent)}.main-header .main-nav ul{position:relative;display:none;align-items:center;gap:2rem;height:100%;line-height:48px}.main-header .main-nav ul::after{content:'';position:absolute;bottom:-1px;left:var(--slider-left, 0);width:var(--slider-width, 0);height:3px;background-color:var(--color-accent);border-radius:3px;transition:left 0.3s cubic-bezier(0.4, 0, 0.2, 1),width 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.main-header .main-nav ul a{padding:0 0.25rem}@media (min-width: 768px){.main-header .main-nav ul{display:flex}}.main-header .main-nav a{color:var(--text-color-secondary);font-weight:500;transition:color 0.2s}.main-header .main-nav a:hover,.main-header .main-nav a.active{color:var(--color-accent)}.main-header .main-nav a.active{font-weight:700}.content-section{padding:3rem 1.5rem;min-height:calc(100vh - var(--header-height) - var(--footer-height))}.content-section .archive-title{margin:0;padding:1.5rem}.post-list .post-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;transition:background-color 0.3s ease;opacity:0;animation:fadeInUp .5s ease-out 0s forwards}.post-list .post-item::after{content:attr(data-category);position:absolute;right:0;font-size:48px;line-height:48px;opacity:.05;user-select:none}@media (hover: hover) and (pointer: fine){.post-list .post-item:hover .post-item-info span{color:var(--color-accent)}}.post-list .post-item-info span{color:var(--text-color);transition:color 0.3s ease;margin:0;font-size:1.25rem}.post-list .post-item-date{font-size:0.9rem;color:var(--text-color-subtle);margin-top:0.25rem}.not-found{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;text-align:center;padding:4rem 1.5rem;min-height:calc(100vh - var(--header-height) - var(--footer-height) - 6rem);overflow:hidden}.not-found-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:0;font-size:20rem;font-weight:700;color:var(--text-color);opacity:0.04;user-select:none;pointer-events:none}.not-found-content{position:relative;z-index:1;opacity:0;animation:fadeInUp .6s ease-out 0s forwards}.not-found-content h1{font-size:2.5rem;color:var(--text-color);margin:0 0 1rem}.not-found-content p{font-size:1.1rem;color:var(--text-color-subtle);max-width:450px;margin:0 auto 2.5rem}@media (max-width: 767px){.not-found-bg-text{font-size:12rem}.not-found-content h1{font-size:2rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-footer{display:flex;align-items:center;justify-content:center;flex-direction:row;background-color:var(--bg-color-secondary);color:var(--text-color-subtle);font-size:0.9rem;height:var(--footer-height)}.main-footer .container{width:100%;text-align:center}.main-footer p{margin:0.5em 0;display:flex;display:flex;align-items:center;justify-content:center;flex-direction:row}.main-footer p>*:not(:first-child)::before{content:'|';margin:0 0.8em;color:var(--text-color-subtle);opacity:0.6}.main-footer p a{color:var(--text-color-subtle);transition:all 0.2s ease}.main-footer p a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.fab-toolbar{position:fixed;bottom:2rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:0.75rem}.fab-toolbar .theme-icon-container{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:row;width:1.25rem;height:1.25rem;overflow:hidden}.fab-toolbar .theme-icon-container i{position:absolute;font-size:1.25rem;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),filter 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.fab-toolbar .theme-icon-container i.is-visible{transform:translateX(0);opacity:1;filter:blur(0)}.fab-toolbar .theme-icon-container i.is-entering-from-left,.fab-toolbar .theme-icon-container i.is-exiting-to-left{transform:translateX(-150%);opacity:0;filter:blur(8px)}.fab-toolbar .theme-icon-container i.is-entering-from-right,.fab-toolbar .theme-icon-container i.is-exiting-to-right{transform:translateX(150%);opacity:0;filter:blur(8px)}.fab-toolbar.is-open #fab-toggle i{transform:rotate(135deg)}@media (max-width: 767px){.fab-toolbar.is-open .fab-container .fab-button{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}}@media (max-width: 767px){.fab-toolbar.is-open .fab-container #fab-toc{transition-delay:0.15s}.fab-toolbar.is-open .fab-container #fab-comments{transition-delay:0.1s}.fab-toolbar.is-open .fab-container #fab-search{transition-delay:0.05s}}@media (min-width: 768px){.fab-toolbar{gap:1rem}}.fab-container{display:flex;flex-direction:column;align-items:flex-end;gap:inherit}@media (max-width: 767px){.fab-container .fab-button{opacity:0;transform:scale(0.5) translateY(20px);pointer-events:none;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1)}}.fab-button{display:flex;align-items:center;justify-content:center;flex-direction:row;width:44px;height:44px;border-radius:50%;background-color:var(--bg-color);color:var(--text-color-subtle);border:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,0.1);cursor:pointer;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);-webkit-tap-highlight-color:transparent}.dark .fab-button{box-shadow:0 4px 12px rgba(0,0,0,0.3)}.fab-button i{font-size:1.25rem;transition:transform 0.3s ease}.fab-button:active{transform:scale(0.95);transition-duration:0.1s}@media (hover: hover) and (pointer: fine){.fab-button:hover{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}}#fab-back-to-top{opacity:0;transform:scale(0.8);pointer-events:none;transition:opacity 0.2s ease, transform 0.2s ease}#fab-back-to-top.visible{opacity:1;transform:scale(1);pointer-events:auto}@media (min-width: 768px){#fab-back-to-top{transform:translateY(20px)}#fab-back-to-top.visible{transform:translateY(0)}}@media (min-width: 768px){#fab-toggle{display:none}}#mobile-menu-toggle{background:none;border:none;box-shadow:none;padding:0;cursor:pointer;color:var(--text-color-subtle);transition:color 0.2s;z-index:51}#mobile-menu-toggle:hover{color:var(--color-accent)}@media (min-width: 768px){#mobile-menu-toggle{display:none}}#mobile-menu-icon{font-size:1.5rem}#mobile-menu{position:fixed;inset:0;z-index:40;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;font-size:1.5rem;opacity:0;transform:scale(0.95);pointer-events:none;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out}#mobile-menu.open{opacity:1;transform:scale(1);pointer-events:auto}#mobile-menu a{color:var(--text-color-subtle);transition:color 0.2s}#mobile-menu a.active,#mobile-menu a:hover{color:var(--color-accent)}#search-overlay{position:fixed;inset:0;z-index:110;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;flex-direction:row;opacity:0;pointer-events:none;transition:opacity 0.3s ease}#search-overlay.open{opacity:1;pointer-events:auto}#search-overlay .search-container{width:100%;text-align:center}#search-overlay #search-input{width:90%;max-width:600px;font-size:2rem;padding:1rem 0;text-align:center;color:var(--text-color);background:transparent;border:none;outline:none;border-bottom:2px solid var(--border-color);transition:border-color 0.3s}#search-overlay #search-input:focus{border-bottom-color:var(--color-accent)}#search-overlay #search-input::placeholder{color:var(--text-color-subtle)}#search-overlay #close-search{position:absolute;top:2rem;right:2rem;font-size:2rem;color:var(--text-color-subtle);background:none;border:none;cursor:pointer;transition:color 0.3s, transform 0.3s}#search-overlay #close-search:hover{color:var(--color-accent);transform:rotate(90deg)}.toc-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1001;width:300px;max-width:80vw;background-color:var(--bg-color);border-left:1px solid var(--border-color);box-shadow:-4px 0 15px rgba(0,0,0,0.1);transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column}.toc-drawer.is-open{transform:translateX(0)}.toc-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.toc-header h2{margin:0;padding:0;font-size:1.2rem;font-weight:500;border:none;text-indent:0}#toc-close{background:none;border:none;cursor:pointer;color:var(--text-color-subtle);font-size:1.5rem;padding:0;line-height:1}#toc-close:hover{color:var(--color-accent)}.toc-nav{overflow-y:auto;padding:1rem 1.5rem;flex-grow:1}.toc-nav li{margin:0}.toc-nav a{display:block;padding:0.5rem 0 0.5rem 10px;font-size:0.95rem;color:var(--text-color-secondary);border-left:3px solid transparent;transition:all 0.2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none}.toc-nav a:hover{color:var(--color-accent);background-color:var(--bg-color-secondary)}.toc-nav a.active{color:var(--color-accent);border-left-color:var(--color-accent);font-weight:500}.toc-nav .toc-level-2{padding-left:10px}.toc-nav .toc-level-3{padding-left:25px}.toc-nav .toc-level-4{padding-left:40px;font-size:0.9rem}.toc-nav .toc-level-5,.toc-nav .toc-level-6{display:none}.toc-overlay{position:fixed;inset:0;z-index:1000;background-color:rgba(0,0,0,0.4);opacity:0;pointer-events:none;transition:opacity 0.35s ease}.toc-overlay.is-open{opacity:1;pointer-events:auto}.paginator{display:flex;align-items:center;justify-content:center;flex-direction:row;margin:3rem 0 2rem;user-select:none}.paginator .page-navigator{display:flex;align-items:center;gap:0.75rem}@media (max-width: 767px){.paginator .page-navigator{gap:0.15rem}}.paginator li a,.paginator li span{display:flex;align-items:center;justify-content:center;flex-direction:row;min-width:40px;height:40px;padding:0 0.5rem;border-radius:8px;font-size:0.9rem;font-weight:500;color:var(--text-color-secondary);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}@media (max-width: 767px){.paginator li a,.paginator li span{min-width:36px;height:36px}}@media (hover: hover) and (pointer: fine){.paginator li a:hover{background-color:var(--bg-color-secondary);color:var(--color-accent)}}.paginator li span{cursor:default}.paginator li.current a{background-color:var(--color-accent);color:var(--color-white);font-weight:700;cursor:default}.paginator li.prev a,.paginator li.next a{font-weight:700;font-size:1rem}.post-detail{padding:1.5rem 0;opacity:0;animation:fadeInUp .5s ease-out 0s forwards}.post-detail .post-header{text-align:center;margin-bottom:2rem}.post-detail .post-title{font-size:2.5rem;font-weight:700;color:var(--text-color);margin:0 0 1rem;line-height:1.3}.post-detail .post-meta{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:0.5rem 1.5rem;font-size:0.9rem;color:var(--text-color-subtle)}.post-detail .post-meta .meta-item{display:inline-flex;align-items:center}.post-detail .post-meta .meta-item i{margin-right:0.5em;font-size:1.1em}.post-detail .post-meta .meta-item a{color:inherit;border-bottom:1px dashed var(--border-color)}.post-detail .post-meta .meta-item a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.post-detail .post-content{font-size:1.1rem;line-height:1.8}.post-detail .post-content p,.post-detail .post-content ul,.post-detail .post-content ol,.post-detail .post-content blockquote{margin-bottom:1.5em}.post-detail .post-content p:not(.video){text-indent:2em}.post-detail .post-content h1{font-size:2rem}.post-detail .post-content h1::before{content:none}.post-detail .post-content h2{font-size:1.75rem}.post-detail .post-content h2::before{content:'#'}.post-detail .post-content h3{font-size:1.5rem}.post-detail .post-content h3::before{content:'##'}.post-detail .post-content h4{font-size:1.25rem}.post-detail .post-content h4::before{content:'###'}.post-detail .post-content h5{font-size:1.1rem}.post-detail .post-content h5::before{content:'####'}.post-detail .post-content h6{font-size:1rem;color:var(--text-color-subtle)}.post-detail .post-content h6::before{content:none}.post-detail .post-content strong{font-weight:700}.post-detail .post-content em{font-style:italic}.post-detail .post-content s{text-decoration:line-through}.post-detail .post-content hr{border:0;border-top:1px solid var(--border-color);margin:3rem 0}.post-detail .post-content ul,.post-detail .post-content ol{padding-left:1.5rem}.post-detail .post-content ul ul,.post-detail .post-content ul ol,.post-detail .post-content ol ul,.post-detail .post-content ol ol{margin:0.5em 0}.post-detail .post-content li{margin-bottom:0.5em}.post-detail .post-content li::marker{color:var(--color-accent)}.post-detail .post-content blockquote{border-left:4px solid var(--color-accent);padding:1rem 1.5rem;margin-left:0;margin-right:0;background-color:var(--bg-color-secondary);border-radius:4px;color:var(--text-color-secondary)}.post-detail .post-content blockquote p{text-indent:0 !important}.post-detail .post-content blockquote p:first-child{margin-top:0}.post-detail .post-content blockquote p:last-child{margin-bottom:0}.post-detail .post-content blockquote footer{font-size:0.9em;text-align:right;font-style:italic}.post-detail .post-content code{font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;background-color:var(--bg-color-secondary);color:var(--text-color);padding:0.2em 0.4em;border-radius:4px;font-size:0.9em}.post-detail .post-content pre{background-color:var(--bg-color-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;overflow-x:auto;font-size:0.9rem;line-height:1.6}.post-detail .post-content pre code{background:none;padding:0;font-size:1em}.post-detail .post-content figure{margin:2rem 0;display:flex;flex-wrap:wrap;gap:.5rem}.post-detail .post-content figure:has(a:first-child:last-child),.post-detail .post-content figure:has(a:nth-child(2):last-child){justify-content:center}.post-detail .post-content figure a{flex:1 1 288px;height:162px;display:block;overflow:hidden;transition:transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;padding:0;margin:0;background:none}.post-detail .post-content figure a:only-child{flex-basis:640px;height:360px}.post-detail .post-content figure a:first-child:nth-last-child(2),.post-detail .post-content figure a:nth-child(2):nth-last-child(1){flex-basis:448px;height:252px}@media (hover: hover) and (pointer: fine){.post-detail .post-content figure a:hover{box-shadow:0 4px 10px rgba(0,0,0,0.2)}}.post-detail .post-content figure a img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}.post-detail .post-content figure figcaption{width:100%;text-align:center;font-style:italic;color:var(--text-color-secondary);font-size:1rem}.post-detail .post-content .table-wrap{overflow-x:auto;margin:2rem 0;border:1px solid var(--border-color);border-radius:8px;-webkit-overflow-scrolling:touch}.post-detail .post-content .table-wrap::-webkit-scrollbar{height:8px}.post-detail .post-content .table-wrap::-webkit-scrollbar-track{background:transparent}.post-detail .post-content .table-wrap::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.post-detail .post-content table{width:100%;min-width:600px;border-collapse:collapse;font-size:0.95em}.post-detail .post-content table th,.post-detail .post-content table td{padding:.5rem .75rem;border:1px solid var(--border-color);vertical-align:top}.post-detail .post-content table thead{background-color:var(--color-gray-100)}.post-detail .post-content table thead th{font-weight:600;color:var(--text-color);white-space:nowrap}.post-detail .post-content table tbody tr:nth-child(even){background-color:var(--bg-color-secondary)}.post-detail .post-content table tbody tr:last-child td{border-bottom:0}.post-detail .post-footer{margin-top:2rem}.post-detail .post-end{display:flex;align-items:center;justify-content:center;flex-direction:row;margin:1rem 0}.post-detail .post-end span{display:flex;align-items:center;justify-content:center;flex-direction:row;color:var(--text-color-subtle);opacity:.2}.post-detail .post-end span::before,.post-detail .post-end span::after{content:'';background:var(--text-color-subtle);height:2px;width:128px}.post-detail .post-end span::before{margin-right:16px}.post-detail .post-end span::after{margin-left:16px}.post-detail .post-tags ul{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:0.75rem}.post-detail .post-tags ul a{display:inline-block;background-color:var(--bg-color-secondary);border-radius:.5rem;color:var(--text-color-subtle);padding:0.3rem 0.8rem;font-size:0.9rem;text-decoration:none}.post-detail .post-tags ul a:hover{background-color:var(--color-accent);color:var(--color-white)}.post-detail .post-tags ul a sup{margin-left:.5rem;color:var(--text-secondary-color)}@media (max-width: 767px){.post-detail .post-header .post-title{font-size:2rem}.post-detail .post-content{font-size:1rem}}.memo-list{display:flex;flex-direction:column;padding:1.5rem 0;gap:1.5rem}.memo-list .memo-item{position:relative;display:flex;flex-direction:column;transition:background-color 0.3s ease;opacity:0;animation:fadeInUp .5s ease-out 0s forwards}.memo-list .memo-pinned{position:absolute;right:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:row;width:2rem;height:2rem}.memo-list .memo-pinned i{font-size:1.3rem;color:var(--color-accent)}.memo-list .memo-content{padding:0 1rem;border-radius:4px;background:var(--bg-color-secondary)}.memo-list .memo-gallery{margin:2rem 0;display:grid;grid-template-columns:repeat(auto-fill, minmax(288px, 1fr));gap:.5rem}.memo-list .memo-gallery a{height:162px;display:block;overflow:hidden;transition:transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;background:none}@media (hover: hover) and (pointer: fine){.memo-list .memo-gallery a:hover{box-shadow:0 4px 10px rgba(0,0,0,0.2)}}.memo-list .memo-gallery a img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}.memo-list .memo-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding:0 1rem;color:var(--text-color-subtle)}.friends-page{padding:1.5rem 0;opacity:0;animation:fadeInUp .5s ease-out 0s forwards}.friends-page h2{font-size:1.75rem}.friends-page h2::before{content:'#'}.friends-page ul{margin:2rem 0;display:grid;grid-template-columns:repeat(auto-fill, minmax(288px, 1fr));gap:.5rem}.friends-page li{flex:1 2 300px;border-radius:2rem .5rem .5rem 2rem;background:var(--bg-color-secondary)}.friends-page li:hover a:not(.status-3){color:var(--color-accent)}.friends-page li:hover a:not(.status-3) .avatar{animation:shake .8s both;filter:none}.friends-page a{display:flex;align-items:center;padding:.5rem .5rem .5rem 1rem;color:var(--text-color)}.friends-page a.status-3{filter:grayscale(100%)}.friends-page a.status-3 .name{color:var(--text-color-subtle)}.friends-page .avatar{width:48px;height:48px;border-radius:50%}.friends-page .text{flex:1;display:flex;flex-direction:column;max-width:192px;margin-left:1rem;margin-right:.5rem}.friends-page .name{line-height:28px}.friends-page .description{line-height:20px;font-size:.9rem;color:var(--text-color-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-page{padding:1.5rem 0;opacity:0;animation:fadeInUp .5s ease-out 0s forwards}.archive-page h2{font-size:1.75rem}.archive-page h2::before{content:'#'}.archive-page h3{font-size:1.5rem}.archive-page h3::before{content:'##'}.archive-page .archive-posts li{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.archive-page .archive-posts li .title{color:var(--text-color);transition:color 0.2s ease}.archive-page .archive-posts li .title time{color:var(--text-color-subtle);width:80px}.archive-page .archive-posts li .title span{margin-left:2rem}.archive-page .archive-posts li .comment{color:var(--text-color-subtle)}@media (hover: hover) and (pointer: fine){.archive-page .archive-posts li .title:hover,.archive-page .archive-posts li .comment:hover{color:var(--color-accent)}}.near{display:flex;justify-content:space-between;margin-bottom:1rem}@media (max-width: 767px){.near{flex-direction:column}}.near .prev a,.near .next a{display:flex;flex-direction:column;color:var(--text-color)}.near .prev .text,.near .next .text{user-select:none;color:var(--text-color-subtle);opacity:.5;font-weight:700;transition:all .4s ease-in-out}.near .prev .name,.near .next .name{transition:all .4s ease-in-out}.near .prev:hover a,.near .next:hover a{color:var(--color-accent)}.near .next{text-align:right}.page-tracks{position:fixed !important;top:0;left:0;width:100%;height:calc(100vh + 16px);margin-top:-16px}.comments{margin-top:2rem}.comments h2{margin:1rem 0;padding-left:1rem;font-size:1.5rem;border-left:0.5rem solid var(--color-accent)}.comments .comment-ai{margin-bottom:1rem}.comments .comment-ai .header{display:flex;justify-content:space-between;align-items:center}.comments .comment-ai .header span{color:var(--text-color-subtle)}.comments .comment-ai .content{display:flex}.comments .comment-ai .avatar{flex:0 0 48px;display:flex;align-items:center;justify-content:center;flex-direction:row;width:48px;height:48px;border-radius:.5rem;border:1px solid var(--border-color)}.comments .comment-ai .avatar i{font-size:2.25rem;color:var(--color-accent)}.comments .comment-ai .bubble{flex-grow:1;position:relative;margin-left:1.5rem;padding:0 1rem;background-color:var(--bg-color-secondary);border-radius:8px}.comments .comment-ai .bubble::before{content:"";position:absolute;top:15px;left:-10px;width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent var(--bg-color-secondary) transparent transparent}.comments .comment-ai .loading .dot{display:inline-block;opacity:0;animation:fade-in-out 1.5s infinite;width:0.2rem;margin-left:.2rem}.comments .comment-ai .loading .dot:nth-child(1){animation-delay:0s}.comments .comment-ai .loading .dot:nth-child(2){animation-delay:0.5s}.comments .comment-ai .loading .dot:nth-child(3){animation-delay:1s}@keyframes fade-in-out{0%,100%{opacity:0}25%,75%{opacity:1}}.comments .comment-list ul{display:flex;flex-direction:column;gap:.5rem}.comments .comment-list li{display:flex}.comments .comment-list li.parent>.content>.children{margin-left:.8rem;padding-left:1rem;border-left:.2rem solid transparent;transition:border-left-color 0.3s ease-in-out}.comments .comment-list li.parent:where(:focus-within):where(:hover)>.content>.children{border-left-color:var(--focus-ring-color)}.comments .comment-list li img.avatar{border-radius:.5rem}.comments .comment-list li .content{width:100%}.comments .comment-list li .header{display:flex;align-items:center}.comments .comment-list li .avatar{flex:0 0 48px}.comments .comment-list li .avatar img{width:48px;height:48px}.comments .comment-list li .meta{flex-grow:1;margin-left:.5rem;color:var(--text-color-secondary)}.comments .comment-list li .meta .author{color:var(--text-color);margin-right:.5rem}.comments .comment-list li .meta .region{color:var(--text-secondary-color)}.comments .comment-list li .meta time{line-height:1.5;color:var(--text-secondary-color)}.comments .comment-list li .meta time::before{content:'/';margin:0 8px}.comments .comment-list li .text{margin:.5rem 0}.comments .editor-panel .editor-form{display:flex;flex-direction:column;gap:1rem}.comments .editor-panel .editor-form input,.comments .editor-panel .editor-form textarea{font-family:inherit;font-size:1rem;width:100%;padding:.5rem 1rem;background:var(--bg-color);border-radius:4px;outline:none;color:var(--text-color-secondary);border:1px solid var(--border-color);transition:all 0.4s ease-in-out}.comments .editor-panel .editor-form input:where(:hover):where(:focus),.comments .editor-panel .editor-form textarea:where(:hover):where(:focus){border-color:var(--focus-ring-color);box-shadow:0 0 0 0.1rem var(--focus-ring-color)}.comments .editor-panel .editor-form .editor-header{display:flex;justify-content:space-between;gap:1rem}@media (max-width: 767px){.comments .editor-panel .editor-form .editor-header{flex-direction:column}}.comments .editor-panel .editor-form .editor-meta{position:relative;flex:1}.comments .editor-panel .editor-form .editor-meta input:focus+.placeholder,.comments .editor-panel .editor-form .editor-meta input:not(:placeholder-shown)+.placeholder{top:-1rem;font-size:0.8rem;color:var(--text-color-secondary);background-color:var(--bg-color)}.comments .editor-panel .editor-form .placeholder{position:absolute;top:.5rem;left:.5rem;padding:0 .5rem;font-size:1rem;color:var(--text-color-subtle);transition:all .3s;pointer-events:none}.comments .editor-panel .editor-form textarea{display:block;line-height:1.5;resize:vertical;min-height:100px}.comments .editor-panel .editor-form .editor-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.comments .editor-panel .editor-form button.submit{padding:0.5rem 2rem;font-weight:500;color:var(--color-white);background-color:var(--color-accent);border:1px solid var(--color-accent);border-radius:4px;transition:transform 0.2s ease, box-shadow 0.2s ease;cursor:pointer}@media (hover: hover) and (pointer: fine){.comments .editor-panel .editor-form button.submit:hover{box-shadow:0 0 0 0.1rem var(--focus-ring-color)}}.comments .editor-panel .editor-form #cancel-comment-reply-link{padding:0.5rem 1rem;color:var(--text-color-subtle)}@media (hover: hover) and (pointer: fine){.comments .editor-panel .editor-form #cancel-comment-reply-link:hover{color:var(--color-accent)}}@keyframes shake{from,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.39062deg) skewY(0.39062deg)}88.8%{transform:skewX(-0.19531deg) skewY(-0.19531deg)}}