.popular-posts[data-astro-cid-6eqyxmr4]{background:transparent;padding:0;margin-bottom:0;display:flex;flex-direction:column;height:100%}.popular-header[data-astro-cid-6eqyxmr4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-light)}.popular-header[data-astro-cid-6eqyxmr4] h3[data-astro-cid-6eqyxmr4]{font-size:1.125rem;font-weight:700;color:var(--text-color);background:linear-gradient(135deg,var(--text-color) 0%,var(--text-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em}@supports not (-webkit-background-clip: text){.popular-header[data-astro-cid-6eqyxmr4] h3[data-astro-cid-6eqyxmr4]{color:var(--text-color);background:none;-webkit-text-fill-color:var(--text-color)}}.popular-header[data-astro-cid-6eqyxmr4] h3[data-astro-cid-6eqyxmr4]:before{display:none}.refresh-icon[data-astro-cid-6eqyxmr4]{width:18px;height:18px;cursor:pointer;color:var(--text-lighter);opacity:.6;transition:all .2s ease;flex-shrink:0}.refresh-icon[data-astro-cid-6eqyxmr4]:hover{opacity:1;color:var(--primary-color);transform:rotate(90deg)}.popular-list[data-astro-cid-6eqyxmr4]{display:grid;grid-template-columns:1fr 1fr;gap:.375rem 1.25rem;flex:1}.popular-item[data-astro-cid-6eqyxmr4]{font-family:Inter,Noto Sans SC,sans-serif;display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--text-color);font-size:.875rem;line-height:1.6;padding:.5rem .75rem;margin:0 -.75rem;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:0;cursor:pointer;position:relative;font-weight:400}.popular-item[data-astro-cid-6eqyxmr4]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--primary-color);border-radius:0 2px 2px 0;transition:height .25s cubic-bezier(.4,0,.2,1)}.popular-item[data-astro-cid-6eqyxmr4]:hover{color:var(--primary-color);background:linear-gradient(90deg,var(--bg-light) 0%,rgba(59,130,246,.05) 100%);transform:translate(6px);padding-left:1.5rem}.popular-item[data-astro-cid-6eqyxmr4]:hover:before{height:60%}.popular-item[data-astro-cid-6eqyxmr4]:nth-child(1) .item-title[data-astro-cid-6eqyxmr4],.popular-item[data-astro-cid-6eqyxmr4]:nth-child(4) .item-title[data-astro-cid-6eqyxmr4],.popular-item[data-astro-cid-6eqyxmr4]:nth-child(2) .item-title[data-astro-cid-6eqyxmr4],.popular-item[data-astro-cid-6eqyxmr4]:nth-child(12) .item-title[data-astro-cid-6eqyxmr4]{color:#ef4444;font-weight:500}.item-dot[data-astro-cid-6eqyxmr4]{color:var(--text-lighter);flex-shrink:0;font-size:.625rem}.item-title[data-astro-cid-6eqyxmr4]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-date[data-astro-cid-6eqyxmr4]{color:var(--text-lighter);font-size:.75rem;flex-shrink:0;white-space:nowrap;margin-left:.5rem}@media(max-width:1024px){.popular-list[data-astro-cid-6eqyxmr4]{grid-template-columns:1fr}}.home-container{padding:1.5rem 0;min-height:calc(100vh - 200px);background:linear-gradient(to bottom,#f8fafc,#fff)}.main-layout-wrapper{margin-bottom:1.5rem}.container.main-layout-wrapper{padding-left:0;padding-right:0}.main-layout{display:grid;grid-template-columns:22% 78%;gap:1rem;align-items:start}@media(min-width:1025px){.main-layout{grid-template-columns:20% 80%}}.welcome-sidebar{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:1.25rem;border:1px solid var(--border-light);box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;position:sticky;top:1rem;max-width:100%;overflow:hidden;display:flex;flex-direction:column;height:fit-content;transition:all .3s cubic-bezier(.4,0,.2,1)}.welcome-sidebar:hover{box-shadow:0 8px 24px #00000014,0 4px 8px #0000000a;border-color:var(--primary-light);transform:translateY(-4px)}.welcome-content{text-align:left;display:flex;flex-direction:column;flex:1}.welcome-title{font-family:Inter,Noto Sans SC,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-color);background:linear-gradient(135deg,var(--text-color) 0%,var(--text-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.625rem;line-height:1.3;letter-spacing:-.03em}@supports not (-webkit-background-clip: text){.welcome-title{color:var(--text-color);background:none;-webkit-text-fill-color:var(--text-color)}}.welcome-motto{font-family:Inter,Noto Sans SC,sans-serif;font-size:.875rem;color:var(--text-light);margin-bottom:1rem;line-height:1.6;padding-bottom:.875rem;border-bottom:1px solid var(--border-light);font-weight:400}.welcome-posts{display:flex;flex-direction:column;gap:.25rem;flex:1}.welcome-post-item{font-family:Inter,Noto Sans SC,sans-serif;display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--text-color);font-size:.875rem;line-height:1.6;padding:.5rem .75rem;margin:0 -.75rem;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;font-weight:400}.welcome-post-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--primary-color);border-radius:0 2px 2px 0;transition:height .25s cubic-bezier(.4,0,.2,1)}.welcome-post-item:hover{color:var(--primary-color);background:linear-gradient(90deg,var(--bg-light) 0%,rgba(59,130,246,.05) 100%);transform:translate(6px);padding-left:1.5rem}.welcome-post-item:hover:before{height:60%}.welcome-post-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.welcome-post-item:active{transform:scale(.98)}.post-dot{color:var(--text-lighter);flex-shrink:0;font-size:.75rem;transition:color .25s ease}.welcome-post-item:hover .post-dot{color:var(--primary-color)}.post-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content-area{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:1.25rem;border:1px solid var(--border-light);box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;max-width:100%;overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-content-area:hover{box-shadow:0 8px 24px #00000014,0 4px 8px #0000000a;border-color:var(--primary-light);transform:translateY(-2px)}.ad-banner{padding:1rem 0;margin:1.5rem 0;position:relative;overflow:hidden;cursor:pointer;min-height:80px;transition:opacity .2s ease}.ad-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:1.5rem;color:var(--text-color)}.ad-logo{display:flex;align-items:center;gap:.75rem}.ad-logo .logo-icon{width:40px;height:40px;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;border-radius:4px}.ad-logo .logo-text{font-size:1.5rem;font-weight:700;color:var(--text-color)}.ad-text{font-size:1.125rem;color:var(--text-color)}.category-section{padding:.5rem 0;margin-top:1.5rem}.category-section:first-of-type{margin-top:0}.category-section .container{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:1.5rem;border:1px solid var(--border-light);box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-section .container:hover{box-shadow:0 8px 24px #00000014,0 4px 8px #0000000a;border-color:var(--primary-light);transform:translateY(-2px)}.category-layout{display:grid;grid-template-columns:1fr 280px;gap:1rem;align-items:start}.category-main{background:#fff;display:flex;flex-direction:column}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.category-header-with-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-light);gap:.75rem}.category-title-main{font-size:1.375rem;font-weight:700;color:var(--text-color);background:linear-gradient(135deg,var(--text-color) 0%,var(--text-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;display:flex;align-items:center;gap:.625rem;letter-spacing:-.03em}@supports not (-webkit-background-clip: text){.category-title-main{color:var(--text-color);background:none;-webkit-text-fill-color:var(--text-color)}}.title-icon{width:20px;height:20px;color:var(--primary-color);opacity:.8;flex-shrink:0}.category-filters{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;border:1px solid var(--border-light);background:#fff;color:var(--text-color);border-radius:8px;font-size:.8125rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:inline-block;font-family:inherit;box-shadow:0 1px 2px #0000000a}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:linear-gradient(135deg,var(--bg-light) 0%,rgba(59,130,246,.05) 100%);transform:translateY(-2px);box-shadow:0 4px 8px #3b82f626}.filter-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.filter-btn:active{transform:translateY(0)}.filter-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f64d}.filter-btn.active:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.category-list-full{position:relative}.category-content{display:grid;grid-template-columns:1fr 1fr;gap:.375rem 1.25rem;width:100%}.category-content[style*="display: none"]{display:none!important}.category-title{font-size:1.375rem;font-weight:700;color:var(--text-color);background:linear-gradient(135deg,var(--text-color) 0%,var(--text-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em}@supports not (-webkit-background-clip: text){.category-title{color:var(--text-color);background:none;-webkit-text-fill-color:var(--text-color)}}.category-more{font-size:.875rem;color:var(--text-light);text-decoration:none;transition:all .25s ease;cursor:pointer;font-weight:500}.category-more:hover{color:var(--primary-color);transform:translate(2px)}.category-more:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:.375rem 1.25rem;flex:1}.category-item{font-family:Inter,Noto Sans SC,sans-serif;display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--text-color);font-size:.875rem;line-height:1.6;padding:.5rem .75rem;margin:0 -.75rem;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:0;cursor:pointer;position:relative;font-weight:400}.category-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--primary-color);border-radius:0 2px 2px 0;transition:height .25s cubic-bezier(.4,0,.2,1)}.category-item:hover{color:var(--primary-color);background:linear-gradient(90deg,var(--bg-light) 0%,rgba(59,130,246,.05) 100%);transform:translate(6px);padding-left:1.5rem}.category-item:hover:before{height:60%}.category-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.category-item:active{transform:scale(.98)}.category-item .item-dot{color:var(--text-lighter);flex-shrink:0;font-size:.625rem;transition:color .25s ease}.category-item:hover .item-dot{color:var(--primary-color)}.category-item .item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-item .item-date{color:var(--text-lighter);font-size:.75rem;flex-shrink:0;white-space:nowrap;margin-left:.5rem;transition:color .25s ease}.category-item:hover .item-date{color:var(--text-light)}.category-item:nth-child(1) .item-title,.category-item:nth-child(4) .item-title,.category-item:nth-child(2) .item-title,.category-item:nth-child(12) .item-title{color:#ef4444;font-weight:500}.category-sidebar{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:1.25rem;border:1px solid var(--border-light);box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;display:flex;flex-direction:column;align-self:start;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-sidebar:hover{box-shadow:0 8px 24px #00000014,0 4px 8px #0000000a;border-color:var(--primary-light);transform:translateY(-2px)}.category-sidebar .popular-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem;padding-bottom:.625rem;border-bottom:1px solid var(--border-color)}.category-sidebar .popular-header h3{font-size:1rem;font-weight:600;color:var(--text-color);margin:0;letter-spacing:-.01em}.popular-list-simple{display:flex;flex-direction:column;gap:.25rem}.popular-item-simple{font-family:Inter,Noto Sans SC,sans-serif;display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--text-color);font-size:.875rem;line-height:1.6;padding:.5rem .75rem;margin:0 -.75rem;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:0;cursor:pointer;position:relative;font-weight:400}.popular-item-simple:hover{color:var(--primary-color);background:linear-gradient(90deg,var(--bg-light) 0%,rgba(59,130,246,.05) 100%);transform:translate(6px);padding-left:1.5rem}.popular-item-simple:focus{outline:2px solid var(--primary-color);outline-offset:2px}.popular-item-simple:active{transform:scale(.98)}.popular-number{width:24px;height:24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #ef444433}.popular-item-simple:hover .popular-number{transform:scale(1.15) rotate(5deg);box-shadow:0 4px 12px #ef444466}.popular-item-simple:nth-child(n+4) .popular-number{background:var(--text-lighter)}.popular-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1024px){.main-layout{grid-template-columns:1fr;gap:1.5rem}.welcome-sidebar{position:static;margin-bottom:0}.category-layout{grid-template-columns:1fr;gap:1.25rem}.category-list,.category-content{grid-template-columns:1fr}}@media(max-width:768px){.home-container{padding:1.5rem 0;background:linear-gradient(to bottom,#f8fafc,#fff)}.main-layout-wrapper{margin-bottom:1.5rem}.main-layout{gap:1.25rem}.welcome-sidebar{padding:1.5rem;border-radius:16px}.welcome-title{font-size:1.375rem;margin-bottom:.625rem}.welcome-motto{font-size:.875rem;margin-bottom:1.25rem;padding-bottom:1rem}.welcome-post-item{padding:.625rem .5rem;font-size:.875rem;min-height:44px}.main-content-area{padding:1.5rem;border-radius:16px}.ad-banner{padding:1rem 0;margin:1rem 0}.ad-content{flex-direction:column;text-align:center;gap:1rem;padding:0 1rem}.ad-logo{flex-direction:column;gap:.5rem}.ad-logo .logo-icon{width:36px;height:36px;font-size:1rem}.ad-logo .logo-text{font-size:1.25rem}.ad-text{font-size:.9375rem}.category-section{padding:.5rem 0;margin-top:1rem}.category-section .container{padding:1.5rem;border-radius:16px}.category-header-with-filters{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.category-title-main{font-size:1.25rem}.category-filters{flex-wrap:wrap;width:100%;gap:.5rem}.filter-btn{padding:.625rem 1rem;font-size:.8125rem;min-height:44px;flex:1;min-width:calc(33.333% - .5rem)}.category-layout{gap:1rem}.category-list{gap:.5rem}.category-item{padding:.625rem .5rem;font-size:.875rem;min-height:44px}.category-item .item-date{font-size:.75rem}.category-sidebar{padding:1.5rem;border-radius:16px}.category-sidebar .popular-header h3{font-size:.9375rem}.category-sidebar .popular-header{margin-bottom:1rem}.popular-item-simple{padding:.625rem .5rem;font-size:.875rem;min-height:44px}.popular-number{width:24px;height:24px;font-size:.8125rem}}@media(max-width:480px){.home-container{padding:.75rem 0}.welcome-sidebar,.main-content-area,.category-section .container{padding:.875rem}.filter-btn{min-width:calc(50% - .25rem);font-size:.75rem;padding:.625rem .75rem;min-height:44px}.category-item,.popular-item-simple{font-size:.8125rem;padding:.5rem .375rem}}.ad-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10000;align-items:center;justify-content:center}.ad-modal-content{background:#fff;border-radius:var(--radius);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.ad-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-light)}.ad-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.ad-modal-close{background:none;border:none;font-size:2rem;color:var(--text-lighter);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.ad-modal-close:hover{color:var(--text-color)}.ad-modal-body{padding:1.5rem}.ad-form-group{margin-bottom:1.5rem}.ad-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.ad-form-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:.9375rem;transition:border-color .2s;box-sizing:border-box}.ad-form-input:focus{outline:none;border-color:var(--primary-color)}.ad-form-hint{margin-top:.25rem;font-size:.875rem;color:var(--text-lighter)}.ad-form-price{padding:1rem;background:var(--bg-light);border-radius:var(--radius);text-align:center;margin-top:1rem}.ad-form-price p{margin:0;font-size:1.125rem}.ad-form-price strong{color:var(--accent-color);font-size:1.5rem}.ad-modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-light)}.ad-btn-cancel,.ad-btn-pay{flex:1;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.ad-btn-cancel{background:var(--bg-light);color:var(--text-color)}.ad-btn-cancel:hover{background:var(--border-color)}.ad-btn-pay{background:var(--primary-color);color:#fff}.ad-btn-pay:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.ad-btn-pay:disabled{opacity:.6;cursor:not-allowed}.ad-link{display:block;width:100%;height:100%}.ad-image{width:100%;height:auto;max-height:200px;object-fit:contain;display:block}.ad-purchase-trigger{cursor:pointer;transition:opacity .2s}.ad-purchase-trigger:hover{opacity:.9}.ad-hint{font-size:.875rem;opacity:.8;margin-top:.5rem}@media(max-width:768px){.ad-modal-content{width:95%;margin:1rem}.ad-modal-header,.ad-modal-body,.ad-modal-footer{padding:1rem}}.category-skeleton{padding:1.5rem}.skeleton-header{height:2rem;background:linear-gradient(90deg,var(--bg-light) 25%,var(--border-light) 50%,var(--bg-light) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px;margin-bottom:1.5rem;max-width:300px}.skeleton-content{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.5rem}.skeleton-item{height:1.25rem;background:linear-gradient(90deg,var(--bg-light) 25%,var(--border-light) 50%,var(--bg-light) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.skeleton-item:nth-child(2n){animation-delay:.2s}.skeleton-item:nth-child(3n){animation-delay:.4s}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.skeleton-content{grid-template-columns:1fr}}