:root{--clr-primary: #2563eb;--clr-primary-dark: #1d4ed8;--clr-primary-light: #eff6ff;--clr-accent: #0ea5e9;--clr-success: #16a34a;--clr-warning: #d97706;--clr-danger: #dc2626;--clr-star: #f59e0b;--clr-bg: #ffffff;--clr-bg-alt: #f8fafc;--clr-bg-card: #ffffff;--clr-border: #e2e8f0;--clr-border-light: #f1f5f9;--clr-text: #0f172a;--clr-text-muted: #64748b;--clr-text-light: #94a3b8;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-card:0 2px 8px 0 rgb(37 99 235 / .08);--max-width: 1200px;--content-width: 760px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.75;color:var(--clr-text);background:var(--clr-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video,svg{display:block;max-width:100%;height:auto}a{color:var(--clr-primary);text-decoration:none}a:hover{text-decoration:underline;color:var(--clr-primary-dark)}ul,ol{padding-left:var(--space-6)}code{font-family:var(--font-mono);font-size:.875em;background:var(--clr-bg-alt);border:1px solid var(--clr-border);border-radius:var(--radius-sm);padding:.1em .4em}pre{background:#1e293b;color:#e2e8f0;padding:var(--space-6);border-radius:var(--radius-md);overflow-x:auto;line-height:1.6}pre code{background:transparent;border:none;padding:0;color:inherit}.container{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-6)}.content-wrap{max-width:var(--content-width);margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--clr-border);box-shadow:var(--shadow-sm)}.site-header .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.site-logo{font-size:var(--text-xl);font-weight:800;color:var(--clr-primary);white-space:nowrap;letter-spacing:-.02em}.site-logo a{color:inherit;text-decoration:none}.site-logo .logo-sub{font-size:var(--text-sm);font-weight:400;color:var(--clr-text-muted);margin-left:var(--space-2)}.main-nav{display:flex;align-items:center;gap:var(--space-1);list-style:none;padding:0}.main-nav a{display:inline-block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--clr-text);border-radius:var(--radius-md);transition:color .15s,background .15s;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--clr-primary);background:var(--clr-primary-light);text-decoration:none}.nav-toggle,.nav-toggle-label{display:none}.site-footer{background:#0f172a;color:#cbd5e1;padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-16)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8);margin-bottom:var(--space-12)}.footer-col h3{font-size:var(--text-sm);font-weight:700;color:#f1f5f9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.footer-col p{font-size:var(--text-sm);line-height:1.8;color:#94a3b8}.footer-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer-links a{font-size:var(--text-sm);color:#94a3b8;transition:color .15s}.footer-links a:hover{color:#e2e8f0;text-decoration:none}.footer-keywords{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.footer-keyword-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:#ffffff14;border-radius:var(--radius-sm);color:#94a3b8}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-8);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-copyright{font-size:var(--text-sm);color:#64748b}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.post-card{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.post-card__img-wrap{aspect-ratio:16 / 9;overflow:hidden;background:var(--clr-bg-alt)}.post-card__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.post-card:hover .post-card__img-wrap img{transform:scale(1.03)}.post-card__body{padding:var(--space-4) var(--space-6);flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.post-card__meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--clr-text-muted)}.category-badge{display:inline-block;padding:2px var(--space-2);background:var(--clr-primary-light);color:var(--clr-primary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.post-card__title{font-size:var(--text-lg);font-weight:700;line-height:1.4;color:var(--clr-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__title a{color:inherit}.post-card__title a:hover{color:var(--clr-primary);text-decoration:none}.post-card__desc{font-size:var(--text-sm);color:var(--clr-text-muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__rating{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.stars{color:var(--clr-star);letter-spacing:1px}.rating-score{font-weight:700;color:var(--clr-text)}.post-card__footer{padding:var(--space-3) var(--space-6);border-top:1px solid var(--clr-border-light);display:flex;justify-content:space-between;align-items:center}.read-more-link{font-size:var(--text-sm);font-weight:600;color:var(--clr-primary)}.read-more-link:hover{text-decoration:none;opacity:.85}.review-box{border:2px solid var(--clr-primary);border-radius:var(--radius-xl);overflow:hidden;margin:var(--space-8) 0;box-shadow:var(--shadow-card)}.review-box__header{background:linear-gradient(135deg,var(--clr-primary) 0%,var(--clr-accent) 100%);color:#fff;padding:var(--space-6) var(--space-8);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4)}.review-box__brand{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em}.review-box__rating-wrap{text-align:right}.review-box__rating-num{font-size:var(--text-4xl);font-weight:900;line-height:1}.review-box__rating-label{font-size:var(--text-sm);opacity:.85}.review-box__stars{font-size:var(--text-xl);color:var(--clr-star)}.review-box__params{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0}.review-param{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--clr-border);border-right:1px solid var(--clr-border);display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);align-items:center}.review-param:nth-child(2n){border-right:none}.review-param:last-child,.review-param:nth-last-child(2){border-bottom:none}.review-param__label{font-size:var(--text-xs);font-weight:700;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.review-param__value{font-size:var(--text-sm);font-weight:600;color:var(--clr-text)}.review-box__cta{padding:var(--space-6) var(--space-8);background:var(--clr-bg-alt);border-top:2px solid var(--clr-primary);display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:700;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none}.btn:active{transform:translateY(0)}.btn-primary{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary)}.btn-primary:hover{background:var(--clr-primary-dark);border-color:var(--clr-primary-dark);color:#fff}.btn-outline{background:transparent;color:var(--clr-primary);border-color:var(--clr-primary)}.btn-outline:hover{background:var(--clr-primary-light);color:var(--clr-primary)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.speed-gallery{margin:var(--space-8) 0}.speed-gallery__title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.speed-gallery__title:before{content:"";display:inline-block;width:4px;height:1.2em;background:var(--clr-primary);border-radius:2px}.speed-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.speed-gallery__item{border:1px solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden;background:var(--clr-bg-alt)}.speed-gallery__item img{width:100%;aspect-ratio:16/9;object-fit:cover}.speed-gallery__caption{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--clr-text-muted);text-align:center;border-top:1px solid var(--clr-border)}.tldr-box{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid var(--clr-primary);border-left:4px solid var(--clr-primary);border-radius:var(--radius-md);padding:var(--space-6);margin:var(--space-8) 0}.tldr-box__label{font-size:var(--text-xs);font-weight:800;letter-spacing:.1em;color:var(--clr-primary);text-transform:uppercase;margin-bottom:var(--space-3)}.tldr-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.tldr-list li{display:flex;gap:var(--space-3);font-size:var(--text-base);color:var(--clr-text);line-height:1.6}.tldr-list li:before{content:"✓";color:var(--clr-success);font-weight:700;flex-shrink:0;margin-top:2px}.comparison-table-wrap{overflow-x:auto;margin:var(--space-8) 0;border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.comparison-table th{background:var(--clr-primary);color:#fff;padding:var(--space-3) var(--space-4);text-align:left;font-weight:700;white-space:nowrap}.comparison-table th:first-child{border-radius:var(--radius-sm) 0 0 0}.comparison-table th:last-child{border-radius:0 var(--radius-sm) 0 0}.comparison-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--clr-border);vertical-align:middle}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:nth-child(2n) td{background:var(--clr-bg-alt)}.comparison-table tr:hover td{background:var(--clr-primary-light)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:var(--text-xs);font-weight:800;color:#fff}.rank-badge.gold{background:#d97706}.rank-badge.silver{background:#94a3b8}.rank-badge.bronze{background:#b45309}.rank-badge.other{background:var(--clr-text-muted)}.faq-section{margin:var(--space-12) 0}.faq-section__title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-6)}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}details.faq-item{border:1px solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden}details.faq-item[open]{border-color:var(--clr-primary);box-shadow:var(--shadow-sm)}details.faq-item summary{list-style:none;cursor:pointer;padding:var(--space-4) var(--space-6);font-weight:700;font-size:var(--text-base);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);user-select:none;background:var(--clr-bg-alt)}details.faq-item[open] summary{background:var(--clr-primary-light);color:var(--clr-primary)}details.faq-item summary:after{content:"+";font-size:var(--text-xl);font-weight:400;flex-shrink:0;transition:transform .2s}details.faq-item[open] summary:after{content:"−"}details.faq-item summary::-webkit-details-marker{display:none}.faq-answer{padding:var(--space-4) var(--space-6);font-size:var(--text-base);line-height:1.8;color:var(--clr-text-muted);border-top:1px solid var(--clr-border)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--clr-text-muted);margin-bottom:var(--space-6)}.breadcrumb a{color:var(--clr-text-muted)}.breadcrumb a:hover{color:var(--clr-primary)}.breadcrumb-sep{color:var(--clr-text-light)}.breadcrumb-current{color:var(--clr-text);font-weight:500}.prose{font-size:var(--text-base);line-height:1.85;color:var(--clr-text)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-weight:800;line-height:1.3;color:var(--clr-text);margin-top:var(--space-8);margin-bottom:var(--space-4)}.prose h1{font-size:var(--text-3xl);margin-top:0}.prose h2{font-size:var(--text-2xl);border-bottom:2px solid var(--clr-border);padding-bottom:var(--space-2)}.prose h3{font-size:var(--text-xl)}.prose h4{font-size:var(--text-lg)}.prose p,.prose ul,.prose ol{margin-bottom:var(--space-4)}.prose li{margin-bottom:var(--space-2)}.prose strong{font-weight:700;color:var(--clr-text)}.prose em{font-style:italic}.prose blockquote{border-left:4px solid var(--clr-primary);background:var(--clr-primary-light);padding:var(--space-4) var(--space-6);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-6) 0;font-style:italic;color:var(--clr-primary-dark)}.prose table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm)}.prose table th{background:var(--clr-bg-alt);padding:var(--space-3) var(--space-4);text-align:left;font-weight:700;border:1px solid var(--clr-border)}.prose table td{padding:var(--space-3) var(--space-4);border:1px solid var(--clr-border);vertical-align:top}.prose table tr:nth-child(2n) td{background:var(--clr-bg-alt)}.related-posts{margin-top:var(--space-12);padding-top:var(--space-8);border-top:2px solid var(--clr-border)}.related-posts__title{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-6)}.page-hero{background:linear-gradient(135deg,var(--clr-primary) 0%,var(--clr-accent) 100%);color:#fff;padding:var(--space-16) 0 var(--space-12);margin-bottom:var(--space-12)}.page-hero h1{font-size:clamp(1.75rem,4vw,3rem);font-weight:900;letter-spacing:-.03em;margin-bottom:var(--space-4);line-height:1.2}.page-hero p{font-size:var(--text-lg);opacity:.9;max-width:640px;line-height:1.65}.post-hero{padding:var(--space-12) 0 var(--space-8);border-bottom:1px solid var(--clr-border);margin-bottom:var(--space-8)}.post-hero h1{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:900;line-height:1.25;letter-spacing:-.02em;margin-bottom:var(--space-4)}.post-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);color:var(--clr-text-muted);font-size:var(--text-sm)}.home-hero{background:linear-gradient(135deg,#1e3a8a,#0ea5e9,#2563eb);color:#fff;padding:var(--space-16) 0;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.home-hero .container{position:relative}.home-hero__content{max-width:640px}.home-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-6)}.home-hero p{font-size:var(--text-xl);opacity:.9;line-height:1.65;margin-bottom:var(--space-8)}.home-hero__cta{display:flex;gap:var(--space-4);flex-wrap:wrap}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4);flex-wrap:wrap}.section-title{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-3)}.section-title:before{content:"";display:inline-block;width:4px;height:1.2em;background:linear-gradient(to bottom,var(--clr-primary),var(--clr-accent));border-radius:2px}.section-more-link{font-size:var(--text-sm);font-weight:600;color:var(--clr-primary);white-space:nowrap}.site-section{padding:var(--space-16) 0}.site-section+.site-section{padding-top:0}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--clr-bg-alt);border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--clr-text-muted);font-weight:500}@media (max-width: 768px){:root{--space-16: 3rem;--space-12: 2.5rem}.nav-toggle-label{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;cursor:pointer;padding:4px}.nav-toggle-label span{display:block;height:2px;background:var(--clr-text);border-radius:2px;transition:transform .3s,opacity .3s}.main-nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:var(--space-4);border-bottom:1px solid var(--clr-border);box-shadow:var(--shadow-md);gap:var(--space-1)}.nav-toggle:checked~.main-nav{display:flex}.nav-toggle:checked~.nav-toggle-label span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle:checked~.nav-toggle-label span:nth-child(2){opacity:0}.nav-toggle:checked~.nav-toggle-label span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.review-box__header{flex-direction:column}.review-box__rating-wrap{text-align:left}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center}.home-hero__cta{flex-direction:column;align-items:flex-start}.posts-grid,.speed-gallery__grid{grid-template-columns:1fr}}@media (max-width: 480px){.footer-grid,.review-box__params{grid-template-columns:1fr}.review-param{border-right:none!important}.review-param:nth-last-child(2){border-bottom:1px solid var(--clr-border)!important}}@media print{.site-header,.site-footer,.nav-toggle-label{display:none}.review-box{border:1px solid #000}a{color:#000}a[href]:after{content:" (" attr(href) ")";font-size:.75em}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--clr-primary);outline-offset:2px;border-radius:2px}.skip-link{position:absolute;left:-9999px;top:0;padding:var(--space-2) var(--space-4);background:var(--clr-primary);color:#fff;font-weight:700;border-radius:0 0 var(--radius-md) 0;z-index:999}.skip-link:focus{left:0}