/* pages/home.css
   页面专属样式 · 1 个页面
   由 scripts/build-css.mjs 从镜像页面的内联样式生成，请勿手工编辑。 */

:root{--color-primary:#8b5cf6;--color-primary-dark:#7c3aed;--bg-dark:#0f0a1a;--bg-darker:#080510;--bg-card:#1a1025;--text-primary:#fff;--text-secondary:#d6e7fa;--text-muted:#9fb3c8;--border-color:rgba(139,92,246,.15);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-heading:'Barlow Condensed',var(--font-primary)}
*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-primary);font-size:1rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-darker);min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none}.site-header{position:sticky;top:0;z-index:1000;background:rgba(15,10,26,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}.container,.wrap{max-width:1200px;margin:0 auto;padding:0 1.5rem}.site-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:72px}.site-brand img,.custom-logo{max-height:40px;width:auto;height:auto}.menu-toggle{display:inline-flex;flex-direction:column;gap:5px;padding:0;border:0;background:transparent;color:#fff}.menu-toggle span{display:block;width:24px;height:2px;background:currentColor}.site-nav{display:none}.site-nav.is-open{display:block}.site-main{min-height:calc(100vh - 72px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:9999px;font-weight:600;line-height:1.2}.button--primary{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.button--secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14)}.hero,.product-page-hero{position:relative;overflow:hidden}.hero{padding:4rem 0 3rem;background:linear-gradient(135deg,#0f0a1a 0%,#1a0f2e 25%,#150d24 50%,#0f0a1a 100%)}.hero__inner,.product-page-hero__inner{position:relative;z-index:2}.hero__grid,.product-page-hero__inner{display:grid;gap:2rem;align-items:center}.hero__eyebrow,.eyebrow{display:inline-block;margin-bottom:1rem;color:var(--color-primary);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1,.hero__content h1,.product-page-hero h1{margin:0 0 1rem;font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,4.25rem);line-height:1.02;text-transform:uppercase;color:#fff}.hero__lead,.page-hero__lead{margin:0 0 1.5rem;color:var(--text-secondary);font-size:1.05rem;max-width:60ch}.hero__actions,.cta-row{display:flex;flex-wrap:wrap;gap:.875rem}.hero__trust-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.hero__trust-item{text-align:center}.hero__trust-value{display:block;font-size:1.4rem;font-weight:700;color:#fff}.hero__trust-label,.hero__microcopy{color:var(--text-muted);font-size:.875rem}.hero__product-float,.product-ui-card{position:relative}.hero__product-glow{position:absolute;inset:-20px;background:radial-gradient(ellipse,rgba(139,92,246,.25) 0%,transparent 60%);filter:blur(50px);pointer-events:none}.hero__screenshot-card,.product-ui-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.35)}.window-frame{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.window-dot{width:12px;height:12px;border-radius:50%}.window-dot--red{background:#ff5f57}.window-dot--yellow{background:#ffbd2e}.window-dot--green{background:#28ca41}.window-title{flex:1;text-align:center;font-size:11px;font-weight:600;letter-spacing:.5px;color:rgba(255,255,255,.55)}.hero__screenshot-img,.showcase-window__img{width:100%;height:auto;display:block}.rating-badge{position:absolute;top:-15px;right:-10px;background:linear-gradient(135deg,rgba(16,185,129,.15) 0%,rgba(16,185,129,.08) 100%);border:1px solid rgba(16,185,129,.35);border-radius:14px;padding:12px 18px;box-shadow:0 12px 40px rgba(16,185,129,.25);z-index:2}.rating-badge__inner,.rating-badge__stars{display:flex;align-items:center;gap:8px}.rating-badge__star{color:#fbbf24;font-size:14px}.rating-badge__divider{width:1px;height:16px;background:rgba(255,255,255,.3);margin:0 4px}.rating-badge__score{color:#fff;font-size:13px;font-weight:700}.section{padding:3.5rem 0}.section-header{text-align:center;max-width:760px;margin:0 auto 2rem}.section-header h2{margin:0 0 .75rem;font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;text-transform:uppercase;color:#fff}.section-header p{margin:0;color:var(--text-secondary)}.showcase-window{border-radius:18px;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}.content-shell{padding:3rem 0}.article-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem}@media (max-width:768px){.rating-badge{right:10px;top:-10px}}@media (min-width:768px){.container,.wrap{padding:0 2rem}.site-nav{display:block}.menu-toggle{display:none}.hero__grid,.product-page-hero__inner{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.hero{padding:5.5rem 0 4rem}.article-card{padding:2rem}}

/* ===================================
   Home Light Theme (front-page only)
   Scoped to body.home-light so the dark
   theme on product/article pages is not
   affected. Palette: white + single green
   accent + neutral gray text.
   =================================== */

body.home-light {
    --color-primary: #10b981;
    --color-primary-dark: #059669;
    --color-primary-light: #34d399;
    --color-secondary: #0ea5e9;
    --color-accent: #f59e0b;
    --color-highlight: #ec4899;
    --color-success: #10b981;

    --bg-dark: #f7f9f8;
    --bg-darker: #ffffff;
    --bg-card: #ffffff;
    --bg-card-hover: #f7f9f8;
    --bg-purple: #f7f9f8;

    --text-primary: #16201c;
    --text-secondary: #4b5563;
    --text-muted: #8b95a3;

    --border-color: #e6e9ed;
    --border-light: #d8dce4;
    --border-glow: rgba(16, 185, 129, 0.35);

    --gradient-hero: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);
    --gradient-hero-glow: none;
    --gradient-card: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%);
    --gradient-button: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --gradient-button-hover: linear-gradient(135deg, #34d399 0%, #10b981 100%);
    --gradient-accent: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --gradient-highlight: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    --gradient-text: linear-gradient(135deg, #16201c 0%, #059669 100%);

    --glow-primary: 0 8px 24px rgba(16, 185, 129, 0.22);
    --glow-accent: 0 8px 24px rgba(245, 158, 11, 0.2);
    --glow-card: 0 4px 14px rgba(16, 24, 20, 0.05);

    --shadow-sm: 0 1px 2px rgba(16, 24, 20, 0.05);
    --shadow-md: 0 4px 12px rgba(16, 24, 20, 0.06);
    --shadow-lg: 0 10px 28px rgba(16, 24, 20, 0.08);
    --shadow-xl: 0 18px 40px rgba(16, 24, 20, 0.10);
    --shadow-glow: 0 8px 24px rgba(16, 185, 129, 0.15);

    background-color: #ffffff;
    color: #16201c;
}

/* Base typography */
body.home-light a { color: #059669; }
body.home-light a:hover { color: #047857; }
body.home-light h1,
body.home-light h2,
body.home-light h3,
body.home-light h4,
body.home-light h5,
body.home-light h6 { color: #16201c; }
body.home-light p { color: #4b5563; }

/* Header & navigation */
body.home-light .site-header {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid #e6e9ed;
    box-shadow: 0 1px 3px rgba(16, 24, 20, 0.04);
}
body.home-light .site-brand { color: #16201c; }
body.home-light .site-brand span {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
body.home-light .primary-menu a,
body.home-light .menu-fallback a { color: #16201c; }
body.home-light .primary-menu a:hover,
body.home-light .menu-fallback a:hover,
body.home-light .primary-menu .current-menu-item a,
body.home-light .menu-fallback .current_page_item a {
    color: #059669;
    background: rgba(16, 185, 129, 0.1) !important;
}
body.home-light .primary-menu .sub-menu,
body.home-light .menu-fallback .sub-menu {
    background: #ffffff;
    border: 1px solid #e6e9ed;
    box-shadow: 0 20px 40px rgba(16, 24, 20, 0.1);
}
body.home-light .primary-menu .sub-menu a:hover,
body.home-light .menu-fallback .sub-menu a:hover { background: rgba(16, 185, 129, 0.08); }
body.home-light .menu-toggle { border-color: #d8dce4; }
body.home-light .menu-toggle span { background: #16201c; }
body.home-light .site-nav {
    background: #ffffff;
    border-bottom: 1px solid #e6e9ed;
}

/* Buttons */
body.home-light .button--primary,
body.home-light .btn--primary { color: #ffffff; }
body.home-light .button--primary:hover,
body.home-light .btn--primary:hover {
    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.35) !important;
}
body.home-light .button--secondary,
body.home-light .btn--secondary {
    background: #ffffff;
    color: #16201c;
    border: 1px solid #d8dce4;
}
body.home-light .button--secondary:hover,
body.home-light .btn--secondary:hover {
    background: #f7f9f8;
    border-color: #10b981;
    color: #059669;
}
body.home-light .button--outline {
    color: #4b5563;
    border: 1px solid #d8dce4;
    background: #ffffff;
}
body.home-light .button--outline:hover {
    background: #f7f9f8;
    border-color: #10b981;
    color: #059669;
}
body.home-light .hero__content .button--primary:hover {
    box-shadow: 0 15px 40px rgba(16, 185, 129, 0.4) !important;
}
body.home-light .hero__content .button--secondary:hover {
    box-shadow: 0 15px 40px rgba(16, 24, 20, 0.1);
}

/* Hero */
body.home-light .hero {
    background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);
}
body.home-light .hero::before {
    display: none;
}
body.home-light .hero::after {
    display: none;
}
body.home-light .hero__wave-bg { display: none; }
body.home-light .hero__glow--right,
body.home-light .hero__glow--left { display: none; }
body.home-light .hero__eyebrow {
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.25);
    color: #059669;
}
body.home-light .hero h1 {
    background: linear-gradient(135deg, #16201c 0%, #0f766e 60%, #10b981 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
body.home-light .hero__lead,
body.home-light .hero__content .hero__lead { color: #4b5563 !important; }
body.home-light .hero__microcopy { color: #8b95a3 !important; }
body.home-light .hero__trust-band { border-top: 1px solid #e6e9ed; }
body.home-light .hero__trust-value { color: #16201c; }
body.home-light .hero__trust-label { color: #8b95a3; }
body.home-light .hero__stat-value {
    background: linear-gradient(135deg, #0f766e 0%, #10b981 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
body.home-light .hero__stat-label { color: #8b95a3; }

/* Hero screenshot card + mac window chrome */
body.home-light .hero__product-glow { display: none; }
body.home-light .hero__screenshot-card {
    background: #ffffff;
    border: 1px solid #e6e9ed;
    box-shadow: 0 18px 50px rgba(16, 24, 20, 0.12);
    transform: none;
}
body.home-light .hero__screenshot-card:hover { transform: none; }
body.home-light .hero__screenshot-img { box-shadow: 0 2px 10px rgba(16, 24, 20, 0.08); }
body.home-light .window-frame {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #e6e9ed;
    background: #f7f9f8;
}
body.home-light .window-frame__dots { display: flex; gap: 7px; }
body.home-light .window-dot { width: 12px; height: 12px; border-radius: 50%; }
body.home-light .window-dot--red { background: #ff5f57; }
body.home-light .window-dot--yellow { background: #febc2e; }
body.home-light .window-dot--green { background: #28c840; }
body.home-light .window-title {
    color: #6b7280;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
}
body.home-light .window-frame__spacer { display: none; }

/* Rating badge */
body.home-light .rating-badge {
    background: #ffffff;
    border: 1px solid #e6e9ed;
    border-radius: 14px;
    padding: 10px 16px;
    box-shadow: 0 10px 30px rgba(16, 24, 20, 0.12);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
body.home-light .rating-badge__score { color: #16201c; }
body.home-light .rating-badge__divider { background: #e6e9ed; }

/* Sections */
body.home-light .section--darker { background: #ffffff; }
body.home-light .section--dark { background: #f7f9f8; }
body.home-light .features-section { background: #f7f9f8; }
body.home-light .section--hero-gradient {
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 55%, #f0fdf4 100%);
}
body.home-light .section-header h2 { color: #16201c; }
body.home-light .section-header p { color: #4b5563; }
body.home-light .section-header__link { color: #16201c; }
body.home-light .section-header__link:hover { color: #059669; }
body.home-light .section-header__eyebrow,
body.home-light .eyebrow {
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.25);
    color: #059669;
}

/* Product showcase */
body.home-light .product-showcase__glow { display: none; }
body.home-light .showcase-window--image {
    background: #ffffff;
    border: 1px solid #e6e9ed;
    box-shadow: 0 18px 50px rgba(16, 24, 20, 0.12);
}
body.home-light .showcase-window--image::before { display: none; }
body.home-light .showcase-window--image:hover {
    border-color: rgba(16, 185, 129, 0.4);
    box-shadow: 0 26px 60px rgba(16, 24, 20, 0.15);
    transform: translateY(-4px);
}

/* Product cards */
body.home-light .product-card {
    background: #ffffff;
    border: 1px solid #e6e9ed;
    box-shadow: 0 1px 3px rgba(16, 24, 20, 0.04);
}
body.home-light .product-card::before { background: var(--gradient-button); }
body.home-light .product-card:hover {
    border-color: rgba(16, 185, 129, 0.4);
    box-shadow: 0 14px 34px rgba(16, 24, 20, 0.1) !important;
}
body.home-light .product-card__badge {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
}
body.home-light .product-card__description { color: #4b5563 !important; }
body.home-light .product-card__price { color: #16201c; }
body.home-light .product-card__price span { color: #8b95a3; }
body.home-light .product-card__features li { color: #4b5563; }

/* Feature cards */
body.home-light .feature-card {
    background: #ffffff;
    border: 1px solid #e6e9ed;
    box-shadow: 0 1px 3px rgba(16, 24, 20, 0.04);
}
body.home-light .feature-card:hover {
    border-color: rgba(16, 185, 129, 0.4);
    box-shadow: 0 12px 30px rgba(16, 24, 20, 0.1) !important;
}
body.home-light .feature-card:hover .feature-card__icon {
    background: rgba(16, 185, 129, 0.12);
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.2);
}
body.home-light .feature-card__icon {
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.2);
    color: #059669;
}
body.home-light .feature-card h3 { color: #16201c; }
body.home-light .feature-card p { color: #4b5563 !important; }

/* Step cards */
body.home-light .step-card {
    background: #ffffff;
    border: 1px solid #e6e9ed;
    box-shadow: 0 1px 3px rgba(16, 24, 20, 0.04);
}
body.home-light .step-card:hover {
    border-color: rgba(16, 185, 129, 0.35);
    box-shadow: 0 12px 28px rgba(16, 24, 20, 0.1);
}
body.home-light .step-card__number {
    background: var(--gradient-button);
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.25);
}
body.home-light .step-card:hover .step-card__number {
    box-shadow: 0 0 40px rgba(16, 185, 129, 0.4);
}
body.home-light .step-card:not(:last-child)::after {
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.5) 0%, rgba(16, 185, 129, 0.12) 100%);
}
body.home-light .step-card h3 { color: #16201c; }
body.home-light .step-card p { color: #4b5563; }

/* CTA block */
body.home-light .cta-block__title { color: #16201c; }
body.home-light .cta-block__text { color: #4b5563; }

/* Home product suite */
body.home-light .home-product-suite { border-top: 1px solid #e6e9ed; }
body.home-light .home-product-suite__eyebrow { color: #059669; }
body.home-light .home-product-suite__intro h3 { color: #16201c; }
body.home-light .home-product-card {
    background: #ffffff;
    border: 1px solid #e6e9ed;
    box-shadow: 0 1px 3px rgba(16, 24, 20, 0.04);
}
body.home-light .home-product-card--streamgrab,
body.home-light .home-product-card--tunarrange { background: #ffffff; }
body.home-light .home-product-card:hover {
    border-color: rgba(16, 185, 129, 0.4);
    box-shadow: 0 16px 38px rgba(16, 24, 20, 0.1);
}
body.home-light .home-product-card__logo-wrap {
    background: #f7f9f8;
    border: 1px solid #e6e9ed;
}
body.home-light .home-product-card__meta span { color: #8b95a3; }
body.home-light .home-product-card h4,
body.home-light .home-product-card__meta h4 { color: #16201c; }
body.home-light .home-product-card h4 a,
body.home-light .home-product-card__meta h4 a { color: #16201c; }
body.home-light .home-product-card h4 a:hover,
body.home-light .home-product-card__meta h4 a:hover { color: #059669; }
body.home-light .home-product-card p { color: #4b5563; }
body.home-light .home-product-card__link { color: #059669; }
body.home-light .home-product-card__link:hover { color: #047857; }

/* Footer */
body.home-light .site-footer {
    background: #ffffff;
    border-top: 1px solid #e6e9ed;
}
body.home-light .footer-brand h3 a {
    background: linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
body.home-light .footer-brand p { color: #6b7280 !important; }
body.home-light .footer-column h4 { color: #16201c; }
body.home-light .footer-links a { color: #4b5563 !important; }
body.home-light .footer-links a:hover { color: #059669; }
body.home-light .footer-trust__item {
    background: #f7f9f8;
    border: 1px solid #e6e9ed;
    color: #4b5563;
}
body.home-light .footer-bottom { border-top: 1px solid #e6e9ed; }
body.home-light .footer-bottom p { color: #8b95a3; }
body.home-light .footer-blog-card__link { color: #16201c; }
body.home-light .footer-blog-card__date { color: #8b95a3; }
body.home-light .footer-blog-section { border-top: 1px solid #e6e9ed; }
body.home-light .footer-minimal-text,
body.home-light .footer-minimal-link { color: #8b95a3; }

/* Breadcrumb */
body.home-light .breadcrumb__item a { color: #8b95a3; }
body.home-light .breadcrumb__item a:hover { color: #059669; }
body.home-light .breadcrumb__item--current span { color: #4b5563; }
body.home-light .breadcrumb__sep { color: #c4c9d0; }

/* Back to top */
body.home-light .back-to-top {
    color: #ffffff;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.35);
}
body.home-light .back-to-top:hover { box-shadow: 0 8px 24px rgba(16, 185, 129, 0.45); }

/* Shared components (light-safe, in case they appear) */
body.home-light .post-card {
    background: #ffffff;
    border: 1px solid #e6e9ed;
}
body.home-light .post-card:hover { border-color: rgba(16, 185, 129, 0.35); }
body.home-light .post-card__meta { color: #8b95a3; }
body.home-light .post-card__excerpt { color: #4b5563; }
body.home-light .post-card__link { color: #059669; }
body.home-light .post-card__link:hover { color: #047857; }
body.home-light .pagination a,
body.home-light .nav-links a {
    background: #ffffff;
    border: 1px solid #e6e9ed;
    color: #4b5563;
}
body.home-light .pagination a:hover,
body.home-light .nav-links a:hover {
    background: rgba(16, 185, 129, 0.08);
    border-color: #10b981;
    color: #059669;
}
body.home-light .pagination .current,
body.home-light .nav-links .current { color: #ffffff; }
body.home-light .search-field {
    background: #ffffff;
    border: 1px solid #e6e9ed;
    color: #16201c;
}
body.home-light .search-submit { color: #ffffff; }
body.home-light .entry-content,
body.home-light .single-post__content { color: #4b5563; }
body.home-light .entry-content a,
body.home-light .single-post__content a { color: #059669; }
body.home-light .entry-content blockquote,
body.home-light .single-post__content blockquote {
    background: rgba(16, 185, 129, 0.06);
    border-left: 4px solid #10b981;
    color: #16201c;
}
body.home-light .comment {
    background: #ffffff;
    border: 1px solid #e6e9ed;
}

/* Focus ring — beat safe-improvements purple */
body.home-light :focus-visible { outline-color: #10b981; }