@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #4361ee;--primary-dark: #3a51d4;--primary-light: #6b83f5;--accent: #7c3aed;--accent-light: #a78bfa;--gradient-hero: linear-gradient(135deg, #0f0c29 0%, #1a1a4e 40%, #24243e 100%);--gradient-purple: linear-gradient(135deg, #667eea, #764ba2);--gradient-score-high: linear-gradient(135deg, #22c55e, #16a34a);--gradient-score-mid: linear-gradient(135deg, #4361ee, #3b82f6);--gradient-score-low: linear-gradient(135deg, #f59e0b, #d97706);--bar-blue: #4361ee;--bar-red: #ef4444;--bar-green: #22c55e;--purple: #7c3aed;--bg-main: #f5f7fb;--bg-white: #ffffff;--bg-card: #ffffff;--bg-dark: #0f0c29;--bg-dark-2: #1a1a2e;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--text-white: #f8fafc;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--font-thai: "Noto Sans Thai", sans-serif;--font-eng: "Inter", sans-serif;--max-width: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-thai);background:var(--bg-main);color:var(--text-primary);line-height:1.7;min-height:100vh}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}.num,.eng{font-family:var(--font-eng)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.header{background:var(--gradient-hero);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0 24px;max-width:var(--max-width);margin:0 auto;height:64px}.logo{font-family:var(--font-eng);font-weight:800;font-size:1.4rem;color:var(--text-white);display:flex;align-items:center;gap:8px;letter-spacing:-.5px}.logo-icon{width:32px;height:32px;background:var(--gradient-purple);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.nav{display:flex;align-items:center;gap:4px}.nav a{color:#ffffffbf;padding:8px 14px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:var(--transition)}.nav a:hover,.nav a.active{color:#fff;background:#ffffff1a}.nav-dropdown{position:relative}.nav-dropdown-content{display:none;position:absolute;top:100%;left:0;background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);min-width:240px;padding:8px;z-index:200;margin-top:4px}.nav-dropdown:hover .nav-dropdown-content{display:block}.nav-dropdown-content a{color:var(--text-primary);display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:.88rem}.nav-dropdown-content a:hover{background:var(--bg-main);color:var(--primary)}.hamburger{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px}.mobile-nav{display:none;position:fixed;inset:64px 0 0;background:var(--bg-dark-2);z-index:99;padding:24px;overflow-y:auto}.mobile-nav.open{display:block}.mobile-nav a{display:block;color:#fffc;padding:14px 0;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav .nav-section-title{color:#fff6;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-top:16px;margin-bottom:4px}.hero{background:var(--gradient-hero);padding:80px 24px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%,rgba(67,97,238,.15) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(124,58,237,.1) 0%,transparent 50%);animation:heroGlow 8s ease-in-out infinite alternate}@keyframes heroGlow{0%{transform:translate(0)}to{transform:translate(2%,-2%)}}.hero-content{position:relative;z-index:1;max-width:720px;margin:0 auto}.hero h1{font-size:2.8rem;font-weight:800;color:var(--text-white);line-height:1.3;margin-bottom:16px}.hero h1 .highlight{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:#ffffffb3;font-size:1.1rem;margin-bottom:32px}.hero-search{display:flex;gap:0;max-width:520px;margin:0 auto;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);padding:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-search input{flex:1;background:transparent;border:none;outline:none;padding:12px 20px;font-size:1rem;color:#fff;font-family:var(--font-thai)}.hero-search input::placeholder{color:#ffffff80}.hero-search button{background:var(--primary);color:#fff;border:none;padding:12px 28px;border-radius:var(--radius-full);font-size:.95rem;font-weight:600;cursor:pointer;font-family:var(--font-thai);transition:var(--transition)}.hero-search button:hover{background:var(--primary-dark);transform:scale(1.02)}.section{padding:64px 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.section-link{font-size:.9rem;color:var(--primary);font-weight:500;display:flex;align-items:center;gap:4px}.section-link:hover{gap:8px}.brand-group{margin-bottom:50px}.brand-group-title{font-size:1.4rem;font-weight:700;margin-bottom:24px;padding-left:16px;display:flex;align-items:center;gap:12px;border-left:5px solid var(--primary);color:var(--text-primary)}.brand-group-title .logo{font-size:1.2rem;color:inherit!important}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.product-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:24px;transition:var(--transition);position:relative;overflow:hidden;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.product-card-image{height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:var(--bg-main);border-radius:var(--radius-md);padding:16px;position:relative}.product-card-image img{max-height:120px;object-fit:contain}.product-card-image .score-badge{position:absolute;top:10px;right:10px}.score-badge{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-eng);font-weight:700;font-size:.85rem;color:#fff;box-shadow:var(--shadow-sm)}.score-badge.high{background:var(--gradient-score-high)}.score-badge.mid{background:var(--gradient-score-mid)}.score-badge.low{background:var(--gradient-score-low)}.product-card-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.spec-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-main);border-radius:var(--radius-full);font-size:.75rem;color:var(--text-secondary)}.spec-chip .icon{font-size:.8rem}.product-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-light)}.product-price{font-family:var(--font-eng);font-weight:700;font-size:1.1rem;color:var(--primary)}.product-price small{font-size:.75rem;font-weight:400;color:var(--text-light)}.btn-compare{width:36px;height:36px;border-radius:50%;border:2px solid var(--primary);background:transparent;color:var(--primary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-compare:hover,.btn-compare.added{background:var(--primary);color:#fff}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.category-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:28px 20px;text-align:center;transition:var(--transition);text-decoration:none!important;color:inherit!important}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.category-card-icon{font-size:2.5rem;margin-bottom:12px;display:block}.category-card-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.category-card-count{font-size:.8rem;color:var(--text-light)}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.brand-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:28px;display:flex;align-items:center;gap:20px;transition:var(--transition);text-decoration:none!important;color:inherit!important}.brand-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.brand-logo{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;flex-shrink:0}.brand-info h3{font-size:1rem;font-weight:600;margin-bottom:4px}.brand-info p{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.compare-slots{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:32px}.compare-slot{background:#ffffff14;border:2px dashed rgba(255,255,255,.25);border-radius:var(--radius-xl);min-width:220px;min-height:180px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.compare-slot:hover{border-color:#fff6;background:#ffffff1f}.compare-slot.filled{border-style:solid;border-color:#4361ee80;background:#4361ee1a}.compare-slot-placeholder{text-align:center;padding:24px}.slot-number{display:block;font-family:var(--font-eng);font-size:2.5rem;font-weight:800;color:#ffffff26;margin-bottom:8px}.slot-text{display:block;color:#ffffff73;font-size:.85rem}.compare-slot-filled{text-align:center;padding:20px;width:100%}.slot-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#ef4444cc;color:#fff;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:2}.slot-remove:hover{background:#ef4444;transform:scale(1.1)}.slot-image{width:100px;height:100px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:3rem}.slot-image img{width:100%;height:100%;object-fit:contain}.slot-name{color:var(--text-white);font-size:.85rem;font-weight:600;margin-bottom:8px;line-height:1.4}.slot-score{display:flex;justify-content:center}.picker-card.selected{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e40,var(--shadow-md);position:relative}.picker-card .selected-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;z-index:2}.compare-hero{background:var(--gradient-hero);padding:48px 24px;text-align:center}.compare-hero h1{font-size:2rem;font-weight:700;color:var(--text-white);margin-bottom:8px}.compare-selector{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:32px}.compare-product-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:20px;min-width:250px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.compare-product-select img{height:80px;margin:0 auto 12px;object-fit:contain}.compare-product-select h3{color:var(--text-white);font-size:.95rem;font-weight:600;margin-bottom:4px}.compare-product-select select{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 16px;border-radius:var(--radius-sm);font-family:var(--font-thai);font-size:.9rem;width:100%;cursor:pointer;margin-top:8px}.compare-product-select select option{background:var(--bg-dark-2);color:#fff}.vs-badge{width:56px;height:56px;border-radius:50%;background:var(--gradient-purple);display:flex;align-items:center;justify-content:center;font-family:var(--font-eng);font-weight:800;font-size:1.1rem;color:#fff;box-shadow:0 0 30px #7c3aed4d;flex-shrink:0}.cb-section{margin-bottom:40px}.cb-section-title{font-size:1.2rem;font-weight:700;padding:16px 0;border-bottom:2px solid var(--border);margin-bottom:20px;display:flex;align-items:center;gap:8px}.cb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cb-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;transition:var(--transition);display:flex;flex-direction:column}.cb-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}.cb-card-title{font-size:.85rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.cb-card-body{flex:1;display:flex;flex-direction:column;gap:10px}.cb-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cb-item-name{font-size:.78rem;color:var(--text-secondary);font-weight:600;width:100%;margin-bottom:2px}.cb-item-name.prod1{color:var(--bar-blue)}.cb-item-name.prod2{color:var(--purple)}.cb-item-value{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.cb-bar-track{width:100%;height:6px;background:var(--border-light);border-radius:var(--radius-full);overflow:hidden;margin-top:4px}.cb-bar-fill{height:100%;border-radius:var(--radius-full);transition:width 1s cubic-bezier(.4,0,.2,1)}.cb-bar-fill.blue{background:var(--bar-blue)}.cb-bar-fill.purple{background:var(--purple)}.cb-item-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#4361ee1f;color:var(--primary);font-size:.72rem;font-weight:700;flex-shrink:0}.cb-item-check.purple{background:#7c3aed1f;color:var(--purple)}.cb-item-check.no{background:#ef44441a;color:#ef4444}.cb-item-text{font-size:.85rem;color:var(--text-primary)}.cb-item-text.prod1{color:var(--bar-blue)}.cb-item-text.prod2{color:var(--purple)}.cb-item-text-value{font-size:.92rem;font-weight:600;color:var(--text-primary);padding-left:30px;margin-top:-2px}.cb-card-desc{font-size:.78rem;color:var(--text-light);font-style:italic;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-light);line-height:1.5}.cb-card-feature .cb-card-body{gap:8px}.cb-feature-group{display:flex;flex-direction:column;gap:8px}.cb-feature-group-title{font-size:.85rem;font-weight:700;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--border-light)}.cb-feature-group-title.prod1{color:var(--bar-blue)}.cb-feature-group-title.prod2{color:var(--purple)}.compare-sticky-header{display:none}.score-comparison{display:flex;justify-content:center;gap:48px;padding:40px 0}.score-item{text-align:center}.score-circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;position:relative}.score-circle-inner{width:80px;height:80px;border-radius:50%;background:var(--bg-white);display:flex;flex-direction:column;align-items:center;justify-content:center}.score-circle-number{font-family:var(--font-eng);font-size:1.6rem;font-weight:800;color:var(--text-primary)}.score-circle-label{font-size:.65rem;color:var(--text-light)}.score-product-name{font-size:.85rem;font-weight:600;color:var(--text-primary);max-width:180px}.spec-section{margin-bottom:32px}.spec-section-title{font-size:1.1rem;font-weight:700;padding:16px 0;border-bottom:2px solid var(--border);margin-bottom:16px;display:flex;align-items:center;gap:8px}.spec-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--border-light)}.spec-cell{display:flex;flex-direction:column;gap:6px}.spec-label{font-size:.82rem;color:var(--text-secondary);font-weight:500}.spec-value{font-family:var(--font-eng);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.spec-bar-container{height:8px;background:var(--border-light);border-radius:var(--radius-full);overflow:hidden}.spec-bar{height:100%;border-radius:var(--radius-full);transition:width 1s cubic-bezier(.4,0,.2,1)}.spec-bar.blue{background:var(--bar-blue)}.spec-bar.red{background:var(--bar-red)}.spec-bar.green{background:var(--bar-green)}.spec-why{font-size:.78rem;color:var(--text-light);font-style:italic;margin-top:4px}.feature-check{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}.feature-check.yes{color:var(--bar-green)}.feature-check.no{color:var(--text-light)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.preset-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:24px;transition:var(--transition);text-decoration:none!important;color:inherit!important}.preset-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.preset-card h3{font-size:1rem;font-weight:600;margin-bottom:6px}.preset-card p{font-size:.82rem;color:var(--text-secondary)}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.article-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;transition:var(--transition);text-decoration:none!important;color:inherit!important}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.article-card-image{height:180px;background:var(--gradient-purple);display:flex;align-items:center;justify-content:center;font-size:3rem}.article-card-body{padding:24px}.article-card-meta{display:flex;gap:12px;margin-bottom:10px}.article-tag{background:#4361ee1a;color:var(--primary);padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600}.article-date{font-size:.78rem;color:var(--text-light)}.article-card-body h3{font-size:1rem;font-weight:600;margin-bottom:8px;line-height:1.6}.article-card-body p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.article-page{max-width:780px;margin:0 auto;padding:40px 24px}.article-page h1{font-size:2rem;font-weight:700;line-height:1.5;margin-bottom:16px}.article-page .article-meta{display:flex;gap:16px;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.article-page h2{font-size:1.3rem;font-weight:700;margin:32px 0 16px;padding-top:16px}.article-page h3{font-size:1.1rem;font-weight:600;margin:24px 0 12px}.article-page p{margin-bottom:16px;line-height:1.8;color:var(--text-primary)}.article-page ul,.article-page ol{margin-bottom:16px;padding-left:24px}.article-page li{margin-bottom:8px;line-height:1.7}.article-toc{background:var(--bg-main);border-radius:var(--radius-md);padding:24px;margin-bottom:32px}.article-toc h3{font-size:.95rem;margin:0 0 12px;color:var(--text-primary)}.article-toc ol{padding-left:20px;margin:0}.article-toc li{margin-bottom:6px;font-size:.88rem}.article-toc a{color:var(--primary)}.product-rec{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;margin:24px 0;display:flex;align-items:center;gap:20px}.product-rec-image{width:100px;height:100px;background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-rec-info h4{font-size:.95rem;margin-bottom:4px}.product-rec-info p{font-size:.82rem;color:var(--text-secondary);margin-bottom:8px}.page-with-sidebar{display:grid;grid-template-columns:260px 1fr;gap:32px;padding:32px 0}.sidebar{position:sticky;top:96px;align-self:start}.filter-group{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);padding:20px;margin-bottom:16px}.filter-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.filter-option{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.filter-option input[type=checkbox]{accent-color:var(--primary)}.sort-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.sort-bar .result-count{font-size:.9rem;color:var(--text-secondary)}.sort-select{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-thai);font-size:.85rem;background:var(--bg-white);cursor:pointer}.compare-dock{position:fixed;bottom:0;left:0;right:0;background:var(--bg-dark-2);padding:12px 24px;display:none;align-items:center;justify-content:center;gap:16px;z-index:50;box-shadow:0 -4px 20px #0000004d}.compare-dock.show{display:flex}.compare-dock-items{display:flex;gap:12px;align-items:center}.compare-dock-item{background:#ffffff1a;border-radius:var(--radius-sm);padding:8px 14px;color:#fff;font-size:.82rem;display:flex;align-items:center;gap:8px}.compare-dock-item .remove{cursor:pointer;opacity:.6;font-size:1rem}.compare-dock-item .remove:hover{opacity:1}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 24px;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--font-thai);transition:var(--transition)}.btn-primary:hover{background:var(--primary-dark);transform:scale(1.03)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary);padding:10px 24px;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--font-thai);transition:var(--transition)}.btn-outline:hover{background:var(--primary);color:#fff}.footer{background:var(--bg-dark);padding:64px 0 32px;color:#fff9}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:var(--max-width);margin:0 auto;padding:0 24px}.footer-brand h3{color:#fff;font-size:1.2rem;margin-bottom:12px}.footer-brand p{font-size:.85rem;line-height:1.7}.footer-col h4{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:16px}.footer-col a{display:block;color:#ffffff80;font-size:.85rem;padding:4px 0;transition:var(--transition)}.footer-col a:hover{color:#fff}.footer-bottom{max-width:var(--max-width);margin:40px auto 0;padding:24px 24px 0;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.8rem}.breadcrumb{display:flex;align-items:center;gap:8px;padding:16px 0;font-size:.82rem;color:var(--text-light)}.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb .separator{color:var(--text-light)}.page-hero{background:var(--gradient-hero);padding:40px 24px;text-align:center}.page-hero h1{font-size:2rem;color:#fff;font-weight:700;margin-bottom:8px}.page-hero p{color:#ffffffb3;font-size:.95rem;max-width:600px;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s ease forwards;opacity:0}.animate-in:nth-child(1){animation-delay:.05s}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.15s}.animate-in:nth-child(4){animation-delay:.2s}.animate-in:nth-child(5){animation-delay:.25s}.animate-in:nth-child(6){animation-delay:.3s}@media(max-width:1024px){.page-with-sidebar{grid-template-columns:1fr}.sidebar{display:none}.footer-grid{grid-template-columns:1fr 1fr}.cb-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav{display:none}.hamburger{display:block}.hero h1{font-size:1.8rem}.hero{padding:48px 16px}.hero-search{flex-direction:column;border-radius:var(--radius-md)}.hero-search input{padding:14px 16px}.hero-search button{border-radius:var(--radius-sm)}.section{padding:40px 0}.section-title{font-size:1.2rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.category-grid{grid-template-columns:repeat(2,1fr)}.brand-grid,.article-grid{grid-template-columns:1fr}.compare-selector{flex-direction:column}.score-comparison{flex-wrap:wrap;gap:16px;padding:24px 0}.score-item{flex:1;min-width:140px}.score-item>div:first-child{width:100px!important;height:100px!important}.score-circle{width:80px!important;height:80px!important}.score-circle-inner{width:64px!important;height:64px!important}.score-circle-number{font-size:1.2rem!important}.score-circle-label{font-size:.55rem!important}.score-product-name{font-size:.75rem;max-width:140px}.spec-row{grid-template-columns:1fr 1fr;gap:8px;padding:10px 0}.spec-cell{gap:3px}.spec-label{font-size:.7rem}.spec-value{font-size:.82rem}.spec-section-title{font-size:.92rem;padding:12px 0;margin-bottom:8px}.spec-why{font-size:.68rem;grid-column:1 / -1}.compare-sticky-header{display:block;position:sticky;top:56px;z-index:20;background:var(--bg-white);border-bottom:2px solid var(--primary);margin:0 -16px;padding:8px 16px;box-shadow:0 2px 8px #00000014}.spec-names-header{display:none!important}.compare-sticky-header .sticky-names{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare-sticky-header .sticky-name{text-align:center;font-size:.72rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 2px;border-radius:var(--radius-sm)}.compare-sticky-header .sticky-name:first-child{background:#4361ee14;border-left:3px solid var(--primary)}.compare-sticky-header .sticky-name:last-child{background:#7c3aed14;border-left:3px solid var(--purple)}.spec-row .spec-cell:first-child{border-left:2px solid var(--primary);padding-left:6px}.spec-row .spec-cell:last-child{border-left:2px solid var(--purple);padding-left:6px}.feature-check{font-size:.78rem}.compare-slot{min-width:140px;min-height:140px}.slot-image{width:70px;height:70px}.slot-name{font-size:.75rem}.vs-badge{width:40px;height:40px;font-size:.85rem}.cb-grid{grid-template-columns:1fr;gap:12px}.cb-card{padding:16px}.cb-card-title{font-size:.8rem;margin-bottom:12px;padding-bottom:8px}.cb-item-value{font-size:1rem}.cb-item-name{font-size:.72rem}.cb-section-title{font-size:1rem;padding:12px 0;margin-bottom:12px}.cb-card-feature .cb-card-body{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}.product-rec{flex-direction:column;text-align:center}.page-hero h1,.article-page h1,.compare-hero h1{font-size:1.5rem}}@media(max-width:480px){.category-grid,.product-grid{grid-template-columns:1fr}}.product-placeholder{width:120px;height:100px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--text-light)}.pd-title-banner{background:var(--bg-main);padding:56px 24px 40px;text-align:center;border-bottom:1px solid var(--border-light)}.pd-banner-inner{max-width:var(--max-width);margin:0 auto}.pd-banner-inner h1{font-size:2.2rem;font-weight:800;color:var(--text-primary);line-height:1.3;letter-spacing:-.02em}.pd-banner-tagline{font-size:1.25rem;color:var(--text-light);margin-top:12px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.5}.pd-banner-line{width:60px;height:4px;background:var(--primary);border-radius:2px;margin:20px auto 0}.pd-header{padding:24px 0 16px;border-bottom:1px solid var(--border-light);margin-bottom:40px}.pd-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.pd-product-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.pd-header-badges{display:flex;flex-wrap:wrap;gap:6px}.pd-header-badges .badge-category,.pd-header-badges .badge-brand,.pd-header-badges .badge-type{font-size:.72rem;padding:4px 12px;background:var(--bg-main);color:var(--text-secondary);border:1px solid var(--border);text-decoration:none;font-weight:600;transition:var(--transition)}.pd-header-badges a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.preset-comparison-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.preset-link-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);font-weight:600;transition:var(--transition)}.preset-link-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-md)}.preset-link-icon{font-size:1.25rem}.preset-link-text{font-size:.95rem;line-height:1.4}.pd-action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:.88rem;font-weight:600;transition:var(--transition)}.pd-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.pd-main-grid{display:grid;grid-template-columns:420px 1fr;gap:48px;margin-bottom:48px;align-items:start}.pd-radar-section{display:flex;flex-direction:column;align-items:center;gap:24px}.pd-radar-container{position:relative;width:400px;height:400px}.pd-radar-container canvas{display:block}.pd-radar-labels{position:absolute;inset:0;pointer-events:none}.pd-radar-label{position:absolute;font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.pd-quick-icons{display:flex;gap:12px}.pd-quick-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:2px solid var(--border-light);font-size:1.2rem;background:var(--bg-card);opacity:.4;transition:var(--transition)}.pd-quick-icon.active{opacity:1;border-color:var(--primary);background:#4361ee0f}.pd-score-display{display:flex;flex-direction:column;align-items:center;gap:6px}.pd-score-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pd-score-inner{width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.pd-score-number{font-size:1.8rem;font-weight:800;color:var(--primary)}.pd-score-label{font-size:.82rem;color:var(--text-muted);font-weight:600}.pd-product-image{width:220px;height:220px;background:var(--bg-main);border-radius:var(--radius-lg);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;overflow:hidden}.pd-product-image img{width:100%;height:100%;object-fit:contain;padding:16px}.pd-price-block{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.pd-price{font-size:1.6rem;font-weight:800;color:var(--text-primary)}.pd-advantages-section{padding-top:8px}.pd-advantages-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;line-height:1.5}.pd-advantages-list{display:flex;flex-direction:column;gap:0}.pd-advantage-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--border-light)}.pd-advantage-item:last-child{border-bottom:none}.pd-advantage-check{width:24px;height:24px;border-radius:50%;background:#22c55e1f;color:#16a34a;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0;margin-top:2px}.pd-advantage-content{flex:1}.pd-advantage-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.pd-advantage-value{font-size:.88rem;color:var(--text-secondary)}.pd-advantage-value strong{color:var(--text-primary);font-weight:700}.pd-advantage-vs{color:var(--text-muted);font-size:.78rem;margin:0 4px}.pd-advantage-avg{color:var(--text-muted);font-style:italic}.pd-description{margin-top:24px;padding:20px;background:var(--bg-main);border-radius:var(--radius-md);border:1px solid var(--border-light);font-size:.92rem;color:var(--text-secondary);line-height:1.8}.pd-quick-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.pd-qspec{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition)}.pd-qspec:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.pd-qspec-icon{font-size:1.3rem;flex-shrink:0}.pd-qspec-label{display:block;font-size:.72rem;color:var(--text-muted);margin-bottom:2px}.pd-qspec-val{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary)}.product-detail-hero-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}.product-detail-image{background:#ffffff14;border-radius:var(--radius-xl);padding:32px;display:flex;align-items:center;justify-content:center;aspect-ratio:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.product-detail-image img{width:100%;height:100%;object-fit:contain;max-height:360px}.product-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.badge-category,.badge-brand,.badge-type{display:inline-flex;align-items:center;padding:5px 14px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600}.badge-category{background:#4361ee33;color:#93b4ff;border:1px solid rgba(67,97,238,.3)}.badge-brand{background:#7c3aed33;color:#c4a7ff;border:1px solid rgba(124,58,237,.3)}.badge-type{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.product-detail-name{font-size:2rem;font-weight:800;color:var(--text-white);line-height:1.35;margin-bottom:12px}.product-detail-desc{color:#ffffffa6;font-size:1rem;line-height:1.7;margin-bottom:24px}.product-detail-score-row{display:flex;align-items:center;gap:32px;margin-bottom:24px}.score-circle-lg{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.score-circle-lg-inner{width:88px;height:88px;border-radius:50%;background:var(--bg-dark-2);display:flex;flex-direction:column;align-items:center;justify-content:center}.score-circle-lg-inner .score-circle-number{font-size:2rem;font-weight:800;color:var(--text-white)}.score-circle-lg-inner .score-circle-label{font-size:.72rem;color:#fff9}.product-detail-price-block{display:flex;flex-direction:column;gap:12px}.product-detail-price{font-size:1.8rem;font-weight:800;color:#fbbf24}.btn-buy-hero{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:700;font-size:1rem;box-shadow:0 4px 20px #ff6b3559;transition:var(--transition)}.btn-buy-hero:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff6b3573;color:#fff}.product-detail-quick-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-spec{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:12px 16px}.quick-spec-icon{font-size:1.2rem}.quick-spec-label{font-size:.75rem;color:#ffffff80;display:block}.quick-spec-value{font-size:.88rem;font-weight:600;color:var(--text-white)}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.highlight-card{display:flex;align-items:flex-start;gap:12px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;transition:var(--transition)}.highlight-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.highlight-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.highlight-text{font-size:.92rem;color:var(--text-primary);line-height:1.6}.specs-table-container{display:flex;flex-direction:column;gap:32px}.specs-group{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.specs-group-title{font-size:1.05rem;font-weight:700;padding:18px 24px;background:var(--bg-main);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.specs-table{display:flex;flex-direction:column}.specs-row{display:grid;grid-template-columns:200px 1fr;padding:14px 24px;border-bottom:1px solid var(--border-light);transition:background .2s}.specs-row:last-child{border-bottom:none}.specs-row:hover{background:var(--bg-main)}.specs-row.even{background:#00000004}.specs-row-label{font-size:.88rem;color:var(--text-secondary);font-weight:500}.specs-row-value{font-size:.92rem;color:var(--text-primary);font-weight:600}.features-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.feature-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.92rem;color:var(--text-primary);transition:var(--transition)}.feature-item:hover{border-color:#22c55e;background:#22c55e0a}.feature-icon{font-size:1.1rem;flex-shrink:0}.cta-box{background:var(--gradient-hero);border-radius:var(--radius-xl);padding:48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.cta-content h2{font-size:1.5rem;font-weight:700;color:var(--text-white);margin-bottom:8px}.cta-content p{color:#fff9;font-size:.95rem}.cta-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-buy-cta{display:inline-flex;align-items:center;gap:8px;padding:16px 36px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:700;font-size:1.05rem;box-shadow:0 4px 20px #ff6b3559;transition:var(--transition)}.btn-buy-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff6b3573;color:#fff}.btn-compare-cta{display:inline-flex;align-items:center;gap:8px;padding:16px 36px;background:#ffffff1a;color:var(--text-white);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:1.05rem;transition:var(--transition)}.btn-compare-cta:hover{background:#fff3;color:#fff}@media(max-width:900px){.pd-main-grid{grid-template-columns:1fr;gap:32px}.pd-radar-container{width:320px;height:320px}.pd-radar-container canvas{width:320px!important;height:320px!important}}@media(max-width:768px){.pd-banner-inner h1{font-size:1.5rem}.pd-header-inner{flex-direction:column;align-items:flex-start}.pd-radar-container{width:280px;height:280px}.pd-radar-container canvas{width:280px!important;height:280px!important}.pd-quick-specs-grid{grid-template-columns:1fr}.specs-row{grid-template-columns:1fr;gap:4px}.faq-accordion-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}.faq-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit;color:var(--text-primary);transition:var(--transition)}.faq-question:hover{background:#4361ee0a}.faq-q-text{font-size:1.05rem;font-weight:600;padding-right:16px;line-height:1.5}.faq-icon{flex-shrink:0;color:var(--primary);transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.faq-question[aria-expanded=true] .faq-icon{transform:rotate(180deg)}.faq-question[aria-expanded=true]{background:#4361ee0a;color:var(--primary)}.faq-answer{border-top:1px solid var(--border-light)}.faq-answer-inner{padding:20px 24px;color:var(--text-secondary);font-size:.95rem;line-height:1.7;background:var(--bg-white)}.faq-answer[hidden]{display:none}.cta-box{flex-direction:column;text-align:center;padding:32px 24px}.cta-actions{flex-direction:column;width:100%}.btn-buy-cta,.btn-compare-cta{justify-content:center;width:100%}}.faq-accordion-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}.faq-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit;color:var(--text-primary);transition:var(--transition)}.faq-question:hover{background:#4361ee0a}.faq-q-text{font-size:1.05rem;font-weight:600;padding-right:16px;line-height:1.5}.faq-icon{flex-shrink:0;color:var(--primary);transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.faq-question[aria-expanded=true] .faq-icon{transform:rotate(180deg)}.faq-question[aria-expanded=true]{background:#4361ee0a;color:var(--primary)}.faq-answer{border-top:1px solid var(--border-light)}.faq-answer-inner{padding:20px 24px;color:var(--text-secondary);font-size:.95rem;line-height:1.7;background:var(--bg-white)}.faq-answer[hidden]{display:none}