:root {
--bg-primary:     #000000;
--bg-secondary:   #111418;
--bg-card:        #161b22;
--bg-card-hover:  #1c2230;
--accent-cyan:    #00d4ff;
--accent-blue:    #3b82f6;
--accent-purple:  #8b5cf6;
--accent-grad:    linear-gradient(135deg, #00d4ff, #3b82f6, #8b5cf6);
--text-primary:   #e6edf3;
--text-secondary: #8b949e;
--text-muted:     #484f58;
--border-color:   #21262d;
--border-accent:  #30363d;
--shadow-card:    0 8px 32px rgba(0, 0, 0, 0.6);
--shadow-hover:   0 16px 48px rgba(0, 212, 255, 0.15);
--radius-sm:      6px;
--radius-md:      12px;
--radius-lg:      20px;
--transition:     0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
html { scroll-behavior: smooth; }
body {
background-color: var(--bg-primary) !important;
color: var(--text-primary) !important;
font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans CJK JP","Yu Gothic Medium",YuGothic,-apple-system,BlinkMacSystemFont,sans-serif !important;
font-size: 15px; line-height: 1.8; -webkit-font-smoothing: antialiased;
}
@keyframes gradientShift {
0%   { background-position: 0% 50%; }
50%  { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes scanLine {
0%   { top: -2px; opacity: 0; }
10%  { opacity: 1; }
90%  { opacity: 1; }
100% { top: 100%; opacity: 0; }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to   { opacity: 1; transform: translateY(0); }
}
header.siteHeader, header.siteHeader * { box-sizing: border-box; }
header.siteHeader {
background: rgba(8,10,14,0.96) !important;
backdrop-filter: blur(24px) saturate(1.8) !important;
-webkit-backdrop-filter: blur(24px) saturate(1.8) !important;
border-bottom: 1px solid rgba(0,212,255,0.12) !important;
box-shadow: 0 1px 0 rgba(255,255,255,0.03), 0 4px 32px rgba(0,0,0,0.5) !important;
position: sticky !important; top: 0 !important;
z-index: 9999 !important; overflow: visible !important;
}
header.siteHeader::before {
content: '' !important; position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important;
height: 2px !important;
background: linear-gradient(90deg,transparent,#00d4ff,#3b82f6,#8b5cf6,transparent) !important;
background-size: 200% 100% !important;
animation: gradientShift 4s ease infinite !important; z-index: 1 !important;
}
header.siteHeader::after {
content: '' !important; position: absolute !important;
left: 0 !important; right: 0 !important; height: 1px !important;
background: linear-gradient(90deg,transparent 0%,rgba(0,212,255,0.6) 40%,rgba(59,130,246,0.6) 60%,transparent 100%) !important;
animation: scanLine 5s linear infinite !important;
pointer-events: none !important; z-index: 1 !important;
} .navbar-brand, .siteHeader_logo {
font-family: "Hiragino Sans","Yu Gothic Medium",-apple-system,BlinkMacSystemFont,sans-serif !important;
font-weight: 600 !important; letter-spacing: -0.02em !important;
}
.siteHeader_logo a, .navbar-brand a,
.siteHeader_logo a:hover, .navbar-brand a:hover,
.siteHeader_logo a:focus, .navbar-brand a:focus,
.siteHeader_logo a:visited, .navbar-brand a:visited,
.siteHeader_logo a:active, .navbar-brand a:active {
text-decoration: none !important; text-decoration-line: none !important;
border-bottom: none !important; outline: none !important;
}
.siteHeader_logo a span, .navbar-brand a span,
.siteHeader_logo a:hover span, .navbar-brand a:hover span {
color: #ffffff !important; background: none !important;
-webkit-background-clip: unset !important; background-clip: unset !important;
-webkit-text-fill-color: #ffffff !important; display: inline !important;
} div.headeder-escription, .headeder-escription, .site-description {
display: block !important; clear: both !important; width: 100% !important;
color: #9eaabb !important; font-size: 0.82rem !important; font-weight: 400 !important;
letter-spacing: 0.04em !important; padding: 0 0 12px !important; margin: -4px 0 0 0 !important;
font-family: "Hiragino Sans","Yu Gothic Medium",-apple-system,BlinkMacSystemFont,sans-serif !important;
opacity: 1 !important; visibility: visible !important;
} .gMenu_outer,.global-nav,#global-nav,nav.global-nav,.nav-global { background: transparent !important; }
.gMenu_outer ul,.gMenu_outer nav,.global-nav ul,#global-nav ul { background: transparent !important; }
.gMenu_outer a,.gMenu a,.global-nav a,.nav-global a,#global-nav a {
color: #d0d8e4 !important; font-weight: 500 !important; font-size: 0.85rem !important;
letter-spacing: 0.03em !important; padding: 10px 16px !important;
transition: color var(--transition) !important; position: relative; text-decoration: none !important;
}
.gMenu_outer a:hover,.gMenu a:hover,.global-nav a:hover,.nav-global a:hover,#global-nav a:hover {
color: var(--accent-cyan) !important; background: rgba(0,212,255,0.06) !important;
}
.gMenu_outer a::after,.global-nav a::after {
content: ''; position: absolute; bottom: 0; left: 50%;
transform: translateX(-50%) scaleX(0); width: 80%; height: 2px;
background: var(--accent-cyan); border-radius: 2px; transition: transform var(--transition);
}
.gMenu_outer a:hover::after,.global-nav a:hover::after { transform: translateX(-50%) scaleX(1); }
#main,.site-main,main { background: transparent !important; }
#content,.site-content { background: transparent !important; padding-top: 40px !important; }
.post,article,.type-post,.entry,.vk-col-md-4,.vk-col-sm-6 {
background: #1a2030 !important; border: 1px solid #252d3d !important;
border-radius: var(--radius-md) !important;
transition: transform var(--transition),box-shadow var(--transition),border-color var(--transition) !important;
box-shadow: 0 4px 24px rgba(0,0,0,0.4) !important; color: #c9d4df !important;
}
.post-thumbnail,.entry-thumbnail,.vk_post_imgWrap,.vk-post-thumb {
overflow: hidden !important; border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
}
.post:hover,article:hover,.type-post:hover,.entry:hover {
transform: translateY(-4px) !important; box-shadow: var(--shadow-hover) !important;
border-color: rgba(0,212,255,0.3) !important; background: #1e2638 !important;
}
.entry-title,.post-title,h1.entry-title,h2.entry-title,h3.entry-title {
font-family: "Hiragino Sans","Yu Gothic Medium",-apple-system,BlinkMacSystemFont,sans-serif !important;
font-weight: 700 !important; color: var(--text-primary) !important;
font-size: 1rem !important; line-height: 1.5 !important;
margin: 12px 0 8px !important; transition: color var(--transition) !important;
}
.entry-title a,.post-title a,
.entry-title a:hover,.post-title a:hover,
.entry-title a:focus,.entry-title a:visited,.entry-title a:active {
color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: none !important;
}
.entry-summary,.entry-excerpt,.post-excerpt,.archive-entry-excerpt,
.vk-post-excerpt,.vk-entry-excerpt,.excerpt,
.post p,article p,.type-post p,.entry p,
.post .entry-content p,.archive .entry-content p,.home .entry-content p,
.post .entry-content,article .entry-content,.type-post .entry-content {
color: #c9d4df !important; font-size: 0.88rem !important; line-height: 1.75 !important;
}
.entry-meta,.post-meta,.meta-info { color: #7d8899 !important; font-size: 0.78rem !important; }
.entry-meta a,.post-meta a { color: #9eaabb !important; transition: color var(--transition) !important; }
.entry-meta a:hover,.post-meta a:hover { color: var(--accent-cyan) !important; }
.posted-on,.entry-date,time { color: #7d8899 !important; font-size: 0.75rem !important; }
.cat-label,.category-badge,.vk-label,.cat-name {
background: var(--accent-grad) !important; color: #fff !important;
font-size: 0.7rem !important; font-weight: 700 !important;
padding: 3px 10px !important; border-radius: 999px !important;
letter-spacing: 0.05em !important; text-transform: uppercase !important;
}
.single .entry-content,.page .entry-content {
color: var(--text-primary) !important; font-size: 1rem !important; line-height: 2 !important;
}
.single .entry-header {
padding: 32px 0 24px !important;
border-bottom: 1px solid var(--border-color) !important; margin-bottom: 32px !important;
}
.single .entry-title,.page .entry-title {
font-size: 1.8rem !important; font-weight: 600 !important; line-height: 1.4 !important;
color: #ffffff !important; background: none !important;
-webkit-background-clip: unset !important; background-clip: unset !important;
-webkit-text-fill-color: #ffffff !important;
}
.single .entry-title a,.single .entry-title a:hover,
.single .entry-title a:focus,.single .entry-title a:visited,.single .entry-title a:active,
.page .entry-title a,.page .entry-title a:hover,
.page .entry-title a:focus,.page .entry-title a:visited,.page .entry-title a:active {
color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: none !important;
}
.entry-content h2 {
color: var(--text-primary) !important; font-size: 1.4rem !important; font-weight: 700 !important;
border-left: 4px solid var(--accent-cyan) !important;
border-bottom: 1px solid var(--border-color) !important;
padding: 8px 0 8px 16px !important; margin: 40px 0 20px !important;
text-shadow: 0 0 30px rgba(0,212,255,0.1);
}
.entry-content h3 {
color: var(--text-primary) !important; font-size: 1.15rem !important; font-weight: 700 !important;
padding-left: 12px !important; border-left: 3px solid var(--accent-purple) !important; margin: 32px 0 16px !important;
}
.entry-content h4 { color: var(--accent-cyan) !important; font-size: 1rem !important; font-weight: 700 !important; margin: 24px 0 12px !important; }
.entry-content a {
color: var(--accent-cyan) !important; text-decoration: underline !important;
text-decoration-color: rgba(0,212,255,0.3) !important; text-underline-offset: 3px !important;
transition: color var(--transition),text-decoration-color var(--transition) !important;
}
.entry-content a:hover { color: #fff !important; text-decoration-color: var(--accent-cyan) !important; }
.entry-content blockquote,blockquote {
background: var(--bg-card) !important; border-left: 4px solid var(--accent-purple) !important;
border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
padding: 20px 24px !important; margin: 24px 0 !important;
color: var(--text-secondary) !important; font-style: italic !important; position: relative;
}
.entry-content code,code {
background: rgba(0,212,255,0.08) !important; color: var(--accent-cyan) !important;
padding: 2px 8px !important; border-radius: 4px !important; font-size: 0.88em !important;
border: 1px solid rgba(0,212,255,0.2) !important;
font-family: 'JetBrains Mono','Fira Code','Courier New',monospace !important;
}
.entry-content pre {
background: #0d1117 !important; border: 1px solid var(--border-color) !important;
border-radius: var(--radius-md) !important; padding: 24px !important; overflow-x: auto !important;
}
.entry-content pre code { background: transparent !important; border: none !important; padding: 0 !important; color: var(--text-primary) !important; }
.entry-content table { border-collapse: collapse !important; width: 100% !important; border: 1px solid var(--border-color) !important; }
.entry-content th {
background: var(--bg-card) !important; color: var(--accent-cyan) !important; font-weight: 700 !important;
padding: 12px 16px !important; text-align: left !important; font-size: 0.85rem !important;
letter-spacing: 0.05em !important; text-transform: uppercase !important; border-bottom: 1px solid var(--border-accent) !important;
}
.entry-content td { padding: 12px 16px !important; border-bottom: 1px solid var(--border-color) !important; color: var(--text-secondary) !important; }
.entry-content tr:hover td { background: rgba(0,212,255,0.03) !important; }
#sidebar,.widget-area,aside.widget-area { background: transparent !important; }
.widget {
background: var(--bg-card) !important; border: 1px solid var(--border-color) !important;
border-radius: var(--radius-md) !important; padding: 20px !important; margin-bottom: 24px !important;
}
.widget-title,.widgettitle {
color: var(--text-primary) !important; font-size: 0.85rem !important; font-weight: 700 !important;
letter-spacing: 0.1em !important; text-transform: uppercase !important;
padding-bottom: 12px !important; margin-bottom: 16px !important;
border-bottom: 1px solid var(--border-color) !important; position: relative;
}
.widget-title::after,.widgettitle::after {
content: ''; position: absolute; bottom: -1px; left: 0;
width: 32px; height: 2px; background: var(--accent-cyan); border-radius: 2px;
}
.widget ul li { border-bottom: 1px solid var(--border-color) !important; padding: 8px 0 !important; }
.widget ul li:last-child { border-bottom: none !important; }
.widget ul li a { color: var(--text-secondary) !important; font-size: 0.88rem !important; transition: color var(--transition) !important; text-decoration: none !important; }
.widget ul li a:hover { color: var(--accent-cyan) !important; }
.btn,.button,input[type="submit"],button[type="submit"],.wp-block-button__link {
background: transparent !important; border: 1px solid var(--accent-cyan) !important;
color: var(--accent-cyan) !important; border-radius: var(--radius-sm) !important;
padding: 10px 24px !important; font-weight: 700 !important; font-size: 0.88rem !important;
letter-spacing: 0.05em !important; cursor: pointer !important; transition: all var(--transition) !important;
}
.btn:hover,.button:hover,input[type="submit"]:hover,.wp-block-button__link:hover {
background: var(--accent-cyan) !important; color: var(--bg-primary) !important; box-shadow: 0 0 20px rgba(0,212,255,0.4) !important;
}
.vk-read-more-btn,.read-more,.more-link {
display: inline-block !important; background: transparent !important;
border: 1px solid var(--accent-blue) !important; color: var(--accent-blue) !important;
border-radius: 999px !important; padding: 8px 20px !important;
font-size: 0.8rem !important; font-weight: 700 !important;
transition: all var(--transition) !important; text-decoration: none !important;
}
.vk-read-more-btn:hover,.read-more:hover,.more-link:hover {
background: var(--accent-blue) !important; color: #fff !important; box-shadow: 0 0 16px rgba(59,130,246,0.4) !important;
}
.pagination,.nav-links,.page-numbers {
display: flex !important; gap: 8px !important; justify-content: center !important;
flex-wrap: wrap !important; padding: 40px 0 !important;
}
.page-numbers a,.page-numbers span,.page-numbers .current {
background: var(--bg-card) !important; border: 1px solid var(--border-color) !important;
color: var(--text-secondary) !important; border-radius: var(--radius-sm) !important;
padding: 8px 14px !important; font-size: 0.88rem !important; font-weight: 600 !important;
text-decoration: none !important; transition: all var(--transition) !important;
min-width: 40px !important; text-align: center !important;
}
.page-numbers a:hover { border-color: var(--accent-cyan) !important; color: var(--accent-cyan) !important; background: rgba(0,212,255,0.06) !important; }
.page-numbers .current { background: var(--accent-cyan) !important; border-color: var(--accent-cyan) !important; color: var(--bg-primary) !important; }
#site-footer,footer,.site-footer {
background: var(--bg-secondary) !important; border-top: 1px solid var(--border-color) !important;
color: var(--text-muted) !important; padding: 48px 0 24px !important; margin-top: 80px !important;
}
.site-footer a { color: var(--text-secondary) !important; transition: color var(--transition) !important; }
.site-footer a:hover { color: var(--accent-cyan) !important; }
.site-info,.copyright {
font-size: 0.8rem !important; color: var(--text-muted) !important;
text-align: center !important; padding-top: 24px !important;
border-top: 1px solid var(--border-color) !important; margin-top: 24px !important;
}
.search-form,.widget_search form { position: relative !important; }
.search-field,input[type="search"],input[type="text"] {
background: var(--bg-secondary) !important; border: 1px solid var(--border-accent) !important;
color: var(--text-primary) !important; border-radius: var(--radius-sm) !important;
padding: 10px 16px !important; width: 100% !important; font-size: 0.9rem !important;
transition: border-color var(--transition) !important; outline: none !important;
}
.search-field:focus,input[type="search"]:focus { border-color: var(--accent-cyan) !important; box-shadow: 0 0 0 3px rgba(0,212,255,0.12) !important; }
.search-submit { position: absolute !important; right: 8px !important; top: 50% !important; transform: translateY(-50%) !important; background: transparent !important; border: none !important; color: var(--text-muted) !important; cursor: pointer !important; }
.breadcrumb,.vk-breadcrumb {
background: var(--bg-card) !important; border-radius: var(--radius-sm) !important;
padding: 10px 16px !important; font-size: 0.8rem !important;
border: 1px solid var(--border-color) !important; margin-bottom: 24px !important;
}
.breadcrumb a,.vk-breadcrumb a { color: var(--text-secondary) !important; text-decoration: none !important; transition: color var(--transition) !important; }
.breadcrumb a:hover { color: var(--accent-cyan) !important; }
.breadcrumb span,.breadcrumb li { color: var(--text-muted) !important; }
.tagcloud a,.tag-cloud-link {
background: var(--bg-card) !important; border: 1px solid var(--border-accent) !important;
color: var(--text-secondary) !important; border-radius: 999px !important;
padding: 4px 12px !important; font-size: 0.78rem !important;
display: inline-block !important; margin: 3px !important;
transition: all var(--transition) !important; text-decoration: none !important;
}
.tagcloud a:hover { border-color: var(--accent-cyan) !important; color: var(--accent-cyan) !important; background: rgba(0,212,255,0.06) !important; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--bg-primary); }
::-webkit-scrollbar-thumb { background: var(--border-accent); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }
::selection { background: rgba(0,212,255,0.25); color: var(--text-primary); }
.post,article,.widget { animation: fadeInUp 0.4s ease both; }
#vk-mobile-nav-menu-btn {
z-index: 10000 !important; background: rgba(0,212,255,0.15) !important;
border: 1px solid rgba(0,212,255,0.4) !important; color: #00d4ff !important;
border-radius: 6px !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.05em !important;
}
#vk-mobile-nav {
z-index: 10000 !important; background: rgba(8,10,14,0.98) !important;
backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important;
border-bottom: 1px solid rgba(0,212,255,0.15) !important;
}
.vk-mobile-nav-menu-outer a,#vk-mobile-nav a { color: var(--text-secondary) !important; text-decoration: none !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.vk-mobile-nav-menu-outer a:hover,#vk-mobile-nav a:hover { color: var(--accent-cyan) !important; background: rgba(0,212,255,0.06) !important; }
@media (max-width: 768px) {
.navbar-brand,.siteHeader_logo { font-size: 20px !important; letter-spacing: -0.04em !important; white-space: nowrap !important; }
.single .entry-title,.page .entry-title { font-size: 1.4rem !important; }
.entry-content h2 { font-size: 1.2rem !important; }
.siteHeader_logo a span,.navbar-brand a span,header.siteHeader::before,header.siteHeader::after { animation: none !important; }
header.siteHeader { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: rgba(8,10,14,0.99) !important; }
}
@media (prefers-reduced-motion: reduce) {
*,*::before,*::after { animation: none !important; transition: none !important; }
}
.vk-cols > div { padding: 8px !important; }
.vk-block-btn a { background: transparent !important; border: 1px solid var(--accent-cyan) !important; color: var(--accent-cyan) !important; }
.vk-block-btn a:hover { background: var(--accent-cyan) !important; color: var(--bg-primary) !important; }
.vk-heading { color: var(--text-primary) !important; }
.vk-heading::before,.vk-heading::after { background-color: var(--accent-cyan) !important; }
.vk-col-md-12.post,.featured-post,.sticky { background: linear-gradient(135deg,#161b22,#0d1117) !important; border-color: rgba(0,212,255,0.2) !important; }
.sns-btn,.share-button,.social-share-button { border-radius: var(--radius-sm) !important; font-size: 0.8rem !important; font-weight: 700 !important; padding: 8px 16px !important; transition: all var(--transition) !important; opacity: 0.85; }
.sns-btn:hover { opacity: 1 !important; transform: translateY(-2px) !important; }
.ad-label,.sponsored-label,.pr-label {
background: rgba(139,92,246,0.15) !important; border: 1px solid rgba(139,92,246,0.4) !important;
color: var(--accent-purple) !important; font-size: 0.65rem !important;
padding: 2px 8px !important; border-radius: 4px !important;
font-weight: 700 !important; letter-spacing: 0.08em !important;
} @media (min-width: 992px) { .gMenu_outer .menu-item-has-children:hover > .sub-menu.acc-child-close,
.gMenu_outer .menu-item-has-children:focus-within > .sub-menu.acc-child-close {
height: auto !important;
max-height: 600px !important;
overflow: visible !important;
opacity: 1 !important;
} .gMenu_outer .sub-menu {
background-color: #161b22 !important;
border: 1px solid #21262d !important;
border-radius: 6px !important;
padding: 6px 0 !important;
box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
min-width: 240px !important;
width: auto !important;
z-index: 1000 !important;
} .gMenu_outer .sub-menu li {
white-space: nowrap !important;
}
.gMenu_outer .sub-menu li a {
display: block !important;
padding: 8px 18px !important;
color: #c9d1d9 !important;
font-size: 0.88rem !important;
font-weight: 400 !important;
white-space: nowrap !important;
background: none !important;
} .gMenu_outer .sub-menu li a:hover {
color: #e6edf3 !important;
background-color: #21262d !important;
} .gMenu_outer .menu-item-has-children > a::after {
content: " ▾";
font-size: 0.7em;
opacity: 0.7;
}
} .widget_categories select.postform {
display: block !important;
width: 100% !important;
background-color: #161b22 !important;
color: #c9d1d9 !important;
border: 1px solid #30363d !important;
border-radius: 6px !important;
padding: 8px 12px !important;
font-size: 0.88rem !important;
font-family: "Hiragino Sans","Yu Gothic Medium",-apple-system,BlinkMacSystemFont,sans-serif !important;
cursor: pointer !important;
appearance: auto !important;
-webkit-appearance: auto !important;
margin-top: 4px !important;
}
.widget_categories select.postform:hover,
.widget_categories select.postform:focus {
border-color: #58a6ff !important;
outline: none !important;
}
.widget_categories select.postform option {
background-color: #161b22 !important;
color: #c9d1d9 !important;
} .siteHeadContainer {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
min-height: 70px !important;
}
.siteHeadContainer .navbar-header {
flex: 1 1 auto !important;
width: auto !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.siteHeadContainer .gMenu_outer {
flex: 0 0 auto !important;
float: none !important;
align-self: center !important;
} .wp-block-bcn-breadcrumb-trail a,
.breadcrumbs a {
color: #c9d1d9 !important;
text-decoration: none !important;
}
.wp-block-bcn-breadcrumb-trail a:hover,
.breadcrumbs a:hover {
color: #58a6ff !important;
text-decoration: underline !important;
}
.wp-block-bcn-breadcrumb-trail span,
.breadcrumbs span {
color: #8b949e !important;
}
.wp-block-bcn-breadcrumb-trail .current-item,
.breadcrumbs .current-item {
color: #e6edf3 !important;
} .sns-share-buttons { margin: 2em 0 1.5em; }
.sns-share-label { font-size: 0.85em; color: #8b949e; margin-bottom: 0.5em; }
.sns-share-links { display: flex; flex-wrap: wrap; gap: 0.5em; }
.sns-btn { display: inline-flex !important; align-items: center; padding: 0.5em 1.1em !important; border-radius: 4px !important; font-size: 0.85em !important; font-weight: 600 !important; color: #fff !important; text-decoration: none !important; border: none !important; box-shadow: none !important; }
.sns-btn:hover { opacity: 0.85; color: #fff !important; text-decoration: none !important; }
.sns-btn-x { background: #1a1a1a !important; }
.sns-btn-fb { background: #1877f2 !important; }
.sns-btn-line { background: #06c755 !important; }
.sns-btn-hatena { background: #00a4de !important; } .single .page-header { background: linear-gradient(180deg,#0f1e2e 0%,#0a1520 100%) !important; border-bottom: 1px solid rgba(56,139,253,0.25) !important; }
.single .page-header .row { min-height: 0 !important; }
.single .page-header .container { padding-top: 0.65em !important; padding-bottom: 0.65em !important; }
.single .page-header_pageTitle { font-size: 0.72em !important; font-weight: 500 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; color: #6fa8c8 !important; margin: 0 !important; } .related-posts { margin: 2.5em 0 1.5em; }
.related-posts__title { font-size: 0.95em; font-weight: 700; color: var(--text-primary, #e6edf3); text-transform: uppercase; letter-spacing: 0.15em; padding-bottom: 0.6em; border-bottom: 1px solid rgba(56,139,253,0.25); margin-bottom: 1.2em; }
.related-posts__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1em; }
@media (max-width: 600px) { .related-posts__grid { grid-template-columns: repeat(2, 1fr); } }
.related-posts__item { display: flex !important; flex-direction: column; background: var(--bg-secondary, #111418); border-radius: 8px; overflow: hidden; border: 1px solid var(--border-color, #21262d); text-decoration: none !important; transition: transform 0.2s, box-shadow 0.2s; color: var(--text-primary, #e6edf3) !important; }
.related-posts__item:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.4); border-color: rgba(56,139,253,0.4); text-decoration: none !important; color: var(--text-primary, #e6edf3) !important; }
.related-posts__thumb { width: 100%; aspect-ratio: 16/9; overflow: hidden; background: #1c2230; }
.related-posts__thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.related-posts__no-img { width: 100%; height: 100%; min-height: 100px; background: linear-gradient(135deg, #0f1e2e, #1c2230); }
.related-posts__info { padding: 0.7em 0.75em 0.8em; flex: 1; }
.related-posts__item-title { font-size: 0.8em; font-weight: 600; color: var(--text-primary, #e6edf3) !important; margin: 0 0 0.4em; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.related-posts__date { font-size: 0.72em; color: var(--text-muted, #484f58); } .entry-body a:not(.btn):not(.sns-btn):not(.related-posts__item) {
color: #58a6ff !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
text-decoration-color: rgba(88,166,255,0.5) !important;
}
.entry-body a:not(.btn):not(.sns-btn):not(.related-posts__item):hover {
color: #79c0ff !important;
text-decoration-color: #79c0ff !important;
}  .entry-body img,
.entry-content img {
height: auto;
max-width: 100%;
display: block;
} .vk_post_imgOuter { aspect-ratio: 16 / 9; overflow: hidden; } .entry-body .wp-post-image,
.post-thumbnail img,
.attachment-post-thumbnail {
height: auto;
width: 100%;
display: block;
} .widget img { height: auto; max-width: 100%; } .entry-body .adsbygoogle[data-ad-format="rectangle"],
.entry-body .adsbygoogle[data-ad-format="auto"],
.entry-content .adsbygoogle {
min-height: 100px;
display: block;
}