.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root { --accent: #005dbc;
--accent-text: #005dbc;
--accent-btn: #0071e3;
--accent-rgb: 0, 113, 227;
--accent-2: #db2777;
--accent-3: #f97316; --bg: #eef2f8;
--bg-elevated: #ffffffa3;
--bg-glass: #ffffff94;
--bg-menu: #ffffffeb;
--text: #1d1d1f;
--border: #141e3c17;
--chip: #ffffff9e;
--chip-hover: #ffffffe6;
--chip-ink: #4b4b57;
--glass-rim: #ffffffd1;
--glass-hero: #ffffff80;
--glass-stat: #ffffff94;
--glass-line: #141e3c14;
--strip: #fff0;
--tabs-bg: #ffffff9e;
--cpw-icon-bg: #ffffff9e;
--rel-icon-bg: #ffffff;
--star-on: #005dbc;
--star-off: #8a8a96;
--tag-bg: rgba(0, 113, 227, .1);
--tag-ink: #005dbc;
--sort-bg: #ffffffe6;
--hdr-inset: rgba(255, 255, 255, .45);
--shadow-pop: inset 0 1px 0 #ffffffe6, 0 18px 44px #1f2d5a24;
--wallpaper: radial-gradient(1100px 680px at 6% -8%, #cddfff 0%, transparent 60%), radial-gradient(900px 620px at 100% 4%, #f0d8ff 0%, transparent 55%), radial-gradient(1000px 720px at 62% 108%, #d3f3ec 0%, transparent 60%), #eef2f8; --bg-page: #eef2f8;
--bg-header: var(--bg-glass);
--bg-footer: var(--bg-glass);
--bg-surface: #ffffff;
--bg-surface-alt: #f1f4fa;
--border-color: #dfe5f0;
--text-primary: var(--text);
--text-secondary: #5f5f6b;
--text-muted: #767682;
--shadow-card: inset 0 1px 0 #ffffffe6, 0 10px 30px #1f2d5a14;
--header-footer-border: var(--border);
--glow-icon: none; --container: 1280px;
--gutter: 20px;
--radius-card: 24px;
--radius-lg: 18px;
--radius-md: 12px;
--radius-sm: 8px;
--boxed-width: 1240px;
--font-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
--ease-spring: cubic-bezier(.22, 1, .36, 1);
} [data-theme="dark"] {
color-scheme: dark;
--accent: #4d9be9;
--accent-text: #4d9be9;
--accent-2: #ec4899;
--accent-3: #fb923c;
--bg: #0b0d14;
--bg-elevated: #2225348c;
--bg-glass: #0c0e1694;
--bg-menu: #141620f0;
--text: #f5f5f7;
--border: #ffffff17;
--chip: #ffffff14;
--chip-hover: #ffffff24;
--chip-ink: #b4b4c0;
--glass-rim: #ffffff17;
--glass-hero: #22253480;
--glass-stat: #ffffff0d;
--glass-line: #ffffff14;
--strip: #211e19;
--tabs-bg: rgba(255, 255, 255, .06);
--cpw-icon-bg: rgba(255, 255, 255, .06);
--rel-icon-bg: rgba(255, 255, 255, .07);
--star-on: #4d9be9;
--star-off: #6e6e7a;
--tag-bg: rgba(0, 113, 227, .16);
--tag-ink: #4d9be9;
--sort-bg: rgba(255, 255, 255, .14);
--hdr-inset: rgba(255, 255, 255, .06);
--shadow-pop: inset 0 1px 0 #ffffff14, 0 18px 44px #00000080;
--wallpaper: radial-gradient(1100px 680px at 6% -8%, #1a2d63 0%, transparent 60%), radial-gradient(900px 620px at 100% 4%, #3d1c56 0%, transparent 55%), radial-gradient(1000px 720px at 62% 108%, #0e3b3b 0%, transparent 60%), #0b0d14;
--bg-page: #0b0d14;
--bg-surface: #141620;
--bg-surface-alt: #1e2130;
--border-color: #2a2e40;
--text-secondary: #a7a7b3;
--text-muted: #8e8e9b;
--shadow-card: inset 0 1px 0 #ffffff12, 0 10px 30px #00000059;
--glow-icon: none;
}
* { box-sizing: border-box; }
html {
background: var(--bg);
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
background: transparent;
color: var(--text);
font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
margin: 0;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
transition: color .2s ease;
} body::before {
content: "";
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
background: var(--wallpaper);
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
ul { list-style: none; margin: 0; padding: 0; }
li { list-style: none; }
button { font-family: inherit; cursor: pointer; }
.boxed {
max-width: var(--boxed-width);
margin: 0 auto;
padding: 0 20px;
}
.site-container {
max-width: var(--container);
margin: 0 auto;
padding: 0 var(--gutter);
} @media (min-width: 1440px) {
:root { --gutter: 28px; }
} .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
border: 0;
white-space: nowrap;
word-wrap: normal;
} .site-header,
.site-footer-wrap,
.home-wrap,
.single-wrap { line-height: 1.65; }
@media (min-width: 1440px) {
.site-header,
.site-footer-wrap,
.home-wrap { font-size: 16.5px; }
} .site-header {
background: var(--bg-glass);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
border-bottom: 1px solid var(--border);
box-shadow: inset 0 1px 0 var(--hdr-inset);
position: sticky;
top: 0;
z-index: 200;
transition: transform .3s;
}
.site-header.is-hidden { transform: translateY(-100%); } body.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar .site-header { top: 46px; }
}
.site-header-inner {
max-width: var(--container);
margin: 0 auto;
padding: 0 var(--gutter);
min-height: 62px;
display: flex;
align-items: center;
gap: 18px;
} .traffic-lights {
display: flex;
gap: 7px;
flex-shrink: 0;
}
.traffic-lights span {
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
}
.traffic-lights .tl-red { background: #ff5f57; }
.traffic-lights .tl-yellow { background: #febc2e; }
.traffic-lights .tl-green { background: #28c840; }
.site-logo {
font-size: 18px;
font-weight: 800;
color: var(--text);
white-space: nowrap;
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 8px;
}
.site-logo-img { display: block; flex-shrink: 0; width: auto; height: 45px; }
.footer-logo .site-logo-img { height: auto; max-height: 42px; } @media (max-width: 980px) {
.site-header .site-logo { flex-shrink: 1; min-width: 0; }
.site-header .mobile-menu-toggle, .site-header .header-actions { flex-shrink: 0; }
.site-header .site-logo-img { flex-shrink: 1; min-width: 0; max-width: 100%; height: auto; max-height: 45px; }
} .main-nav { flex: 0 1 auto; min-width: 0; margin-left: auto; }
.main-nav > ul {
display: flex;
align-items: center;
gap: 2px;
}
.main-nav > ul > li { position: relative; }
.main-nav > ul > li > a {
font-size: .94rem;
color: var(--text);
font-weight: 500;
padding: 8px 14px;
display: inline-flex;
align-items: center;
gap: 0;
border-radius: 10px;
white-space: nowrap;
transition: background .15s;
}
.main-nav > ul > li:hover > a,
.main-nav > ul > li.current-menu-item > a {
background: var(--chip);
color: var(--text);
} .main-nav > ul > li.menu-item-has-children > a::after {
content: "";
width: 6px;
height: 6px;
margin-left: 7px;
border-right: 1.6px solid currentColor;
border-bottom: 1.6px solid currentColor;
transform: translateY(-2px) rotate(45deg);
opacity: .5;
}
.main-nav .sub-menu {
display: none;
position: absolute;
background: var(--bg-menu);
-webkit-backdrop-filter: blur(24px) saturate(180%);
backdrop-filter: blur(24px) saturate(180%);
border: 1px solid var(--border);
border-radius: 14px;
padding: 7px;
box-shadow: var(--shadow-pop);
z-index: 60;
} .main-nav > ul > li > .sub-menu {
top: calc(100% + 6px);
right: 0;
min-width: 220px;
}
.main-nav > ul > li:hover > .sub-menu { display: block; }
.main-nav .sub-menu li { position: relative; }
.main-nav .sub-menu li > a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 8px 12px;
font-size: .94rem;
font-weight: 400;
color: var(--text);
border-radius: 8px;
white-space: nowrap;
}
.main-nav .sub-menu li > a:hover { background: rgba(var(--accent-rgb), .1); color: var(--accent-text); } .main-nav .sub-menu li.menu-item-has-children > a::after {
content: "";
width: 6px;
height: 6px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(135deg);
opacity: .5;
flex-shrink: 0;
} .main-nav .sub-menu .sub-menu {
top: -6px;
right: 100%;
min-width: 190px;
} @media (min-width: 981px) {
.main-nav > ul > li > .sub-menu::before,
.applications-nav-item > .category-dropdown-panel::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -8px;
height: 8px;
}
}
.main-nav .sub-menu li:hover > .sub-menu { display: block; }
.header-actions {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.icon-btn,
.theme-toggle {
position: relative;
width: 36px;
height: 36px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 10px;
background: transparent;
color: var(--text);
font-size: 15px;
transition: background .15s;
}
.icon-btn:hover,
.theme-toggle:hover { background: var(--chip); color: var(--text); }
.icon-btn svg,
.theme-toggle svg { width: 19px; height: 19px; flex-shrink: 0; }
.icon-btn:focus-visible,
.theme-toggle:focus-visible { outline: 2px solid var(--accent-btn); outline-offset: 2px; } .theme-toggle::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 36px;
height: 36px;
border-radius: 50%;
transform: translate(-50%, -50%) scale(0);
background: radial-gradient(circle, var(--accent-btn) 0%, rgba(var(--accent-rgb), .35) 55%, transparent 75%);
opacity: 0;
pointer-events: none;
z-index: -1;
}
.theme-toggle.glowing::after {
animation: machax-theme-glow-burst .7s ease-out;
}
@keyframes machax-theme-glow-burst {
0%   { transform: translate(-50%, -50%) scale(.4); opacity: .6; }
100% { transform: translate(-50%, -50%) scale(5.5); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
.theme-toggle.glowing::after { animation: none; }
}
.mobile-menu-toggle { display: none; } @media (max-width: 400px) {
.site-header-inner { gap: 10px; }
.header-actions { gap: 4px; }
}
@media (max-width: 340px) {
.traffic-lights { display: none; }
}
@media (max-width: 980px) {
.mobile-menu-toggle { display: inline-flex; order: 3; }
.header-actions { margin-left: auto; }
.main-nav { display: none; margin: 0; }
.main-nav.mobile-open {
display: block;
position: absolute;
top: calc(100% + 8px);
left: 12px;
right: 12px;
padding: 10px;
max-height: 70vh;
overflow-y: auto;
background: var(--bg-menu);
-webkit-backdrop-filter: blur(24px) saturate(180%);
backdrop-filter: blur(24px) saturate(180%);
border: 1px solid var(--border);
border-radius: 14px;
box-shadow: var(--shadow-pop);
}
.main-nav.mobile-open > ul { flex-direction: column; align-items: stretch; gap: 2px; }
.main-nav.mobile-open > ul > li > a { display: flex; justify-content: space-between; }
.main-nav.mobile-open .sub-menu {
position: static;
display: block;
border: 0;
box-shadow: none;
background: transparent;
-webkit-backdrop-filter: none;
backdrop-filter: none;
padding: 0 0 0 16px;
} .main-nav.mobile-open .category-dropdown-panel {
position: static;
box-shadow: none;
border: none;
background: transparent;
-webkit-backdrop-filter: none;
backdrop-filter: none;
padding: 4px 0 4px 12px;
margin: 0;
width: 100%;
min-width: 0;
}
} .applications-nav-item { position: relative; }
.applications-nav-link {
display: inline-flex !important;
align-items: center;
gap: 5px;
}
.category-dropdown-panel {
display: none;
position: absolute;
top: calc(100% + 6px);
left: 0;
background: var(--bg-menu);
-webkit-backdrop-filter: blur(24px) saturate(180%);
backdrop-filter: blur(24px) saturate(180%);
border: 1px solid var(--border);
border-radius: 14px;
box-shadow: var(--shadow-pop);
padding: 7px;
min-width: 220px;
z-index: 80;
}
.category-dropdown-panel.open { display: block; }
@media (max-width: 480px) {
.category-dropdown-panel {
min-width: 0;
width: min(220px, calc(100vw - 32px));
}
} .applications-nav-item:hover > .category-dropdown-panel { display: block; }
.category-dropdown-list {
max-height: 320px;
overflow-y: auto;
scrollbar-width: thin;
}
.category-dropdown-list::-webkit-scrollbar { width: 6px; }
.category-dropdown-list::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 4px; } .latest-page-grid {
display: grid;
grid-template-columns: 240px minmax(0, 1fr);
gap: 24px;
align-items: start;
margin-top: 8px;
}
.latest-page-sidebar {
background: var(--bg-surface);
border: 1px solid var(--border-color);
border-radius: var(--radius-md);
padding: 16px;
position: sticky;
top: 20px;
}
.latest-page-sidebar .category-dropdown-list {
max-height: none;
overflow: visible;
} .latest-page-main .updated-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 600px) {
.latest-page-main .updated-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
.latest-page-grid { grid-template-columns: 1fr; }
.latest-page-sidebar { position: static; order: 2; }
.latest-page-main { order: 1; }
}
.category-dropdown-item {
display: flex;
align-items: center;
gap: 10px;
padding: 9px 10px;
border-radius: 8px;
font-size: 12.5px;
font-weight: 600;
color: var(--text-primary);
}
.category-dropdown-item:hover { background: rgba(var(--accent-rgb), .1); }
.category-dropdown-item.active {
background: rgba(var(--accent-rgb), .12);
color: var(--accent);
}
.category-dropdown-icon { font-size: 16px; flex-shrink: 0; line-height: 1; }
.category-navbar-chevron { flex-shrink: 0; } .category-navbar {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 24px;
}
.category-navbar-parent {
position: relative;
flex-shrink: 0;
}
.category-navbar-parent-trigger {
display: flex;
align-items: center;
gap: 9px;
background: var(--bg-surface);
border: 1px solid var(--border-color);
border-radius: 10px;
padding: 11px 16px;
box-shadow: var(--shadow-card);
cursor: pointer;
color: var(--text-primary);
font-size: 13px;
font-weight: 700;
font-family: inherit;
}
.category-navbar-parent-trigger .category-navbar-chevron { color: var(--accent); }
.category-navbar-tabs-wrap {
display: flex;
align-items: center;
gap: 6px;
background: var(--bg-surface);
border: 1px solid var(--border-color);
border-radius: 10px;
padding: 6px;
flex: 1;
min-width: 0;
box-shadow: var(--shadow-card);
}
.category-navbar-arrow {
width: 34px;
height: 34px;
border-radius: 8px;
border: none;
background: var(--bg-surface-alt);
color: var(--accent);
flex-shrink: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.category-navbar-arrow:hover { background: var(--border-color); }
.category-navbar-tabs {
display: flex;
gap: 6px;
overflow-x: auto;
scroll-behavior: smooth;
flex: 1;
scrollbar-width: none;
}
.category-navbar-tabs::-webkit-scrollbar { display: none; }
.category-navbar-tab {
padding: 9px 15px;
border-radius: 8px;
font-size: 12.5px;
font-weight: 600;
color: var(--text-secondary);
white-space: nowrap;
flex-shrink: 0;
}
.category-navbar-tab:hover { background: var(--bg-surface-alt); }
.category-navbar-tab.active {
background: var(--accent-btn);
color: #fff;
}
@media (max-width: 700px) {
.category-navbar { flex-wrap: wrap; }
.category-navbar-tabs-wrap { flex: 1 1 100%; }
.category-navbar-arrow { width: 40px; height: 40px; }
} .search-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(10, 12, 20, .5);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
z-index: 500;
align-items: flex-start;
justify-content: center;
padding-top: 12vh;
}
.search-overlay.active { display: flex; }
.search-overlay-box {
background: var(--bg-menu);
-webkit-backdrop-filter: blur(24px) saturate(180%);
backdrop-filter: blur(24px) saturate(180%);
border: 1px solid var(--border);
border-radius: 18px;
width: 92%;
max-width: 580px;
padding: 6px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
box-shadow: var(--shadow-pop);
} .search-overlay-box .live-search-results {
flex: 1 1 100%;
order: 3;
box-shadow: none;
border-radius: 12px;
}
.search-overlay-form {
flex: 1;
display: flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
color: var(--text-secondary);
}
.search-overlay-form svg { width: 19px; height: 19px; flex-shrink: 0; }
.search-overlay-form input {
flex: 1;
min-width: 0;
border: none;
outline: none;
background: transparent;
color: var(--text);
font-family: inherit;
font-size: 16px;
}
.search-overlay-close {
background: var(--chip);
border: none;
width: 36px;
height: 36px;
border-radius: 50%;
color: var(--text-secondary);
font-size: 14px;
flex-shrink: 0;
margin-right: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.search-overlay-close svg { width: 16px; height: 16px; }
.search-overlay-close:hover { color: var(--accent-text); background: var(--chip-hover); }  .home-wrap { padding-top: 28px; padding-bottom: 56px; }
@media (min-width: 1440px) {
.home-wrap { padding-top: 36px; padding-bottom: 72px; }
}
@media (min-width: 1760px) {
.home-wrap { padding-top: 44px; padding-bottom: 80px; }
}
.home-hero {
position: relative;
overflow: hidden;
margin: 2px 0 28px;
padding: clamp(28px, 4.2vw, 42px) clamp(22px, 3.6vw, 42px);
border-radius: 20px;
background: var(--glass-hero);
color: var(--text);
border: 1px solid var(--glass-rim);
box-shadow: var(--shadow-card);
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: center;
gap: clamp(24px, 3vw, 40px);
}
.home-hero.has-stats { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
.home-hero::before {
content: "";
position: absolute;
top: -80px;
right: -40px;
width: 320px;
height: 320px;
border-radius: 50%;
background: rgba(var(--accent-rgb), .28);
filter: blur(90px);
pointer-events: none;
}
.home-hero > * { position: relative; z-index: 1; }
.hero-main { min-width: 0; }
.home-hero h1 {
margin: 0 0 8px;
font-size: clamp(1.5rem, 3.2vw, 2.2rem);
font-weight: 800;
line-height: 1.1;
letter-spacing: -.035em;
}
.home-hero .hero-sub {
margin: 0 0 18px;
max-width: 580px;
font-size: 1.02rem;
line-height: 1.5;
color: var(--text-secondary);
}
.hero-search-wrap {
position: relative;
max-width: 460px;
}
.hero-search {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 6px 6px 16px;
background: #fff;
border-radius: 999px;
box-shadow: inset 0 1px 0 #fff, 0 6px 20px rgba(31, 45, 90, .08);
}
.hero-search svg { flex: 0 0 auto; width: 18px; height: 18px; color: #6b6b75; }
.hero-search input {
flex: 1;
min-width: 0;
height: 40px;
border: 0;
outline: 0;
background: transparent;
color: #1d1d1f;
font-family: inherit;
font-size: .95rem;
}
.hero-search input::placeholder { color: #767682; }
.hero-search button {
flex: 0 0 auto;
height: 40px;
padding: 0 20px;
border: 0;
border-radius: 999px;
background: var(--accent-btn);
color: #fff;
font-size: .9rem;
font-weight: 700;
}
.hero-search button:hover { filter: brightness(.9); }
.hero-search:focus-within {
outline: 2px solid #fff;
outline-offset: 3px;
box-shadow: 0 0 0 2px var(--accent-btn);
}
.hero-search-wrap .live-search-results { margin-top: 8px; }
.hero-popular {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin-top: 16px;
}
.hero-popular .popular-label {
font-size: .8rem;
font-weight: 600;
color: var(--text-secondary);
}
.hero-popular a {
padding: 5px 13px;
font-size: .82rem;
font-weight: 600;
color: var(--text);
background: var(--chip);
border: 1px solid var(--glass-rim);
border-radius: 999px;
transition: background .15s, transform .15s;
}
.hero-popular a:hover { background: var(--chip-hover); transform: translateY(-1px); }
.hero-stats {
display: flex;
flex-direction: column;
padding: 20px 24px;
background: var(--glass-stat);
border: 1px solid var(--glass-rim);
border-radius: 16px;
}
.hero-stat { padding: 12px 0; }
.hero-stat + .hero-stat { border-top: 1px solid var(--glass-line); }
.hero-stat-v {
display: block;
font-family: var(--font-mono);
font-size: clamp(1.4rem, 2.4vw, 1.8rem);
font-weight: 600;
letter-spacing: -.03em;
}
.hero-stat-l {
display: block;
margin-top: 3px;
font-size: .82rem;
font-weight: 500;
color: var(--text-secondary);
}
@media (max-width: 900px) {
.home-hero.has-stats { grid-template-columns: minmax(0, 1fr); }
.hero-stats { flex-direction: row; }
.hero-stat { flex: 1 1 0; padding: 0 14px; }
.hero-stat:first-child { padding-left: 0; }
.hero-stat + .hero-stat { border-top: 0; border-left: 1px solid var(--glass-line); }
}
@media (max-width: 460px) {
.hero-stats { padding: 14px 16px; }
.hero-stat { padding: 0 9px; }
}
@media (max-width: 420px) {
.hero-search { gap: 6px; padding-left: 12px; }
.hero-search button { padding: 0 14px; }
} .live-search-results {
display: none;
background: var(--bg-menu);
border: 1px solid var(--border);
border-radius: 14px;
box-shadow: var(--shadow-pop);
overflow: hidden;
z-index: 600;
text-align: left;
}
.live-search-results.active { display: block; }
.live-search-item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
border-bottom: 1px solid var(--border);
}
.live-search-item:hover { background: rgba(var(--accent-rgb), .08); }
.live-search-icon {
width: 32px;
height: 32px;
border-radius: 8px;
object-fit: cover;
flex-shrink: 0;
background: var(--bg-surface-alt);
}
.live-search-icon-placeholder { background: var(--bg-surface-alt); }
.live-search-item-body {
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.live-search-item-title {
font-size: .85rem;
font-weight: 600;
color: var(--text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.live-search-item-cat { font-size: .72rem; color: var(--text-secondary); }
.live-search-viewall {
display: block;
text-align: center;
padding: 10px 14px;
background: var(--chip);
font-size: .8rem;
font-weight: 600;
color: var(--accent-text);
}
.live-search-viewall:hover { text-decoration: underline; }
.live-search-empty {
padding: 14px;
text-align: center;
font-size: .85rem;
color: var(--text-secondary);
} .section-block { max-width: var(--boxed-width); margin: 0 auto; padding: 30px 40px 0; }
.section-heading {
font-size: 19px;
font-weight: 800;
color: var(--text-primary);
margin: 0 0 16px;
display: flex;
align-items: center;
gap: 8px;
}
.section-heading .dot,
.sidebar-widget-title .dot,
.comments-count-heading .dot,
.page-title .dot {
width: 16px;
height: 16px;
border-radius: 5px;
background: var(--accent-btn);
display: inline-block;
flex-shrink: 0;
} .home-featured { margin: 2px 0 30px; }
.featured-title,
.loop-title {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 16px;
font-size: 1.35rem;
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.25;
}
.featured-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
}
.featured-card {
position: relative;
overflow: hidden;
flex: 1 1 210px;
max-width: 380px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding: 22px 16px 18px;
text-align: center;
color: var(--text);
background: var(--bg-elevated);
border: 1px solid var(--glass-rim);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
transition: transform .22s cubic-bezier(.2, .7, .2, 1), box-shadow .22s, border-color .22s;
}
.featured-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-pop);
border-color: rgba(var(--accent-rgb), .25);
}
.featured-badge-num {
position: absolute;
top: 14px;
left: 16px;
z-index: 2;
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
font-size: .8rem;
font-weight: 600;
color: var(--text-secondary);
}
.featured-icon-frame {
width: 90px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
background: var(--bg-elevated);
border-radius: 22px;
box-shadow: 0 8px 20px #00000024, 0 0 0 1px var(--border);
}
.featured-icon {
width: 64px;
height: 64px;
object-fit: contain;
border-radius: 15px;
}
.featured-card h3 {
margin: 0;
font-size: .95rem;
font-weight: 600;
line-height: 1.3;
letter-spacing: -.022em;
color: var(--text);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.featured-meta {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 12px;
}
.featured-cat { font-size: .8rem; font-weight: 600; color: var(--accent-text); }
.featured-ver {
font-family: var(--font-mono);
font-size: .78rem;
font-weight: 500;
color: var(--text-secondary);
}
@media (min-width: 1440px) {
.featured-icon-frame { width: 96px; height: 96px; }
.featured-icon { width: 66px; height: 66px; }
} .cat-badge {
display: inline-block;
font-size: 10px;
font-weight: 600;
padding: 3px 9px;
border-radius: 8px;
white-space: nowrap;
}
.cat-c0 { background: #e0f2fe; color: #0369a1; }
.cat-c1 { background: #fce7f3; color: #be185d; }
.cat-c2 { background: #dcfce7; color: #15803d; }
.cat-c3 { background: #ffedd5; color: #c2410c; }
.cat-c4 { background: #f3e8ff; color: #7e22ce; }
.cat-c5 { background: #fef9c3; color: #a16207; }
[data-theme="dark"] .cat-c0 { background: #0c2d42; color: #7dd3fc; }
[data-theme="dark"] .cat-c1 { background: #3a1228; color: #f9a8d4; }
[data-theme="dark"] .cat-c2 { background: #0f2e1c; color: #86efac; }
[data-theme="dark"] .cat-c3 { background: #3a1f0a; color: #fdba74; }
[data-theme="dark"] .cat-c4 { background: #2a1046; color: #d8b4fe; }
[data-theme="dark"] .cat-c5 { background: #332b06; color: #fde047; } .updated-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
gap: 16px;
align-items: stretch;
}
@media (min-width: 1760px) { .updated-grid { gap: 20px; } }
.updated-card {
position: relative;
height: 100%;
min-width: 0;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
padding: 16px;
color: var(--text);
background: var(--bg-elevated);
border: 1px solid var(--glass-rim);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
transition: transform .22s var(--ease-spring), box-shadow .22s;
}
.updated-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-pop); }
.updated-icon {
width: 84px;
height: 84px;
flex-shrink: 0;
object-fit: contain;
border-radius: 19px;
}
@media (min-width: 1440px) {
.updated-icon { width: 92px; height: 92px; }
}
.updated-body {
min-width: 0;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
}
.updated-body h3 {
margin: 0;
font-size: 1.02rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: -.022em;
color: var(--text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.updated-card:hover .updated-body h3 { color: var(--accent-text); }
.updated-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 7px 14px;
font-size: .82rem;
color: var(--text-secondary);
}
.updated-cat {
font-size: .8rem;
font-weight: 500;
line-height: 1;
color: var(--accent-text);
white-space: nowrap;
}
.updated-ver {
font-family: var(--font-mono);
font-size: .8rem;
font-weight: 500;
line-height: 1;
letter-spacing: -.01em;
white-space: nowrap;
}
.updated-item {
display: inline-flex;
align-items: center;
gap: 5px;
height: 24px;
font-size: .78rem;
white-space: nowrap;
}
.updated-item svg { width: 13px; height: 13px; opacity: .8; flex-shrink: 0; }
@media (max-width: 560px) {
.updated-meta { row-gap: 6px; }
.updated-item { height: 22px; font-size: .75rem; }
}
@media (max-width: 540px) {
.updated-card { flex-direction: column; text-align: center; gap: 12px; }
.updated-body { align-items: center; }
.updated-meta { justify-content: center; }
} .pagination-wrap {
max-width: var(--boxed-width);
margin: 0 auto;
padding: 40px 40px 0;
display: flex;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
}
.home-wrap .pagination-wrap { padding: 40px 0 0; max-width: none; }
.pagination-wrap a,
.pagination-wrap span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 38px;
padding: 0 13px;
border-radius: 999px;
background: var(--bg-elevated);
border: 1px solid var(--border);
color: var(--text);
font-size: .9rem;
font-weight: 500;
}
.pagination-wrap a:hover { border-color: var(--accent-btn); color: var(--accent-text); }
.pagination-wrap .current { background: var(--accent-btn); color: #fff; border-color: var(--accent-btn); }
.pagination-wrap .dots { border: none; background: transparent; }
.site-breadcrumbs {
font-size: 12.5px;
color: var(--text-muted);
margin-bottom: 16px;
}
.site-breadcrumbs p,
.site-breadcrumbs #rank-math-breadcrumb {
margin: 0;
}
.site-breadcrumbs a {
color: var(--text-muted);
}
.site-breadcrumbs a:hover {
color: var(--accent);
}
.site-breadcrumbs span:last-child {
color: var(--text-secondary);
}
.download-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(--accent-btn);
color: #fff;
padding: 14px 34px;
border-radius: 11px;
margin-bottom: 24px;
box-shadow: 0 6px 18px rgba(0, 113, 227, .3);
transition: filter .15s, transform .15s;
}
.download-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }
@media (max-width: 380px) {
.download-btn { padding: 12px 20px; gap: 7px; }
.download-btn-label { font-size: 12px; }
.download-btn-size { font-size: 11px; }
}
.download-btn-icon { font-size: 15px; line-height: 1; }
.download-btn-label { font-weight: 700; font-size: 13.5px; line-height: 1; white-space: nowrap; }
.download-btn-divider {
width: 1px;
height: 16px;
background: rgba(255, 255, 255, .4);
flex-shrink: 0;
}
.download-btn-size { font-size: 12px; opacity: .9; line-height: 1; white-space: nowrap; }
[data-theme="dark"] .download-btn {
box-shadow: 0 6px 20px rgba(77, 155, 233, .45);
}
.content-heading {
font-size: 16px;
font-weight: 700;
color: var(--text-primary);
margin: 0 0 12px;
}
.app-description { color: var(--text-primary); font-size: 15px; line-height: 1.75; }
.app-description p { margin: 0 0 14px; }
.app-description strong,
.app-description b { color: var(--text-primary); font-weight: 700; }
.app-description ul,
.app-description ol { margin: 0 0 14px; padding-left: 22px; }
.app-description li { margin-bottom: 6px; }
.app-description a { color: var(--accent); text-decoration: underline; }
.tab-app-name {
font-size: 16px;
font-weight: 700;
color: var(--text-primary);
text-align: center;
margin: 0 0 16px;
}
.download-block { padding: 4px 0; }
.download-block-divided {
margin-top: 22px;
padding-top: 22px;
border-top: 1px solid var(--border-color);
}
.tab-meta-line {
font-size: 12.5px;
color: var(--text-muted);
margin: 14px 0 0;
}
.tab-list {
margin: 0;
padding: 0;
}
.tab-list li {
position: relative;
display: flex;
align-items: flex-start;
gap: 10px;
padding: 10px 0;
font-size: 15px;
line-height: 1.75;
color: var(--text-primary);
border-bottom: 1px solid var(--border-color);
}
.tab-list li:last-child { border-bottom: none; }
.tab-list li::before {
content: "✓";
flex-shrink: 0;
width: 19px;
height: 19px;
border-radius: 50%;
background: var(--accent-btn);
color: #fff;
font-size: 10px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
margin-top: 3px;
} .tab-list-numbered { counter-reset: machax-install-step; }
.tab-list-numbered li { counter-increment: machax-install-step; }
.tab-list-numbered li::before {
content: counter(machax-install-step);
} .tab-note-line {
color: var(--text-primary);
font-size: 15px;
line-height: 1.75;
margin: 14px 0 6px;
padding-top: 10px;
border-top: 1px solid var(--border-color);
text-align: left;
}
.tab-note-line:first-child {
margin-top: 0;
padding-top: 0;
border-top: none;
} .download-install-steps {
text-align: left;
margin-top: 24px;
}
.tab-panel-heading {
font-size: 22px;
font-weight: 800;
color: var(--text-primary);
line-height: 1.3;
margin: 0 0 14px;
}
.tab-empty {
color: var(--text-muted);
font-size: 13px;
text-align: center;
margin: 0;
padding: 10px 0;
} .single-comments-wrap {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid var(--border-color);
} .sidebar-widget-title {
font-size: 15px;
font-weight: 800;
color: var(--text-primary);
margin: 0 0 10px;
display: flex;
align-items: center;
gap: 6px;
} .single-wrap { padding-top: 28px; padding-bottom: 56px; line-height: 1.65; }
@media (min-width: 1440px) {
.single-wrap { padding-top: 36px; padding-bottom: 72px; font-size: 16.5px; }
}
@media (min-width: 1760px) {
.single-wrap { padding-top: 44px; padding-bottom: 80px; }
}
.layout-with-sidebar {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 32px;
align-items: start;
}
@media (min-width: 1440px) { .layout-with-sidebar { gap: 40px; } }
@media (min-width: 1600px) { .layout-with-sidebar { grid-template-columns: minmax(0, 1fr) 360px; } }
@media (max-width: 980px) { .layout-with-sidebar { grid-template-columns: minmax(0, 1fr); } }
.main-col { min-width: 0; }
.single-window [hidden] { display: none !important; }
.single-window {
background: var(--bg-elevated);
border: 1px solid var(--glass-rim);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
overflow: hidden;
-webkit-backdrop-filter: blur(18px) saturate(160%);
backdrop-filter: blur(18px) saturate(160%);
}
@media (max-width: 768px) {
.single-window, .site-sidebar .widget { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
.window-titlebar { display: flex; gap: 12px; padding: 16px 22px 0; }
.single-window .site-breadcrumbs { margin: 0; font-size: .78rem; line-height: 1.68; color: var(--text-secondary); }
.single-window .site-breadcrumbs a { color: var(--text-secondary); }
.single-window .site-breadcrumbs a:hover { color: var(--accent-text); }
.single-window .site-breadcrumbs p { margin: 0; }
.single-window .site-breadcrumbs .separator { font-size: 0; }
.single-window .site-breadcrumbs .separator::before { content: "›"; font-size: .78rem; padding: 0 4px; }
.single-window .site-breadcrumbs .last,
.single-window .site-breadcrumbs span:last-child { color: var(--text); font-weight: 600; }
.single-content { padding: 28px; } .single-app-header {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 16px 32px;
align-items: center;
margin: 0 -28px 24px;
padding: 0 28px 16px;
border-bottom: 1px solid var(--border);
}
.sah-main { display: flex; gap: 20px; align-items: flex-start; min-width: 0; }
.sah-icon {
flex: 0 0 auto;
width: 82px;
height: 82px;
border-radius: 20px;
object-fit: cover;
box-shadow: 0 2px 6px rgba(31, 45, 90, .18), 0 14px 32px rgba(31, 45, 90, .18);
}
[data-theme="dark"] .sah-icon { box-shadow: 0 2px 6px rgba(0, 0, 0, .45), 0 14px 32px rgba(0, 0, 0, .42); }
.sah-text { min-width: 0; }
.single-app-header h1 {
margin: 0 0 5px;
font-size: 1.36rem;
font-weight: 700;
letter-spacing: -.022em;
line-height: 1.2;
color: var(--text);
}
.sah-ident {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 16px;
margin: 10px 0 0;
font-size: .88rem;
color: var(--text-secondary);
}
.sah-cat {
display: inline-flex;
align-items: center;
height: 26px;
padding: 0 12px;
border-radius: 999px;
background: var(--tag-bg);
color: var(--tag-ink);
font-size: .8rem;
font-weight: 650;
}
.sah-cat:hover { filter: brightness(.96); }
.card-rating { display: inline-flex; align-items: center; gap: 4px; color: var(--text-secondary); }
.card-rating[hidden] { display: none; }
.card-rating svg { width: 13px; height: 13px; color: var(--star-on); fill: currentColor; }
.card-rating strong, .sah-dls strong { color: var(--text); font-weight: 700; font-variant-numeric: tabular-nums; }
.card-rating-n::before { content: "("; }
.card-rating-n::after { content: ")"; }
.sah-trust {
display: inline-flex;
align-items: center;
gap: 5px;
height: 26px;
padding: 0 12px;
border: 0;
border-radius: 999px;
background: rgba(22, 163, 74, .12);
color: #16a34a;
font-size: .8rem;
font-weight: 650;
line-height: 1;
}
.sah-trust svg { width: 14px; height: 14px; }
[data-theme="dark"] .sah-trust { background: rgba(74, 222, 128, .14); color: #4ade80; }
.sah-sub {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 14px;
margin-top: 8px;
font-size: .82rem;
color: var(--text-secondary);
}
.sah-sub a { color: var(--accent-text); font-weight: 600; }
.sah-sub a:hover { text-decoration: underline; }
.sah-lic { display: inline-flex; align-items: center; gap: 6px; }
.sah-side { display: flex; flex-direction: column; gap: 10px; width: 260px; }
.cp-download {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
padding: 15px 30px;
border-radius: 999px;
background: var(--accent-btn);
color: #fff;
font-weight: 650;
line-height: 1.2;
text-align: center;
letter-spacing: -.005em;
box-shadow: rgba(0, 0, 0, .05) 0 1px 2px, rgba(0, 0, 0, .06) 0 4px 14px;
transition: transform .12s var(--ease-spring), filter .15s;
}
.cp-download:hover { filter: brightness(1.08); transform: translateY(-1px); }
.cp-download:active { transform: scale(.985); }
.cp-download strong { font-size: 1.05rem; font-weight: 700; line-height: 1.25; }
.cp-download small { font-family: var(--font-mono); font-size: .78rem; font-weight: 500; opacity: .9; }
.sah-older { text-align: center; font-size: .82rem; font-weight: 600; color: var(--accent-text); }
.sah-older:hover { text-decoration: underline; }
.sah-specs {
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: 16px -28px -16px;
padding: 0 28px;
background: var(--strip);
border-top: 1px solid var(--border);
}
.sah-spec { padding: 14px 20px; min-width: 0; }
.sah-spec:first-child { padding-left: 0; }
.sah-spec + .sah-spec { border-left: 1px solid var(--border); }
.sah-spec dt { margin: 0 0 6px; font-size: .69rem; font-weight: 700; color: var(--text-secondary); line-height: 1.65; }
.sah-spec dd { margin: 5px 0 0; font-family: var(--font-mono); font-size: .95rem; font-weight: 600; letter-spacing: -.01em; line-height: 1.35; color: var(--text); overflow-wrap: anywhere; }
.cp-rate { display: flex; align-items: center; flex-wrap: wrap; }
.cp-rate-stars { direction: rtl; display: inline-flex; gap: 2px; }
.cp-star {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
border-radius: 8px;
background: transparent;
color: var(--star-off);
transition: transform .12s, color .15s;
}
.cp-star svg { width: 19px; height: 19px; fill: currentColor; }
.cp-star:disabled { cursor: default; }
.cp-star.on, .cp-star.on ~ .cp-star { color: var(--star-on); }
@media (hover: hover) {
.cp-rate:not(.is-rated) .cp-star:hover { transform: scale(1.12); }
.cp-rate:not(.is-rated) .cp-rate-stars:hover .cp-star:hover,
.cp-rate:not(.is-rated) .cp-rate-stars:hover .cp-star:hover ~ .cp-star { color: var(--star-on); }
}
.cp-rate-note { margin-left: 10px; font-size: .74rem; color: var(--text-secondary); }
.cp-rate-note:empty { display: none; }
.cp-star:focus-visible, .cp-tab:focus-visible, .comments-sort-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (max-width: 860px) {
.sah-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sah-spec { border-left: 0 !important; padding: 14px 20px; }
.sah-spec:nth-child(2n+1) { padding-left: 0; }
.sah-spec:nth-child(n+3) { border-top: 1px solid var(--border); }
}
@media (max-width: 760px) {
.single-app-header { grid-template-columns: minmax(0, 1fr); }
.sah-side { width: auto; }
}
@media (max-width: 480px) {
.single-content { padding: 16px; }
.single-app-header { margin: 0 -16px 24px; padding: 0 16px 16px; }
.single-app-header h1 { font-size: 1.1rem; }
.sah-main { gap: 14px; }
.sah-icon { width: 60px; height: 60px; border-radius: 15px; }
.sah-ident { gap: 6px 12px; font-size: .82rem; }
.sah-specs { grid-template-columns: minmax(0, 1fr); margin: 16px -16px -16px; padding: 0 16px; }
.sah-spec { padding: 11px 0 !important; border-top: 1px solid var(--border); }
.sah-spec:first-child { border-top: 0; }
} .single-window .entry-content { font-size: 1.02rem; line-height: 1.65; color: var(--text); }
.single-window .entry-content p { margin: 0 0 1em; }
.single-window .entry-content h2 { margin: 1.4em 0 .5em; font-size: 1.1rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.3; }
.single-window .entry-content h3 { margin: 1.2em 0 .4em; font-size: 1rem; font-weight: 700; }
.single-window .entry-content a { color: var(--accent-text); text-decoration: underline; text-underline-offset: 2px; }
.single-window .entry-content ul:not(.tab-list):not(.proscons-list):not(.cp-versions-list) { margin: 0 0 1em; padding: 0; }
.single-window .entry-content ul:not(.tab-list):not(.proscons-list):not(.cp-versions-list) > li { position: relative; padding-left: 26px; margin-bottom: 10px; }
.single-window .entry-content ul:not(.tab-list):not(.proscons-list):not(.cp-versions-list) > li::before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 9px;
height: 9px;
border-radius: 3px;
background: var(--accent-btn);
}
.single-window .entry-content img { height: auto; border-radius: 12px; }
.cp-tabs { display: flex; gap: 3px; padding: 4px; margin-top: 20px; background: var(--tabs-bg); border-radius: 12px; }
.cp-tab {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
padding: 8px 14px;
border: 0;
border-radius: 9px;
background: transparent;
color: var(--text);
font-size: .9rem;
font-weight: 500;
line-height: 1.32;
}
.cp-tab[aria-selected="true"] {
font-weight: 600;
color: var(--accent-text);
background: var(--bg-elevated);
box-shadow: 0 1px 3px rgba(0, 0, 0, .14), inset 0 -2px 0 #0071e3;
}
.cp-panel { margin-top: 16px; }
@media (max-width: 480px) { .cp-tab { font-size: .8rem; padding: 8px 10px; } } .single-window .tab-list { margin: 0; padding: 0; }
.single-window .tab-list li {
position: relative;
display: block;
padding: 0 0 0 26px;
margin: 0 0 10px;
border: 0;
font-size: 1rem;
line-height: 1.65;
color: inherit;
}
.single-window .tab-list li::before {
content: "";
position: absolute;
left: 0;
top: 9px;
margin: 0;
width: 9px;
height: 9px;
border-radius: 3px;
background: var(--accent-btn);
font-size: 0;
}
.single-window .tab-list-numbered li { padding-left: 34px; }
.single-window .tab-list-numbered li::before {
content: counter(machax-install-step);
top: 2px;
display: grid;
place-items: center;
width: 22px;
height: 22px;
border-radius: 7px;
background: var(--tag-bg);
color: var(--tag-ink);
font-size: .74rem;
font-weight: 700;
}
.single-window .tab-note-line { margin: 14px 0 8px; padding-top: 10px; border-top: 1px solid var(--border); color: var(--text); font-size: inherit; line-height: inherit; font-weight: 600; }
.single-window .tab-note-line:first-child { margin-top: 0; padding-top: 0; border-top: 0; } .cp-shots a { display: block; }
.cp-shots img { display: block; max-width: 100%; height: auto; margin: 1.2em auto; border-radius: 12px; } .x-block { margin-top: 32px; }
.x-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin: 0 0 12px; }
.x-head h2,
.single-window .x-block .tab-panel-heading,
.single-window .x-block .section-heading,
.single-window .x-block .faq-widget-header h2 {
display: block;
margin: 0 0 12px;
font-size: 1.1rem;
font-weight: 700;
letter-spacing: -.01em;
line-height: 1.3;
color: var(--text);
}
.x-head h2 { margin: 0; }
.single-window .x-block .section-heading .dot { display: none; }
.x-link { padding: 0; border: 0; background: none; color: var(--accent-text); font-size: .85rem; font-weight: 600; white-space: nowrap; }
.single-window a.x-link, a.x-link { text-decoration: none; }
.single-window a.x-link:hover, .x-link:hover { text-decoration: underline; }
.single-window .x-block .faq-count { display: none; }
.single-window .faq-widget { margin: 0; padding: 0; background: none; border: 0; border-radius: 0; }
.single-window .faq-item { margin: 0 0 8px; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 14px; }
.single-window .faq-item summary { padding: 12px 16px; font-size: .95rem; color: var(--text); }
.single-window .faq-item summary .chev { color: var(--accent-text); }
.single-window .faq-body { padding: 0 16px 14px; }
.single-window .faq-quick-answer { margin: 0; font-size: .92rem; line-height: 1.6; color: var(--text-secondary); }
.single-window .alt-section, .single-window .proscons-section { margin: 0; }
.single-window .alt-card { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 14px; }
.single-window a.alt-card:hover { border-color: var(--accent); }
.single-window .alt-card-icon { background: var(--rel-icon-bg); }
.single-window .alt-card-name { font-size: .95rem; }
.single-window .alt-card-desc { font-size: .88rem; line-height: 1.55; color: var(--text-secondary); }
.single-window .proscons-box { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 14px; box-shadow: none; }
.single-window .proscons-list li { font-size: .95rem; line-height: 1.6; color: var(--text); border-top-color: var(--border); }
.single-window .proscons-list li::before { content: none; }
.single-window .proscons-header h3 { color: var(--text); }
.single-window .cp-versions-list, .cp-versions-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; }
.cp-versions-list li { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 14px; margin: 0; padding: 11px 14px; background: var(--bg-elevated); font-size: .88rem; }
.cp-versions-list li::before { content: none !important; }
.cpv-n { font-family: var(--font-mono); font-weight: 600; }
.cpv-d, .cpv-s { color: var(--text-secondary); font-size: .82rem; }
@media (max-width: 560px) {
.cp-versions-list li { grid-template-columns: 1fr auto; gap: 2px 14px; }
.cpv-s { grid-column: 1 / -1; }
}
.entry-foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--border); }
.cp-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.share-label { margin-right: 2px; font-size: .85rem; font-weight: 600; color: var(--text-secondary); }
.cp-share a, .cp-share button {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 7px 15px;
border: 1px solid var(--border);
border-radius: 999px;
background: var(--bg-elevated);
color: var(--text-secondary);
font-size: .82rem;
font-weight: 600;
line-height: 1.65;
transition: background .15s, color .15s, border-color .15s, transform .15s;
}
[data-theme="dark"] .cp-share a, [data-theme="dark"] .cp-share button { background: var(--chip); }
.cp-share svg { width: 15px; height: 15px; fill: currentColor; }
.cp-share a:hover, .cp-share button:hover { color: var(--accent-text); border-color: var(--accent); transform: translateY(-1px); }
@media (max-width: 640px) { .entry-foot { flex-direction: column; align-items: flex-start; } } .related-posts { margin-top: 36px; content-visibility: auto; contain-intrinsic-size: auto 420px; }
.related-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.related-title { margin: 0; font-size: 1.3rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.3; }
.related-all { font-size: .9rem; font-weight: 600; color: var(--accent-text); }
.related-all:hover { text-decoration: underline; }
.related-list { padding: 4px 22px; background: var(--bg-elevated); border: 1px solid var(--glass-rim); border-radius: var(--radius-card); box-shadow: var(--shadow-card); }
.related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; overflow: hidden; }
.related-card { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 14px 0; margin-bottom: -1px; border-bottom: 1px solid var(--border); }
.rel-icon { flex: 0 0 auto; width: 56px; height: 56px; border-radius: 13px; display: grid; place-items: center; background: var(--rel-icon-bg); }
.rel-img { width: 46px; height: 46px; border-radius: 10px; object-fit: cover; }
.rel-text { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.rel-title { color: var(--text); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: .92rem; font-weight: 600; line-height: 1.35; }
.rel-meta { display: flex; flex-wrap: wrap; gap: 0 8px; font-size: .8rem; line-height: 1.5; color: var(--text-secondary); }
.related-card:hover .rel-title { color: var(--accent-text); }
.rel-view { flex: 0 0 auto; padding: 5px 14px; border-radius: 999px; background: var(--chip); color: var(--accent-text); font-size: .8rem; font-weight: 700; transition: background .2s, color .2s; }
.related-card:hover .rel-view, .related-card:focus-visible .rel-view { background: var(--accent-btn); color: #fff; }
.related-card:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: 10px; }
@media (max-width: 1023px) { .related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
.related-list { padding: 2px 16px; }
.related-grid { grid-template-columns: minmax(0, 1fr); }
.related-all-term { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
} .machax-comments-section { margin-top: 36px; content-visibility: auto; contain-intrinsic-size: auto 700px; }
.comments-header-row { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; }
.comments-count-heading { margin: 0; font-size: 1.3rem; font-weight: 800; letter-spacing: -.01em; line-height: 1.3; }
.comments-sort-tabs { display: inline-flex; gap: 3px; padding: 4px; max-width: 100%; background: var(--sort-bg); border-radius: 11px; overflow-x: auto; scrollbar-width: none; }
.comments-sort-tabs::-webkit-scrollbar { display: none; }
.comments-sort-btn { min-height: 36px; padding: 7px 15px; border: 0; border-radius: 8px; background: transparent; color: var(--text); white-space: nowrap; font-size: .82rem; font-weight: 700; transition: background .15s, color .15s; }
.comments-sort-btn:hover:not(.active) { background: rgba(0, 0, 0, .05); }
.comments-sort-btn.active { background: var(--accent-btn); color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .18); }
.machax-comments-section .comment-respond { padding: 20px; margin: 0 0 18px; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 16px; }
.machax-comments-section .comment-reply-title { margin: 0 0 6px; font-size: 1rem; font-weight: 800; line-height: 1.4; }
.machax-comments-section .comment-reply-title small { margin-left: 8px; font-size: .82rem; font-weight: 600; }
.machax-comments-section .comment-reply-title small a { color: var(--accent-text); }
.machax-comments-section .comment-notes,
.machax-comments-section .logged-in-as { margin: 6px 0 14px; font-size: .82rem; color: var(--text-secondary); }
.machax-comments-section .logged-in-as a { color: var(--accent-text); }
.machax-comment-form p { margin: 0; }
.machax-comment-form textarea,
.machax-comment-form input[type="text"],
.machax-comment-form input[type="email"] {
width: 100%;
padding: 11px 13px;
border: 1px solid var(--border);
border-radius: 11px;
background: var(--bg-elevated);
color: var(--text);
font-family: inherit;
font-size: .95rem;
line-height: 1.37;
}
.machax-comment-form textarea { display: block; min-height: 96.5px; line-height: 1.6; resize: vertical; }
.machax-comment-form ::placeholder { color: var(--text-secondary); opacity: .8; }
.machax-comment-form textarea:focus,
.machax-comment-form input:focus { outline: 2px solid var(--accent); outline-offset: 1px; border-color: transparent; }
.cp-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0; }
.machax-comment-form label { display: block; margin-bottom: 5px; font-size: .82rem; font-weight: 600; color: var(--text); }
.machax-comment-form .required { color: var(--accent-2); }
.machax-comment-form .form-submit { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.machax-comment-form .submit { padding: 11px 22px; border: 0; border-radius: 11px; background: var(--accent-btn); color: #fff; font-family: inherit; font-size: .95rem; font-weight: 700; line-height: 1.16; }
.machax-comment-form .submit:hover { filter: brightness(1.08); }
.cp-form-note { font-size: .82rem; color: var(--text-secondary); }
@media (max-width: 560px) {
.cp-field-row { grid-template-columns: 1fr; }
.comments-header-row { flex-direction: column; align-items: stretch; gap: 10px; }
.comments-sort-tabs { width: 100%; }
.comments-sort-btn { flex: 1 1 0; text-align: center; }
}
.comment-list, .comment-list .children { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.comment-list .children { margin-top: 10px; }
.machax-comments-section .comment-body { padding: 16px 18px; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 14px; }
.comment-list .children .comment-body { margin-left: 34px; border-left: 3px solid rgba(var(--accent-rgb), .32); }
.comment-meta { display: flex; align-items: center; gap: 11px; }
.comment-author { display: flex; align-items: center; gap: 11px; font-size: .92rem; font-weight: 700; }
.cp-avatar { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg, var(--av-a), var(--av-b)); color: #fff; font-size: .75rem; font-weight: 700; letter-spacing: 0; }
.cp-badge { padding: 3px 8px; border-radius: 6px; background: var(--chip); color: var(--chip-ink); font-size: .66rem; font-weight: 700; line-height: 1.4; letter-spacing: .04em; text-transform: uppercase; }
.comment-metadata { margin-left: auto; font-size: .75rem; color: var(--text-secondary); }
.machax-comments-section .comment-content { margin-top: 10px; font-size: .94rem; line-height: 1.6; color: var(--text); overflow-wrap: anywhere; }
.machax-comments-section .comment-content p { margin: 0 0 8px; }
.machax-comments-section .comment-content p:last-child { margin-bottom: 0; }
.comment-awaiting-moderation { font-size: .82rem; font-style: italic; color: var(--text-secondary); }
.comment-actions { display: flex; align-items: center; gap: 6px; margin-top: 12px; }
.comment-vote-btn, .comment-reply-link {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 11px;
border: 0;
border-radius: 8px;
background: var(--chip);
color: var(--text);
font-size: .78rem;
font-weight: 600;
line-height: 1.4;
}
.comment-vote-btn .vote-icon { width: 14px; height: 14px; }
.comment-vote-btn:hover:not(:disabled) { background: var(--chip-hover); }
.comment-vote-btn.voted { color: var(--accent-text); background: var(--chip-hover); }
.comment-vote-btn:disabled { cursor: default; opacity: .55; }
.comment-vote-btn.voted:disabled { opacity: 1; }
.comment-vote-btn[aria-busy="true"] { opacity: .75; }
.comment-vote-btn:focus-visible, .comment-reply-link:focus-visible, .cp-more:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.cp-badge-author { background: var(--accent-btn); color: #fff; }
.comment-reply-link { background: transparent; color: var(--accent-text); font-weight: 700; }
.comment-reply-link:hover { background: var(--chip); }
.comments-closed-notice { margin: 0 0 14px; font-size: .88rem; color: var(--text-secondary); } .cp-held-note { display: none; scroll-margin-top: 90px; margin: 0 0 14px; padding: 12px 16px; border: 1px solid var(--border); border-radius: 12px; background: var(--chip); color: var(--text); font-size: .9rem; line-height: 1.5; }
.cp-held-note:target { display: block; }
.comment-list[aria-busy="true"] { opacity: .55; transition: opacity .15s; }
.cp-more-wrap { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 14px; }
.cp-more { min-height: 44px; padding: 10px 26px; border: 1px solid var(--border); border-radius: 999px; background: var(--bg-elevated); color: var(--text); font-family: inherit; font-size: .9rem; font-weight: 700; cursor: pointer; }
.cp-more:hover:not(:disabled) { background: var(--chip); }
.cp-more:disabled { opacity: .6; cursor: default; }
.cp-more[hidden] { display: none; }
.cp-more-note { margin: 0; font-size: .82rem; color: var(--text-secondary); }
.cp-more-note:empty { display: none; }
.machax-comments-section .pagination, .machax-comments-section .navigation { margin-top: 18px; }
.machax-comments-section .nav-links { display: flex; gap: 8px; flex-wrap: wrap; }
.machax-comments-section .page-numbers { padding: 6px 12px; border: 1px solid var(--border); border-radius: 999px; background: var(--bg-elevated); font-size: .85rem; }
.machax-comments-section .page-numbers.current { background: var(--accent-btn); border-color: var(--accent-btn); color: #fff; }
@media (max-width: 540px) {
.machax-comments-section .comment-body { padding: 14px; }
.comment-list .children .comment-body { margin-left: 12px; }
} .site-sidebar { min-width: 0; align-self: stretch; }
.sidebar-inner { will-change: transform; }
@media (max-width: 980px) { .sidebar-inner { transform: none !important; will-change: auto; } }
.site-sidebar .widget {
margin-bottom: 22px;
padding: 20px 22px;
background: var(--bg-elevated);
border: 1px solid var(--glass-rim);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
-webkit-backdrop-filter: blur(18px) saturate(160%);
backdrop-filter: blur(18px) saturate(160%);
}
.widget-title { margin: -20px -22px 16px; padding: 16px 22px 4px; font-size: .95rem; font-weight: 650; line-height: 1.25; color: var(--text); }
.cp-widget-list { margin: 0; padding: 0; list-style: none; }
.cp-widget-list li { border-bottom: 1px solid var(--glass-line); }
.cp-widget-list li:last-child { border-bottom: 0; }
.cp-widget-list li a { display: flex; align-items: center; gap: 12px; padding: 8px 0; }
.cpw-rank { flex: 0 0 auto; width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(var(--accent-rgb), .12); color: var(--accent-text); font-size: .7rem; font-weight: 700; }
.cpw-icon { flex: 0 0 auto; width: 48px; height: 48px; padding: 3px; border-radius: 11px; background: var(--cpw-icon-bg); display: grid; place-items: center; }
.cpw-img { width: 42px; height: 42px; border-radius: 9px; object-fit: contain; }
.cpw-text { min-width: 0; }
.cpw-title { display: block; color: var(--text); font-size: .88rem; font-weight: 500; line-height: 1.4; }
.cp-widget-list a:hover .cpw-title { color: var(--accent-text); }
.cpw-meta { display: grid; gap: 4px; min-width: 0; margin-top: 4px; color: var(--text-secondary); font-size: .73rem; font-weight: 500; line-height: 1.4; }
.cpw-line { display: flex; align-items: center; gap: 8px; min-width: 0; white-space: nowrap; }
.cpw-date { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.cpw-meta .card-rating { gap: 4px; font-size: inherit; font-weight: 700; color: var(--accent-text); }
.cpw-meta .card-rating strong { color: inherit; font-weight: 800; }
.cpw-meta .card-rating-n { font-weight: 600; }
.cpw-meta .card-rating svg { width: 11px; height: 11px; color: inherit; }
.cpw-ver { flex: 0 0 auto; padding: 1px 7px; border-radius: 999px; line-height: 1.4; background: var(--cpw-icon-bg); color: var(--chip-ink); font-family: var(--font-mono); font-size: .68rem; font-weight: 650; } .page-content-section { padding-bottom: 50px; }
.page-title {
font-size: 26px;
font-weight: 800;
color: var(--text-primary);
margin: 0 0 20px;
display: flex;
align-items: center;
gap: 10px;
}
.page-content-card {
background: var(--bg-surface);
border: 1px solid var(--border-color);
border-radius: var(--radius-md);
padding: 30px;
box-shadow: var(--shadow-card);
}
.page-featured-image {
margin: -30px -30px 24px;
border-radius: var(--radius-md) var(--radius-md) 0 0;
overflow: hidden;
}
.page-featured-image img { width: 100%; height: auto; }
@media (max-width: 480px) {
.page-content-card { padding: 18px; }
.page-featured-image { margin: -18px -18px 20px; }
}
.page-content-body {
color: var(--text-secondary);
font-size: 14.5px;
line-height: 1.75;
}
.page-content-body p { margin: 0 0 16px; }
.page-content-body p:last-child { margin-bottom: 0; }
.page-content-body h2 {
font-size: 18px;
font-weight: 700;
color: var(--text-primary);
margin: 26px 0 10px;
}
.page-content-body h2:first-child { margin-top: 0; }
.page-content-body h3 {
font-size: 15px;
font-weight: 700;
color: var(--text-primary);
margin: 20px 0 8px;
}
.page-content-body ol {
margin: 0 0 16px;
padding-left: 22px;
}
.page-content-body ol li {
list-style: decimal;
margin-bottom: 6px;
}
.page-content-body ol li p { margin: 0; }
.page-content-body ul {
list-style: none;
margin: 0 0 16px;
padding: 0;
}
.page-content-body ul li {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 9px 0;
line-height: 1.6;
border-bottom: 1px solid var(--border-color);
}
.page-content-body ul li:last-child { border-bottom: none; }
.page-content-body ul li p { margin: 0; }
.page-content-body ul li::before {
content: "✓";
flex-shrink: 0;
width: 19px;
height: 19px;
border-radius: 50%;
background: var(--accent-btn);
color: #fff;
font-size: 10px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px;
}
.page-content-body a {
color: var(--accent);
text-decoration: underline;
}
.page-content-body img {
max-width: 100%;
height: auto;
border-radius: 8px;
margin: 12px 0;
}
.page-content-body blockquote {
border-left: 3px solid var(--accent);
margin: 0 0 16px;
padding: 4px 0 4px 16px;
color: var(--text-muted);
font-style: italic;
} .wpcf7-form { margin-top: 20px; }
.wpcf7-form p { margin: 0 0 16px; }
.wpcf7-form label {
display: block;
font-size: 12.5px;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 6px;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form textarea {
width: 100%;
background: var(--bg-page);
border: 1px solid var(--border-color);
border-radius: 8px;
padding: 10px 12px;
font-size: 13.5px;
font-family: inherit;
color: var(--text-primary);
}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="url"]:focus,
.wpcf7-form textarea:focus {
outline: none;
border-color: var(--accent);
}
.wpcf7-form textarea { resize: vertical; min-height: 120px; }
.wpcf7-form input[type="submit"] {
display: inline-flex;
align-items: center;
background: var(--accent-btn);
color: #fff;
border: none;
padding: 13px 32px;
border-radius: 11px;
font-weight: 700;
font-size: 13.5px;
font-family: inherit;
cursor: pointer;
box-shadow: 0 6px 18px rgba(0, 113, 227, .3);
transition: filter .15s, transform .15s;
}
.wpcf7-form input[type="submit"]:hover {
filter: brightness(1.08);
transform: translateY(-1px);
}
.wpcf7-form input[type="submit"]:disabled {
opacity: .6;
cursor: default;
transform: none;
}
.wpcf7-spinner { margin-left: 8px; }
.wpcf7-not-valid-tip {
color: var(--accent-2);
font-size: 11.5px;
margin-top: 4px;
display: block;
}
.wpcf7-response-output {
margin: 16px 0 0 !important;
padding: 12px 16px !important;
border-radius: 8px !important;
font-size: 13px !important;
border: 1px solid var(--border-color) !important;
color: var(--text-secondary) !important;
}
.wpcf7-mail-sent-ok {
border-color: #22c55e !important;
color: #16a34a !important;
background: rgba(34, 197, 94, .08) !important;
}
.wpcf7-validation-errors,
.wpcf7-acceptance-missing {
border-color: var(--accent-2) !important;
color: var(--accent-2) !important;
background: rgba(219, 39, 119, .08) !important;
} .site-footer-wrap {
margin-top: 48px;
background: var(--bg-glass);
-webkit-backdrop-filter: blur(20px) saturate(180%);
backdrop-filter: blur(20px) saturate(180%);
border-top: 1px solid var(--glass-rim);
position: relative;
}
[data-theme="dark"] .site-footer-wrap { border-top-color: var(--glass-line); }
.site-footer { color: var(--text-secondary); }
.footer-top {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0;
padding-top: 24px;
padding-bottom: 16px;
}
.footer-about {
margin: 8px auto 0;
max-width: 58ch;
font-size: .85rem;
line-height: 1.65;
color: var(--text-secondary);
}
.footer-bottom-wrap { border-top: 1px solid var(--border); }
.footer-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 14px;
padding-top: 16px;
padding-bottom: 16px;
font-size: .84rem;
color: var(--text-secondary);
}
.site-footer .copyright { font-size: .84rem; font-weight: 400; color: var(--text-secondary); }
.site-footer .footer-links-list {
display: flex;
gap: 18px;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.site-footer .footer-links a { font-size: .84rem; font-weight: 500; color: var(--text-secondary); }
.site-footer .footer-links a:hover { color: var(--accent-text); }
.footer-top-link {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
font-size: .8rem;
font-weight: 500;
color: var(--text-secondary);
background: var(--bg-elevated);
border: 1px solid var(--border);
border-radius: 999px;
}
.footer-top-link svg { width: 14px; height: 14px; }
.footer-top-link:hover { color: var(--accent-text); }
@media (max-width: 640px) {
.footer-inner { text-align: center; justify-content: center; }
.site-footer .footer-links-list { justify-content: center; }
} .no-results {
max-width: var(--boxed-width);
margin: 0 auto;
padding: 40px 20px;
text-align: center;
color: var(--text-secondary);
}
.skip-link {
position: absolute;
left: -9999px;
top: 0;
background: var(--accent-btn);
color: #fff;
padding: 10px 16px;
z-index: 999;
}
.skip-link:focus { left: 10px; top: 10px; } @media (max-width: 600px) {
.section-block {
padding-left: 20px;
padding-right: 20px;
}
} .app-description table {
width: 100%;
border-collapse: collapse;
margin: 18px 0;
border: 1px solid var(--border-color);
border-radius: var(--radius-md);
overflow: hidden;
font-size: 14px;
}
.app-description th,
.app-description td {
text-align: left;
padding: 12px 16px;
border-bottom: 1px solid var(--border-color);
}
.app-description th {
background: var(--bg-page);
color: var(--text-primary);
font-weight: 700;
font-size: 12.5px;
text-transform: uppercase;
letter-spacing: .02em;
}
.app-description td {
color: var(--text-primary);
background: var(--bg-surface);
}
.app-description tr:last-child td { border-bottom: none; }
@media (max-width: 600px) {
.app-description table { font-size: 13px; }
.app-description th,
.app-description td { padding: 10px 12px; }
} .faq-widget {
background: linear-gradient(180deg, var(--bg-surface), var(--bg-page));
border: 1px solid var(--border-color);
border-radius: var(--radius-lg);
padding: 28px 30px 24px;
margin: 28px 0;
}
.faq-widget-header h2 {
font-size: 20px;
margin: 0 0 4px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px;
}
.faq-widget-header .faq-count {
font-size: 13px;
font-weight: 400;
color: var(--text-secondary);
}
.faq-widget-sub {
color: var(--text-secondary);
font-size: 13.5px;
margin: 0 0 18px;
}
.faq-item {
background: var(--bg-surface);
border: 1px solid var(--border-color);
border-radius: var(--radius-md);
margin-bottom: 10px;
overflow: hidden;
}
.faq-item summary {
padding: 14px 16px;
font-weight: 700;
font-size: 14.5px;
color: var(--text-primary);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
list-style: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary .chev {
color: var(--accent);
flex-shrink: 0;
transition: transform .2s;
}
.faq-item[open] summary .chev { transform: rotate(180deg); }
.faq-body { padding: 0 16px 16px; }
.faq-quick-answer {
color: var(--text-primary);
font-size: 15px;
line-height: 1.75;
margin: 0 0 10px;
}
.faq-widget-viewall {
display: inline-flex;
align-items: center;
gap: 5px;
margin-top: 6px;
font-weight: 700;
font-size: 13.5px;
color: var(--accent);
}
.faq-widget-viewall:hover { text-decoration: underline; }
@media (max-width: 600px) {
.faq-widget { padding: 22px 18px 20px; }
.faq-widget-header h2 { font-size: 18px; }
} .title-version-row {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
}
.title-version-row h3 {
min-width: 0;
}
.version-pill {
flex-shrink: 0;
font-size: 10px;
font-weight: 700;
color: #166534;
background: rgba(22, 163, 74, .12);
border: 1px solid rgba(22, 163, 74, .3);
padding: 1px 7px;
border-radius: 999px;
white-space: nowrap;
line-height: 1.5;
}
.version-pill-sm {
font-size: 10px;
padding: 0 6px;
}
[data-theme="dark"] .version-pill {
color: #4ade80;
background: rgba(74, 222, 128, .14);
border-color: rgba(74, 222, 128, .3);
}   .trust-modal-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .5);
z-index: 500;
display: flex;
align-items: flex-start;
justify-content: center;
padding: 40px 20px;
overflow-y: auto;
}
.trust-modal-overlay[hidden] { display: none; }
.trust-modal {
max-width: 580px;
width: 100%;
background: var(--bg-surface);
border-radius: var(--radius-lg);
padding: 28px 30px;
box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
position: relative;
}
.trust-modal-close {
float: right;
background: none;
border: none;
font-size: 20px;
color: var(--text-muted);
cursor: pointer;
line-height: 1;
}
.trust-modal-header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.trust-modal-header h2 { margin: 0; font-size: 20px; color: var(--text-primary); }
.trust-modal-sub { color: var(--text-secondary); font-size: 14px; line-height: 1.6; margin: 0 0 18px; max-width: 460px; }
.trust-stats-row { display: flex; gap: 24px; flex-wrap: wrap; margin-bottom: 20px; }
.trust-stat-num { font-size: 20px; font-weight: 800; color: var(--text-primary); margin: 0; }
.trust-stat-label { font-size: 11.5px; color: var(--text-muted); margin: 0; }
.trust-section { padding: 18px 0; border-top: 1px solid var(--border-color); }
.trust-section h3 { margin: 0 0 8px; font-size: 15px; color: var(--text-primary); }
.trust-section p { margin: 0; color: var(--text-secondary); font-size: 13.5px; line-height: 1.65; }
.trust-steps { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.trust-step { display: flex; gap: 10px; align-items: flex-start; }
.trust-step-icon {
flex-shrink: 0;
width: 28px;
height: 28px;
border-radius: 50%;
background: rgba(0, 113, 227, .12);
color: var(--accent);
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 700;
}
.trust-step-text { font-size: 13.5px; color: var(--text-secondary); line-height: 1.5; }
.trust-step-text strong { color: var(--text-primary); }
.trust-reviewer { display: flex; align-items: center; gap: 10px; }
.trust-scan-row { margin-bottom: 12px; }
.trust-scan-row:last-child { margin-bottom: 0; }
.trust-scan-label {
display: block;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .04em;
font-weight: 700;
color: var(--text-muted);
margin-bottom: 3px;
}
.trust-scan-value { font-size: 13.5px; color: var(--text-primary); }
.trust-scan-hash {
display: block;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 12px;
word-break: break-all;
background: var(--bg-page);
border: 1px solid var(--border-color);
border-radius: 6px;
padding: 7px 9px;
}
.trust-reviewer-avatar {
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--accent-btn);
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 700;
color: #fff;
flex-shrink: 0;
}
.trust-reviewer-name { font-size: 13.5px; font-weight: 700; margin: 0; color: var(--text-primary); }
.trust-reviewer-role { font-size: 12px; color: var(--text-muted); margin: 0; }
.trust-report-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.trust-report-btn {
background: var(--accent-btn);
color: #fff;
border: none;
border-radius: var(--radius-sm);
padding: 9px 16px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.trust-report-btn:hover { filter: brightness(1.08); }
@media (max-width: 600px) {
.trust-modal { padding: 22px 20px; }
.trust-modal-overlay { padding: 24px 14px; }
} .alt-section { margin: 28px 0; }
.alt-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 12px;
}
.alt-card {
background: var(--bg-surface);
border: 1px solid var(--border-color);
border-radius: var(--radius-md);
padding: 14px;
display: flex;
gap: 10px;
align-items: flex-start;
transition: transform .15s, border-color .15s;
}
a.alt-card:hover {
transform: translateY(-2px);
border-color: var(--accent);
}
.alt-card-icon {
width: 40px;
height: 40px;
border-radius: 9px;
flex-shrink: 0;
object-fit: cover;
background: var(--bg-page);
}
.alt-card-name {
font-size: 16px;
font-weight: 700;
margin: 0 0 3px;
}
a.alt-card .alt-card-name { color: var(--accent); }
div.alt-card .alt-card-name { color: var(--text-primary); }
.alt-card-desc {
font-size: 15px;
color: var(--text-primary);
line-height: 1.75;
margin: 0;
} .proscons-section { margin: 28px 0; }
.proscons-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.proscons-box {
background: var(--bg-surface);
border: 1px solid var(--border-color);
border-radius: var(--radius-lg);
padding: 20px;
box-shadow: var(--shadow-card);
position: relative;
overflow: hidden;
}
.proscons-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
}
.proscons-box.pros::before { background: linear-gradient(90deg, #16a34a, #4ade80); }
.proscons-box.cons::before { background: linear-gradient(90deg, #dc2626, #f87171); }
.proscons-header {
display: flex;
align-items: center;
gap: 10px;
margin: 4px 0 16px;
}
.proscons-icon {
width: 34px;
height: 34px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
flex-shrink: 0;
}
.proscons-box.pros .proscons-icon { background: rgba(22, 163, 74, .14); }
.proscons-box.cons .proscons-icon { background: rgba(220, 38, 38, .12); }
.proscons-header h3 { margin: 0; font-size: 15.5px; color: var(--text-primary); }
.proscons-header span { font-size: 11px; color: var(--text-muted); display: block; margin-top: 1px; }
.proscons-list { list-style: none; margin: 0; padding: 0; }
.proscons-list li {
display: flex;
gap: 10px;
align-items: flex-start;
font-size: 15px;
color: var(--text-primary);
padding: 8px 0;
line-height: 1.75;
border-top: 1px solid var(--border-color);
}
.proscons-list li:first-child { border-top: none; padding-top: 0; }
.proscons-marker {
flex-shrink: 0;
width: 18px;
height: 18px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 700;
color: #fff;
margin-top: 1px;
}
.proscons-box.pros .proscons-marker { background: #16a34a; }
.proscons-box.cons .proscons-marker { background: #dc2626; }
@media (max-width: 600px) {
.proscons-grid { grid-template-columns: 1fr; }
} .download-cta {
background: linear-gradient(120deg, var(--accent), var(--accent-2) 65%, #f97316);
border-radius: var(--radius-lg);
padding: 28px 30px;
text-align: center;
color: #fff;
margin: 28px 0;
}
.download-cta-icon {
width: 56px;
height: 56px;
border-radius: 14px;
margin: 0 auto 12px;
display: block;
background: #fff;
padding: 6px;
object-fit: cover;
}
.download-cta h3 { margin: 0 0 6px; font-size: 19px; color: #fff; }
.download-cta p { margin: 0 0 18px; font-size: 13.5px; color: #fff; opacity: .92; }
.download-cta .download-btn {
background: #fff;
color: var(--accent);
box-shadow: none;
}
.download-cta .download-btn:hover { filter: brightness(.97); }
.cta-multi-buttons {
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
}
.cta-multi-buttons .download-btn {
padding: 10px 20px;
font-size: 13px;
margin-bottom: 0;
}
@media (max-width: 480px) {
.download-cta { padding: 22px 20px; }
} .value-with-icon {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.q-icon {
width: 16px;
height: 16px;
border-radius: 50%;
border: 1.3px solid var(--text-muted);
color: var(--text-muted);
background: none;
font-size: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
flex-shrink: 0;
padding: 0;
line-height: 1;
}
.q-icon:hover { border-color: var(--accent); color: var(--accent); }
.license-modal-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .5);
z-index: 500;
display: flex;
align-items: flex-start;
justify-content: center;
padding: 40px 20px;
overflow-y: auto;
}
.license-modal-overlay[hidden] { display: none; }
.license-modal {
max-width: 560px;
width: 100%;
background: var(--bg-surface);
border-radius: var(--radius-lg);
padding: 28px 30px;
box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
position: relative;
}
.license-modal-close {
position: absolute;
top: 20px;
right: 22px;
background: none;
border: none;
font-size: 20px;
color: var(--text-muted);
cursor: pointer;
line-height: 1;
}
.license-modal h2 { margin: 0 0 6px; font-size: 19px; color: var(--text-primary); }
.license-modal-sub { color: var(--text-secondary); font-size: 13.5px; margin: 0 0 18px; }
.license-type-item { padding: 12px 0; border-top: 1px solid var(--border-color); }
.license-type-item:first-of-type { border-top: none; padding-top: 0; }
.license-type-name { font-weight: 700; font-size: 14px; margin: 0 0 4px; }
.license-type-desc { font-size: 13px; color: var(--text-secondary); line-height: 1.55; margin: 0; }
.lic-green { color: #16a34a; }
.lic-blue { color: #2563eb; }
.lic-amber { color: #b45309; }
.lic-red { color: #dc2626; }
[data-theme="dark"] .lic-green { color: #4ade80; }
[data-theme="dark"] .lic-blue { color: #60a5fa; }
[data-theme="dark"] .lic-amber { color: #fbbf24; }
[data-theme="dark"] .lic-red { color: #f87171; }
@media (max-width: 600px) {
.license-modal { padding: 22px 20px; }
.license-modal-overlay { padding: 24px 14px; }
} @media (max-width: 780px) {
.site-header,
.site-footer-wrap {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background: var(--bg-menu);
}
.main-nav.mobile-open,
.category-dropdown-panel,
.search-overlay-box {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background: var(--bg-surface);
}
.search-overlay { -webkit-backdrop-filter: none; backdrop-filter: none; }
} .dl-page {
--dl-radius: 14px;
--dl-deep: color-mix(in srgb, #0071e3 64%, #000);
--dl-line: rgba(0, 113, 227, .3);
--dl-elev1: inset 0 1px 0 #ffffffe6, 0 10px 30px #1f2d5a14;
--dl-elev2: 0 2px 6px #00000012, 0 14px 32px #0000001a;
}
[data-theme="dark"] .dl-page {
--dl-line: rgba(0, 113, 227, .42);
--dl-elev1: 0 1px 2px #0006, 0 8px 24px #00000059;
--dl-elev2: 0 2px 6px #00000073, 0 14px 32px #0000006b;
}
.dl-page .single-content { padding: clamp(16px, 2vw, 24px); } .dl-head {
text-align: left; margin-bottom: 24px;
background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-card);
display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
gap: 14px; padding: 16px 18px;
}
.dl-head-main { display: flex; align-items: center; gap: 16px; min-width: 0; }
.dl-head-text { min-width: 0; }
.dl-icon { object-fit: contain; border-radius: 15px; width: 64px; height: 64px; box-shadow: var(--dl-elev2); flex: 0 0 auto; }
.dl-title { margin: 0 0 5px; font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 700; line-height: 1.2; letter-spacing: normal; }
.dl-title-ver { font: inherit; color: inherit; white-space: nowrap; }
.dl-facts { font-family: var(--font-mono); color: var(--text-secondary); margin: 0; font-size: .79rem; line-height: 1.5; }
.dl-cat { margin: 5px 0 0; font-size: .82rem; color: var(--text-secondary); }
.dl-cat a { font-weight: 600; color: var(--accent-text); }
.dl-checked { white-space: nowrap; background: var(--chip); color: var(--chip-ink); border-radius: 999px; margin: 0; padding: 7px 15px; font-size: .77rem; font-weight: 650; }
.dl-head .cp-rate { flex: 0 0 100%; justify-content: center; gap: 10px; padding-top: 6px; font-size: .8rem; color: var(--text-secondary); }
.dl-head .cp-rate-note { margin-left: 0; }
.cp-rate-sum { font-size: .8rem; color: var(--text-secondary); }
.cp-rate-sum[hidden] { display: none; }
.cp-rate-sum strong { color: var(--text); font-weight: 700; } .dl-mirrors { margin-top: 16px; }
.dl-page .dl-h { letter-spacing: -.02em; margin: 0 0 4px; font-size: 1.15rem; font-weight: 700; line-height: 1.3; }
.dl-page .dl-sub { margin: 0 0 12px; color: var(--text-secondary); font-size: .88rem; line-height: 1.55; }
.dl-mirror-list, .dl-mirrors .dl-h, .dl-mirrors .dl-sub, .dl-history .dl-h, .dl-history .dl-sub { max-width: 720px; margin-left: auto; margin-right: auto; }
.dl-mirror-list { display: grid; gap: 10px; margin-top: 0; margin-bottom: 0; padding: 0; list-style: none; }
.dl-mirror {
border: 1px solid var(--glass-rim); border-radius: var(--dl-radius); background: var(--bg-elevated); color: inherit;
display: flex; align-items: center; gap: 14px; padding: 14px 16px; text-decoration: none;
transition: transform .22s var(--ease-spring), box-shadow .22s, border-color .22s;
}
.dl-mirror:hover { box-shadow: var(--dl-elev2); border-color: var(--dl-line); text-decoration: none; transform: translateY(-2px); }
.dl-mirror:active { transform: scale(.985); }
button.dl-mirror { width: 100%; font: inherit; text-align: left; cursor: pointer; appearance: none; -webkit-appearance: none; color: inherit; }
.dl-mirror-n {
font-family: var(--font-mono); flex: 0 0 auto; display: grid; place-items: center; font-weight: 700;
color: #fff; letter-spacing: .01em; background: linear-gradient(145deg, var(--accent-btn), var(--dl-deep));
border-radius: 13px; width: 42px; height: 42px; font-size: .82rem;
}
.dl-mirror-main { flex: 1 1 0; min-width: 0; }
.dl-mirror-name { font-size: .98rem; font-weight: 650; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; line-height: 1.4; }
.dl-mirror-host { font-family: var(--font-mono); color: var(--text-secondary); text-overflow: ellipsis; white-space: nowrap; margin-top: 2px; font-size: .76rem; display: block; overflow: hidden; }
.dl-mirror-cta {
border-radius: 999px; flex: 0 0 auto; font-size: .86rem; font-weight: 700; line-height: 1.5;
background: var(--bg); border: 1px solid var(--border); color: var(--text); padding: 8px 20px;
transition: background .22s, color .22s, border-color .22s;
}
.dl-mirror:hover .dl-mirror-cta, .dl-mirror:focus-visible .dl-mirror-cta { background: var(--accent-btn); color: #fff; border-color: transparent; }
.dl-ad-row { list-style: none; }
.dl-ad-payload {
white-space: nowrap; clip: rect(0, 0, 0, 0); clip-path: inset(50%); border: 0;
width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden;
} .dl-build { max-width: 720px; margin: 0 auto; }
.dl-build + .dl-build { margin-top: 32px; }
.dl-build-head { margin-bottom: 12px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 16px; }
.dl-build-name { letter-spacing: -.01em; margin: 0; font-size: 1rem; font-weight: 700; line-height: 1.4; }
.dl-build-facts { font-family: var(--font-mono); color: var(--text-secondary); margin: 0; font-size: .76rem; }
.dl-hint {
max-width: 720px; margin: 0 auto 16px; padding: 10px 14px; border: 1px dashed var(--border);
border-radius: var(--dl-radius); font-size: .8rem; color: var(--text-secondary); line-height: 1.5;
}
.dl-hint strong { color: var(--text); } .dl-page .dl-history, .dl-page .dl-back { margin-top: 24px; }
.dl-old-list { display: grid; gap: 10px; max-width: 720px; margin: 0 auto; padding: 0; list-style: none; }
.dl-old {
border: 1px solid var(--border); border-radius: var(--dl-radius); background: var(--bg-elevated);
display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 18px; padding: 13px 16px;
transition: border-color .22s, box-shadow .22s;
}
.dl-old:hover { border-color: color-mix(in srgb, var(--border) 40%, var(--text-secondary)); box-shadow: var(--dl-elev1); }
.dl-old-main { display: grid; gap: 3px; min-width: 0; }
.dl-old-ver { font-family: var(--font-mono); font-size: .92rem; font-weight: 650; }
.dl-old-meta { font-family: var(--font-mono); color: var(--text-secondary); font-size: .74rem; }
.dl-old-files { display: flex; flex-wrap: wrap; gap: 8px; flex: 0 1 auto; }
.dl-old-file {
border: 1px solid var(--border); background: var(--bg); height: 30px; color: var(--text); white-space: nowrap;
border-radius: 999px; display: inline-flex; align-items: center; padding: 0 13px; font-size: .78rem; font-weight: 650; text-decoration: none;
transition: background .22s, border-color .22s, color .22s;
}
.dl-old-file:hover { background: var(--accent-btn); color: #fff; border-color: transparent; text-decoration: none; }
.dl-old-none { font-size: .74rem; color: var(--text-secondary); font-style: italic; } .cp-report {
max-width: 720px; margin: 24px auto 0; padding-top: 16px; border-top: 1px solid var(--border); color: var(--text-secondary);
display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 14px; font-size: .82rem;
}
.cp-report-q { flex: 0 0 auto; }
.cp-report-btn {
border: 1px solid var(--border); background: var(--bg-elevated); height: 30px; color: var(--text); cursor: pointer;
border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; padding: 0 13px; font-family: inherit; font-size: .78rem; font-weight: 650;
transition: background .22s, border-color .22s, color .22s;
}
.cp-report-btn:hover:not(:disabled) { border-color: var(--accent-btn); color: var(--accent-text); }
.cp-report-btn:focus-visible { outline: 2px solid var(--accent-btn); outline-offset: 2px; }
.cp-report-btn:disabled { opacity: .5; cursor: default; }
.cp-report-btn svg { flex-shrink: 0; width: 17px; height: 17px; }
.cp-report-note { text-align: center; flex-basis: 100%; font-size: .8rem; }
.cp-report-note:empty { display: none; }
.dl-back { max-width: 720px; margin-left: auto; margin-right: auto; font-size: .86rem; }
.dl-back a { color: var(--accent-text); font-weight: 600; }
.dl-back a:hover { text-decoration: underline; }
@media (prefers-reduced-motion: reduce) {
.dl-mirror:hover, .dl-mirror:active { transform: none; }
}
@media (max-width: 560px) {
.dl-mirror { flex-wrap: wrap; }
.dl-mirror-cta { text-align: center; width: 100%; }
.dl-head { flex-direction: column; align-items: flex-start; }
.dl-head-main { gap: 13px; }
.dl-icon { width: 54px; height: 54px; }
.dl-old { flex-direction: column; align-items: stretch; }
.dl-old-files { justify-content: flex-start; }
.cp-report { flex-direction: column; gap: 10px; }
.cp-report-btn { justify-content: center; width: 100%; }
.dl-head .cp-rate { justify-content: center; flex: 0 0 auto; width: 100%; }
} .page-article .single-content > .entry-title { margin: 0 0 .5em; font-size: clamp(1.4rem, 2.4vw, 1.8rem); line-height: 1.3; font-weight: 700; letter-spacing: -.022em; }
.page-article .entry-content { font-size: 1.02rem; line-height: 1.65; color: var(--text); }
.page-article .entry-content h2,
.page-article .entry-content h3,
.page-article .entry-content h4,
.page-article .entry-content h5,
.page-article .entry-content h6 { margin: 1.4em 0 .5em; font-weight: 700; line-height: 1.25; letter-spacing: -.015em; color: var(--text); }
.page-article .entry-content h2 { font-size: clamp(1.2rem, 2.2vw, 1.45rem); letter-spacing: -.022em; }
.page-article .entry-content h3 { font-size: 1.17em; }
.page-article .entry-content h4,
.page-article .entry-content h5,
.page-article .entry-content h6 { font-size: 1em; }
.page-article .entry-content p { margin: 1em 0; }
.page-article .entry-content a { color: var(--accent-text); font-weight: 500; text-decoration: underline; text-underline-offset: 2px; }
.page-article .entry-content img { max-width: 100%; height: auto; border-radius: 12px; }
.page-article .entry-content blockquote { margin: 1.5em 0; padding: .25em 1.25em; border-left: 4px solid var(--accent); color: var(--text-secondary); } .page-article .entry-content ol { counter-reset: step 0; list-style: none; margin: 1em 0; padding: 0; }
.page-article .entry-content ol > li { counter-increment: step 1; position: relative; margin: 0 0 14px; padding-left: 44px; }
.page-article .entry-content ol > li::before {
content: counter(step);
position: absolute; top: -1px; left: 0;
display: flex; align-items: center; justify-content: center;
width: 30px; height: 30px; border-radius: 9px;
background: linear-gradient(135deg, color-mix(in srgb, var(--accent-btn) 78%, #fff) 0%, var(--accent-btn) 55%, color-mix(in srgb, var(--accent-btn) 64%, #000) 100%);
color: #fff; font-size: .9rem; font-weight: 700;
box-shadow: 0 3px 8px rgba(0, 113, 227, .35);
}
.page-article .entry-content ol ol { margin-top: 10px; }
.page-article .entry-content ul { list-style: none; margin: 1em 0; padding: 0; }
.page-article .entry-content ul > li { position: relative; margin: 0 0 10px; padding-left: 26px; }
.page-article .entry-content ul > li::before { content: ""; position: absolute; top: .62em; left: 2px; width: 9px; height: 9px; border-radius: 3px; background: var(--accent); box-shadow: 0 1px 5px rgba(0, 113, 227, .4); }
.page-article .entry-content ul ul { margin-top: 8px; } .macos-fix { --mf-cmd-bg: #ffffff9e; margin: 22px 0; overflow: hidden; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 14px; }
[data-theme="dark"] .macos-fix { --mf-cmd-bg: #ffffff0f; }
.macos-fix-title { display: flex; align-items: center; gap: 10px; padding: 9px 14px; background: var(--bg-menu); border-bottom: 1px solid var(--border); color: var(--text-secondary); font-size: .8rem; font-weight: 600; }
.macos-fix-title .traffic-lights { display: flex; }
.macos-fix-title .window-name { min-width: 0; overflow-wrap: anywhere; }
.macos-fix-body { padding: 16px 18px; }
.macos-fix-cmd { display: flex; align-items: stretch; gap: 0; overflow: hidden; background: var(--mf-cmd-bg); border: 1px solid var(--border); border-radius: 10px; }
.macos-fix-cmd code { flex: 1 1 0; min-width: 0; margin: 0; padding: 12px 16px; overflow-x: auto; white-space: nowrap; background: transparent; color: var(--text); font-family: "SF Mono", ui-monospace, Menlo, Consolas, monospace; font-size: .88rem; }
.macos-fix-copy { display: inline-flex; flex-shrink: 0; align-items: center; gap: 6px; padding: 0 16px; border: 0; border-left: 1px solid var(--border); background: var(--accent-btn); color: #fff; font-family: inherit; font-size: .8rem; font-weight: 600; cursor: pointer; transition: background .15s; }
.macos-fix-copy:hover { background: color-mix(in srgb, var(--accent-btn) 64%, #000); }
.macos-fix-copy:focus-visible, .macos-fix-cmd code:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.macos-fix-copy svg { width: 14px; height: 14px; }
.page-article .entry-content p code, .page-article .entry-content li code { padding: .1em .4em; border-radius: 6px; background: rgba(127, 127, 127, .16); font-family: "SF Mono", ui-monospace, Menlo, Consolas, monospace; font-size: .88em; line-height: 1; }