:root{--color-bg: #FFFFFF;--color-bg-article-body: #F3F4F6;--color-text-main: #1A1A1A;--color-text-muted: #64748B;--color-accent: #E63946;--color-accent-hover: #D62828;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-black: #1A1A1A;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-stack: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Playfair Display", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-stack);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color .2s ease}button{background:none;border:none;cursor:pointer;font-family:inherit}.container{max-width:800px;margin:0 auto;padding:0 16px}.site-header{position:sticky;top:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;padding:16px 0}.brand-logo{display:flex;align-items:center;gap:8px}.logo-icon{color:var(--color-accent)}.logo-text{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text-main);text-transform:uppercase}.main-content{padding-top:16px;padding-bottom:48px}.hero-slider-section{margin-bottom:16px}.slider-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:12px;-ms-overflow-style:none;scrollbar-width:none}.slider-container::-webkit-scrollbar{display:none}.slide-card{flex:0 0 calc(100% - 32px);max-width:400px;min-width:280px;scroll-snap-align:center;position:relative;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-border-light);aspect-ratio:16/9}.slide-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 16px 16px;background:linear-gradient(to top,#000c,#0000);display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.slide-title{color:#fff;font-size:1rem;font-weight:600;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.3)}.slide-action{flex-shrink:0;width:32px;height:32px;border-radius:50%;background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .2s}.slide-action:hover{background-color:#fff6}.icon-arrow{width:16px;height:16px}.slider-indicators{display:flex;justify-content:center;gap:6px;margin-top:8px}.dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-border);transition:all .3s ease}.dot.active{background-color:var(--color-accent);width:24px;border-radius:12px}.recommendation-section{margin-top:16px}.section-heading{font-size:1.125rem;font-weight:600;margin-bottom:16px}.category-nav{margin-bottom:16px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-list{display:flex;gap:12px;list-style:none;padding-bottom:4px}.category-pill{padding:8px 16px;border:1px solid var(--color-border);border-radius:9999px;font-size:.875rem;font-weight:400;color:var(--color-text-muted);white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1)}.category-pill:hover{border-color:var(--color-accent);color:var(--color-accent)}.category-pill.active{background-color:var(--color-accent);color:#fff;font-weight:600;border-color:var(--color-accent)}.article-feed{display:flex;flex-direction:column}.feed-item{display:flex;gap:16px;padding:20px;border-bottom:1px solid var(--color-border-light);align-items:center;cursor:pointer;transition:all .3s ease;border-radius:var(--radius-md)}.feed-item:hover{background-color:#fafafa;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d;border-bottom-color:transparent}.feed-item:last-child{border-bottom:none}.thumb-wrapper{flex-shrink:0;width:100px;height:75px;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-border-light)}.feed-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.feed-content{flex-grow:1}.feed-title{font-size:1rem;font-weight:700;line-height:1.4;color:var(--color-text-main)}.site-footer{background-color:#fafafa;border-top:1px solid var(--color-border-light);padding:48px 16px;text-align:center}.footer-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:8px;align-items:center}.footer-title{font-weight:400;font-size:.875rem;margin-bottom:4px}.footer-email,.footer-link,.footer-copyright{font-size:.875rem;color:var(--color-text-muted);font-weight:300}.footer-link{color:var(--color-accent);text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s}.footer-link:hover{text-decoration-color:var(--color-accent)}.footer-copyright{margin-top:16px}body.page-article{background-color:var(--color-bg-article-body)}.content-constrained{max-width:800px}.article-card{background-color:var(--color-bg);border-radius:var(--radius-xl);padding:20px 16px;box-shadow:0 10px 25px #00000005;margin-bottom:24px}.article-header{margin-bottom:16px}.article-meta{font-size:.875rem;color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:12px}.article-title-main{font-family:var(--font-serif);font-size:1.5rem;line-height:1.3;color:var(--color-text-main);font-weight:700}.article-hero{margin-bottom:24px;border-radius:var(--radius-md);overflow:hidden;position:relative;transition:height .3s ease}.article-hero.collapsed{height:100px}.article-hero:not(.collapsed){height:auto}.article-hero-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-body{font-size:1.125rem;line-height:1.8;color:var(--color-text-main);position:relative}.article-body p{margin-bottom:24px}.article-hidden-content{display:none}.article-hidden-content.expanded{display:block;animation:fadeIn .5s ease}.article-fade-out{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none;z-index:1}.unfold-action-container{display:flex;justify-content:center;position:absolute;bottom:20px;width:100%;z-index:10}.btn-unfold{background-color:var(--color-black);color:#fff;padding:12px 32px;border-radius:9999px;font-size:1rem;font-weight:600;transition:background-color .2s,transform .2s;box-shadow:0 4px 12px #00000026}.btn-unfold:hover{background-color:var(--color-accent);transform:translateY(-2px)}.divider-with-text{display:flex;align-items:center;text-align:center;margin-bottom:32px}.divider-with-text:before,.divider-with-text:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.divider-text{padding:0 16px;font-size:.875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.more-grid{display:flex;flex-direction:column;gap:24px}.rec-card{background-color:var(--color-bg);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 12px #00000008;transition:transform .3s ease,box-shadow .3s ease}.rec-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.rec-img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.rec-content{padding:20px}.tag-hot{background-color:var(--color-accent);color:#fff;font-size:.7rem;padding:4px 8px;border-radius:4px;font-weight:800;margin-bottom:8px;display:inline-block}.rec-title{font-size:1.125rem;font-weight:700;color:var(--color-text-main);line-height:1.4}.ad-container{align-self:stretch;margin:20px 0;padding:0 20px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow:hidden}.ad-label{align-self:flex-start;font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:600}.ad-content{width:100%;min-height:180px;background-color:#f8fafc;border:2px dashed #CBD5E1;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);text-align:center;padding:20px;box-sizing:border-box;max-width:100%;overflow:hidden}.ad-article-inline{margin:24px 0;padding:0;position:relative;z-index:5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 640px){.thumb-wrapper{width:140px;height:105px}.feed-title{font-size:1.125rem}.article-title-main{font-size:2.5rem}}.load-more-wrap{display:flex;justify-content:center}.load-more{margin:20px auto;text-align:center;padding:14px;border:1px solid #111;border-radius:8px;font-size:14px;font-weight:600;color:#111;transition:all .2s}.load-more:active{background-color:#111;color:#fff}