*,
*::before,
*::after{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;}:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#3b82f6;--color-accent:#8b5cf6;--color-accent-dark:#7c3aed;--color-white:#ffffff;--color-black:#0f172a;--color-gray-50:#fafbfc;--color-gray-100:#f5f7fa;--color-gray-200:#eef2f7;--color-gray-300:#dde3ed;--color-gray-400:#a0aec0;--color-gray-500:#718096;--color-gray-600:#4a5568;--color-gray-700:#2d3748;--color-gray-800:#1a202c;--color-gray-900:#0f172a;--color-text-primary:#1a202c;--color-text-secondary:#4a5568;--color-text-muted:#718096;--color-bg-primary:#ffffff;--color-bg-secondary:#fafbfc;--color-bg-tertiary:#f5f7fa;--color-bg-dark:#0f172a;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--font-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--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);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1280px;--max-width-content:65ch;}
body{font-family:var(--font-base);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}
.site-container{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--space-4);}
h1, h2, h3, h4, h5, h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--space-4);}
h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-6);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
h2{font-size:var(--font-size-3xl);margin-top:var(--space-12);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(139, 92, 246, 0.08));border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);position:relative;box-shadow:0 2px 8px rgba(37, 99, 235, 0.08);transition:all var(--transition-base);}
h2:hover{background:linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(139, 92, 246, 0.12));box-shadow:0 4px 12px rgba(37, 99, 235, 0.12);transform:translateX(-2px);}
h2::before{content:'';position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);width:6px;height:60%;background:linear-gradient(180deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-full);opacity:0.3;}
h3{font-size:var(--font-size-2xl);margin-top:var(--space-8);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg, rgba(37, 99, 235, 0.05), rgba(139, 92, 246, 0.05));border-left:3px solid var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary-dark);position:relative;transition:all var(--transition-base);}
h3:hover{background:linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(139, 92, 246, 0.08));transform:translateX(-2px);}
h3::before{content:'▸';position:absolute;left:var(--space-2);color:var(--color-primary);font-size:0.8em;opacity:0.6;}
h4{font-size:var(--font-size-xl);margin-top:var(--space-6);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4);padding-left:var(--space-5);background:rgba(37, 99, 235, 0.03);border-left:2px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text-primary);position:relative;}
h4::before{content:'◆';position:absolute;left:var(--space-2);color:var(--color-accent);font-size:0.7em;opacity:0.5;}
h5{font-size:var(--font-size-lg);margin-top:var(--space-4);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);padding-left:var(--space-4);background:linear-gradient(90deg, rgba(139, 92, 246, 0.05), transparent);border-left:2px solid rgba(139, 92, 246, 0.4);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);}
h6{font-size:var(--font-size-base);margin-top:var(--space-4);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-gray-100);border-left:2px solid var(--color-gray-400);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-secondary);border-radius:var(--radius-sm);}
p {
margin-bottom: var(--space-4);
max-width: var(--max-width-content);
} a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);position:relative;}
a:hover{color:var(--color-primary-dark);}
a:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm);}
.entry-content a:not(.button){text-decoration:underline;text-decoration-color:var(--color-primary-light);text-decoration-thickness:2px;text-underline-offset:3px;transition:all var(--transition-base);}
.entry-content a:not(.button):hover{text-decoration-color:var(--color-primary);text-decoration-thickness:3px;}
ul, ol{margin-bottom:var(--space-4);padding-left:var(--space-6);max-width:var(--max-width-content);}
li{margin-bottom:var(--space-2);}
ul ul, ol ol, ul ol, ol ul{margin-top:var(--space-2);margin-bottom:var(--space-2);}
img{max-width:100%;height:auto;display:block;border-radius:var(--radius-lg);}
figure{margin:var(--space-8) 0;}
figcaption{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;font-style:italic;}
.site-header{background:var(--color-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px);background:rgba(255, 255, 255, 0.95);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base);}
.site-header.scrolled{box-shadow:var(--shadow-md);}
.header-inner{max-width:var(--max-width-xl);margin:0 auto;padding:var(--space-4) var(--space-4);display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);}
.site-branding{display:flex;align-items:center;gap:var(--space-3);}
.site-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;color:var(--color-text-primary);}
.site-title a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-base);}
.site-title a:hover{color:var(--color-primary);}
.site-title a:hover{color:var(--color-primary);}.site-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;}
.main-navigation{display:flex;align-items:center;}
.main-navigation ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-2);}
.main-navigation li{margin:0;}
.main-navigation a{display:block;padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative;}
.main-navigation a:hover, .main-navigation a:focus{color:var(--color-primary);background:var(--color-gray-50);}
.main-navigation .current-menu-item>a, .main-navigation .current_page_item>a{color:var(--color-primary);background:var(--color-primary-light);background:linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(139, 92, 246, 0.1));}
.menu-toggle{display:none;background:var(--color-primary);color:var(--color-white);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);transition:background var(--transition-base);}
.menu-toggle:hover{background:var(--color-primary-dark);}
.site-main{max-width:var(--max-width-xl);margin:0 auto;padding:var(--space-12) var(--space-4);min-height:60vh;}
.entry-header{margin-bottom:var(--space-8);text-align:center;}
.entry-title{margin-bottom:var(--space-4);}
.entry-meta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);}
.entry-meta>*{display:flex;align-items:center;gap:var(--space-2);}
.entry-meta a{color:var(--color-text-muted);transition:color var(--transition-fast);}
.entry-meta a:hover{color:var(--color-primary);}
.post-thumbnail{margin-bottom:var(--space-8);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);}
.post-thumbnail img{width:100%;height:auto;display:block;transition:transform var(--transition-slow);}
.post-thumbnail:hover img{transform:scale(1.05);}
.entry-content{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-primary);}
.entry-content>*{margin-bottom:var(--space-6);}
.posts-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--space-8);margin-top:var(--space-8);}
.post-card{background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 2px 8px rgba(0, 0, 0, 0.06);transition:all var(--transition-base);display:flex;flex-direction:column;border:1px solid var(--color-gray-200);}
.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(37, 99, 235, 0.12);border-color:var(--color-primary-light);}
.post-card-thumbnail{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:var(--color-gray-100);}
.post-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);border-radius:0;}
.post-card:hover .post-card-thumbnail img{transform:scale(1.1);}
.post-card-content{padding:var(--space-6);flex:1;display:flex;flex-direction:column;}
.post-card-title{font-size:var(--font-size-xl);margin-bottom:var(--space-3);line-height:var(--line-height-tight);}
.post-card-title a{color:var(--color-text-primary);transition:color var(--transition-fast);}
.post-card:hover .post-card-title a{color:var(--color-primary);}
.post-card-excerpt{color:var(--color-text-secondary);margin-bottom:var(--space-4);flex:1;}
.post-card-meta{display:flex;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);padding-top:var(--space-4);border-top:1px solid var(--color-border);}
.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-12);flex-wrap:wrap;}
.pagination a, .pagination span{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 var(--space-3);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-base);}
.pagination a{background:var(--color-white);border:1px solid var(--color-border);color:var(--color-text-secondary);}
.pagination a:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md);}
.pagination .current{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:var(--color-white);border:none;box-shadow:var(--shadow-md);}
.site-footer{background:linear-gradient(135deg, var(--color-gray-900), var(--color-gray-800));color:var(--color-gray-300);padding:var(--space-12) 0 var(--space-6);margin-top:var(--space-16);border-top:3px solid var(--color-primary);}
.footer-inner{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--space-4);text-align:center;}
.footer-info{margin-bottom:var(--space-8);}
.footer-branding{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.footer-description{color:var(--color-gray-400);max-width:var(--max-width-md);margin:0 auto var(--space-6);}
.social-links{display:flex;justify-content:center;gap:var(--space-3);list-style:none;margin:var(--space-6) 0;padding:0;}
.social-links a{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:rgba(255, 255, 255, 0.1);border-radius:var(--radius-full);color:var(--color-white);transition:all var(--transition-base);}
.social-links a:hover{background:var(--color-primary);transform:translateY(-3px);box-shadow:0 4px 12px rgba(37, 99, 235, 0.4);}
.site-info{padding-top:var(--space-6);border-top:1px solid rgba(255, 255, 255, 0.1);font-size:var(--font-size-sm);color:var(--color-gray-400);}
.site-info a{color:var(--color-primary-light);}
.site-info a:hover{color:var(--color-white);}
.button, button, input[type="submit"],
input[type="button"]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-white);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);text-decoration:none;box-shadow:var(--shadow-md);}
.button:hover, button:hover, input[type="submit"]:hover,
input[type="button"]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg, var(--color-primary-dark), var(--color-accent-dark));}
.button:active, button:active{transform:translateY(0);}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea, select{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-base);font-size:var(--font-size-base);transition:all var(--transition-base);background:var(--color-white);}
input:focus, textarea:focus, select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37, 99, 235, 0.1);}
textarea{min-height:150px;resize:vertical;}
.comments-area{margin-top:var(--space-16);padding-top:var(--space-12);border-top:2px solid var(--color-border);}
.comments-title{margin-bottom:var(--space-8);}
.comment-list{list-style:none;padding:0;}
.comment{margin-bottom:var(--space-8);padding:var(--space-6);background:var(--color-gray-50);border-radius:var(--radius-lg);border-left:3px solid var(--color-primary);box-shadow:0 1px 3px rgba(0, 0, 0, 0.05);}
.comment-author{font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);}
.comment-meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);}
.comment-content{margin-top:var(--space-3);}
.comment-reply-link{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);}
.error-404{text-align:center;padding:var(--space-16) var(--space-4);}
.error-404 .page-title{font-size:var(--font-size-5xl);margin-bottom:var(--space-6);}
.error-404 .page-content{max-width:var(--max-width-md);margin:0 auto;}
.skip-link{position:absolute;top:-100px;left:var(--space-4);z-index:9999;background:var(--color-primary);color:var(--color-white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);text-decoration:none;}
.skip-link:focus{top:var(--space-4);}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
.text-center{text-align:center;}
.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.mt-0{margin-top:0;}
.mb-0{margin-bottom:0;}
@media(max-width:1024px){
:root{--font-size-4xl:2rem;--font-size-3xl:1.75rem;}
.posts-grid{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));}
} @media(max-width:768px){
:root{--font-size-4xl:1.75rem;--font-size-3xl:1.5rem;--font-size-2xl:1.25rem;}
.header-inner{flex-wrap:wrap;}
.main-navigation{display:none;width:100%;order:3;}
.main-navigation.toggled{display:block;}
.main-navigation ul{flex-direction:column;gap:0;}
.main-navigation a{border-radius:0;border-bottom:1px solid var(--color-border);}
.menu-toggle{display:block;}
.posts-grid{grid-template-columns:1fr;}
.entry-meta{flex-direction:column;gap:var(--space-2);}
.site-main{padding:var(--space-8) var(--space-4);}
} @media(max-width:480px){
:root{--space-4:0.875rem;--space-6:1.25rem;--space-8:1.5rem;}
h1{font-size:var(--font-size-3xl);}
.pagination{gap:var(--space-1);}
.pagination a, .pagination span{min-width:2rem;height:2rem;font-size:var(--font-size-sm);}
} @media print {
.site-header, .site-footer, .main-navigation, .comments-area, .pagination{display:none;}
body {
font-size: 12pt;
line-height: 1.5;
color: #000;
background: #fff;
} a{text-decoration:underline;color:#000;}
}  @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
} @media (prefers-contrast: high) {
:root{--color-border:#000;}
} .author-box{margin-top:var(--space-12);padding:var(--space-8);background:linear-gradient(135deg, rgba(37, 99, 235, 0.03), rgba(139, 92, 246, 0.03));border-radius:var(--radius-xl);border:2px solid var(--color-gray-200);display:flex;gap:var(--space-6);align-items:flex-start;transition:all var(--transition-base);}
.author-box:hover{border-color:var(--color-primary-light);box-shadow:0 4px 16px rgba(37, 99, 235, 0.08);transform:translateY(-2px);}
.author-avatar{flex-shrink:0;}
.author-avatar img{width:100px;height:100px;border-radius:var(--radius-full);border:4px solid var(--color-white);box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);object-fit:cover;}
.author-info{flex:1;}
.author-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.author-role{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:0.05em;font-weight:var(--font-weight-semibold);}
.author-bio{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);}
.author-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:rgba(37, 99, 235, 0.05);}
.author-link:hover{background:var(--color-primary);color:var(--color-white);transform:translateX(3px);}
.author-link svg{width:16px;height:16px;}
@media(max-width:640px){
.author-box{flex-direction:column;text-align:center;align-items:center;}
.author-avatar img{width:80px;height:80px;}
.author-name{font-size:var(--font-size-xl);}
} .post-thumbnail{margin-bottom:var(--space-8);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 2px 12px rgba(0, 0, 0, 0.08);max-width:800px;margin-left:auto;margin-right:auto;border:1px solid var(--color-gray-200);}
.post-thumbnail img{width:100%;height:auto;max-height:450px;object-fit:cover;display:block;transition:transform var(--transition-slow);}
.post-thumbnail:hover img{transform:scale(1.02);}
@media(max-width:768px){
.post-thumbnail{max-width:100%;}
.post-thumbnail img{max-height:280px;}
} .entry-meta-box{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg, rgba(37, 99, 235, 0.04), rgba(139, 92, 246, 0.04));border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-8);font-size:var(--font-size-sm);box-shadow:0 1px 3px rgba(0, 0, 0, 0.05);}
.meta-item{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);}
.meta-icon{flex-shrink:0;color:var(--color-primary);opacity:0.8;}
.meta-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);}
.meta-value{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);}
.meta-value.author-link{color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast);position:relative;}
.meta-value.author-link:hover{color:var(--color-primary-dark);}
.meta-value.author-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base);}
.meta-value.author-link:hover::after{width:100%;}
.meta-separator{color:var(--color-gray-300);font-weight:var(--font-weight-normal);user-select:none;}
@media(max-width:768px){
.entry-meta-box{flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);}
.meta-separator{display:none;}
.meta-item{width:100%;}
} .ad-container{margin:2rem auto;padding:1rem;text-align:center;background:#f9fafb;border-radius:0.75rem;border:1px solid #e5e7eb;overflow:hidden;}
.ad-header{margin-top:0;margin-bottom:1.5rem;max-width:1280px;}
.ad-top{margin-top:0;margin-bottom:2rem;}
.ad-middle{margin:2.5rem auto;max-width:100%;}
.ad-bottom{margin-top:2rem;margin-bottom:0;}
.floating-comment-btn{position:fixed;bottom:2rem;right:1.5rem;z-index:999;display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg, #2563eb, #8b5cf6);color:#fff;border:none;border-radius:9999px;box-shadow:0 8px 24px rgba(37, 99, 235, 0.3);font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.2s;animation:floating-pulse 2s infinite;}
.floating-comment-btn:hover{transform:translateY(-4px);}
.floating-comment-btn.hidden{opacity:0;pointer-events:none;}
@keyframes floating-pulse {
50%{box-shadow:0 8px 32px rgba(139, 92, 246, 0.5);}
}
@media(max-width:640px){
.floating-comment-btn {
bottom: 1rem;
right: 0.75rem;
padding: 0.75rem 1rem;
}
}