*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}html{scrollbar-gutter:stable}:root{--bg:#fff;--bg-warm:#faf8f5;--bg-hover:#f5f7fa;--bg-active:#f5f7fa;--bg-code:#f6f8fa;--bg-disabled:#f0f0f0;--bg-header:#fff;--bg-selected:#f0faf6;--bg-backdrop:#00000080;--bg-overlay:#00000073;--bg-footer:#fff3;--surface:#fff;--surface-alt:#faf8f5;--surface-hover:#fdfcfa;--surface-active:#fdfcfa;--border:#e4e0da;--border-light:#ece9e3;--border-active:#c5bfb5;--border-divider:#e4e7ed;--border-tab:#e5e5e5;--accent:#1a6b4a;--accent-light:#e8f5ee;--accent-hover:#14573c;--accent-glow:#0a8f6b1a;--accent-10:#1a6b4a1a;--accent-20:#1a6b4a33;--accent-50:#1a6b4a80;--sensor-hue:#2563eb;--sensor-bg:#eff6ff;--sensor-border:#bfdbfe;--receiver-hue:#d97706;--receiver-bg:#fffbeb;--receiver-border:#fde68a;--tool-hue:#9c27b0;--tool-bg:#f5f3ff;--tool-border:#d8b4fe;--success:#16a34a;--success-light:#f0fdf4;--success-border:#bbf7d0;--warning:#d97706;--warning-light:#fffbeb;--warning-border:#fde68a;--error:#dc2626;--error-light:#fef2f2;--error-border:#fecaca;--info:#2563eb;--info-light:#eff6ff;--info-border:#bfdbfe;--video-bilibili:#fb7299;--video-bilibili-light:#fff0f5;--doc-icon-color:var(--accent);--faq-badge-bg:var(--accent-light);--faq-badge-border:#1a6b4a26;--icon-bg-header:linear-gradient(135deg, #1a1a1a, #1b5e20 40%, #388e3c);--tab-active:#1677ff;--tab-hover:#333;--tab-inactive:#666;--tab-border:#e5e5e5;--spinner-border:#f3f3f3;--spinner-top:#3498db;--count-badge-bg:#f0f0f0;--count-badge-text:#666;--spec-item-bg:#f5f7fa;--spec-item-border:#e4e7ed;--spec-label-color:#909399;--spec-value-color:#303133;--text:#1a1a1a;--text-mid:#555550;--text-muted:#696662;--text-light:#b0aca5;--text-overlay:#1a1a1a99;--text-footer:#909399;--text-footer-hover:#606266;--text-sec:#5c564e;--text-dim:#736e68;--font-sans:"DM Sans", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif:"Cormorant Garamond", "Noto Serif SC", Georgia, serif;--font-mono:"DM Mono", "JetBrains Mono", "Fira Code", monospace;--font-xs:9px;--font-sm:10px;--font-base:12px;--font-md:13px;--font-lg:14px;--font-xl:16px;--font-2xl:19px;--font-3xl:22px;--font-4xl:28px;--font-5xl:36px;--font-6xl:48px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--leading-loose:2;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.05em;--tracking-wider:.1em;--radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-full:9999px;--radius-circle:50%;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:28px;--spacing-4xl:32px;--spacing-5xl:40px;--spacing-6xl:48px;--spacing-7xl:64px;--spacing-8xl:80px;--gap-xs:4px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--gap-section:48px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--container-padding:24px;--icon-size-sm:20px;--icon-size-md:24px;--icon-size-lg:42px;--btn-height-sm:28px;--btn-height-md:36px;--btn-height-lg:44px;--input-height-sm:28px;--input-height-md:36px;--input-height-lg:44px;--header-height:56px;--sidebar-width:260px;--sidebar-width-collapsed:64px;--table-row-height:40px;--table-header-height:44px;--input-bg:var(--surface);--input-border:var(--border);--input-border-focus:var(--accent);--input-placeholder:var(--text-light);--input-disabled-bg:var(--bg-disabled);--checkbox-size:16px;--radio-size:16px;--switch-width:44px;--switch-height:24px;--focus-ring:0 0 0 3px var(--accent-20);--shadow-xs:0 1px 2px #00000008;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 16px #0000000f, 0 1px 4px #0000000a;--shadow-lg:0 8px 32px #00000014, 0 2px 8px #0000000a;--shadow-xl:0 12px 48px #0000001f, 0 4px 12px #0000000f;--shadow-inner:inset 0 2px 4px #0000000f;--shadow-accent:0 4px 16px #1a6b4a33;--shadow-none:none;--shadow-header-icon:0 4px 16px #097b2255;--shadow-nav-btn:0 2px 8px #0000000f;--shadow-nav-btn-hover:0 4px 16px #1e40af26;--transition-fast:.15s;--transition-base:.2s;--transition-slow:.3s;--transition-slower:.45s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-dropdown:100;--z-sticky:200;--z-header:300;--z-overlay:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--scrollbar-width:6px;--scrollbar-track:transparent;--scrollbar-thumb:var(--text-light);--scrollbar-thumb-hover:var(--text-muted);--text-header-title:var(--text);--text-header-subtitle:var(--text-muted);--text-header-icon:#fff;--font-header-title:24px;--font-header-subtitle:13px;--font-header-icon:22px;--font-header-btn:14px;--icon-header-size:42px;--btn-header-bg:linear-gradient(135deg, #1e40af14, #3b82f614);--btn-header-border:transparent;--gap-header:16px;--gap-header-btn:8px;--btn-header-gradient:linear-gradient(135deg, #1e40af14, #3b82f614);--btn-header-gradient-hover:linear-gradient(135deg, #1e40af1f, #3b82f61f);--btn-header-border-color:#1e40af33;--btn-header-border-color-hover:#1e40af59;--f-addr:#0a7a5c;--f-fc:#2563a8;--f-addr-h:#7c3aed;--f-count:#b8860b;--f-data:#0a7a5c;--f-bytecnt:#c06020;--f-crc:#c06020;--f-err:#c44040}@media (width<=768px){#app .main-wrapper{flex-direction:column;gap:12px;padding:12px}#app .header-inner{flex-wrap:wrap;gap:10px;padding:10px}#app .header-left{gap:10px}#app .header-title{font-size:18px}#app .header-subtitle{font-size:11px}#app .logo-mark{border-radius:8px;width:34px;height:34px;font-size:18px}#app .nav-btn{gap:6px;padding:8px 12px;font-size:12px}#app .icon{font-size:16px}#app .sidebar-container{width:100%;height:auto;position:relative;top:0;overflow:visible}#app .sidebar{flex-direction:column;gap:12px;width:100%;max-height:none;padding-bottom:0;padding-right:0;overflow:visible}#app .filter-group{width:100%;min-width:100%;margin-top:6px;margin-bottom:10px}#app .filter-label{margin-bottom:8px;font-size:13px}#app .search-box{width:100%;min-width:100%;margin-bottom:0}#app .search-box input{padding:11px 14px 11px 38px;font-size:14px}#app .clear-btn{display:none}#app .sidebar-tmp{margin-top:10px}#app .content{padding:0}#app .results-bar{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}#app .results-text{font-size:var(--font-base)}#app .sort-select{width:100%;font-size:var(--font-base);padding:6px 10px}#app .product-collapse-item{border-radius:var(--radius-sm)}#app .collapse-header-content{gap:var(--spacing-md);min-height:auto}#app .card-body-inner{padding:var(--spacing-xs);gap:var(--spacing-xs);grid-template-columns:1fr}#app .product-img{width:50px;height:50px;margin-top:0}#app .card-top-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}#app .type-pill{font-size:var(--font-xs);padding:2px 8px}#app .card-model{font-size:var(--font-lg)}#app .card-desc{margin-bottom:var(--spacing-sm);font-size:11px;display:-webkit-box}#app .card-specs.expanded .spec-item{width:100%}#app .card-specs,#app .card-tags{width:calc(100% + 55px);position:relative;top:5px;left:-60px}#app .block-content{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(100%,1fr));display:grid}#app .faq-q-block{-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#app .spec-item{margin-bottom:6px;margin-right:6px;padding:2px 6px;font-size:11px}#app .card-tags{gap:4px}#app .card-tag{font-size:var(--font-xs);padding:2px 6px}#app .block-title{margin-bottom:var(--spacing-md);font-size:11px}#app .doc-link{height:auto;min-height:40px;font-size:var(--font-sm);gap:var(--spacing-sm);margin-bottom:0;padding:6px 10px}#app .doc-link .doc-icon{font-size:var(--font-3xl)}#app .doc-icon{font-size:24px}#app .video-link{gap:var(--spacing-md);margin-bottom:0;padding:8px 10px}#app .video-thumb{width:44px;height:23px}#app .play-btn{width:15px;height:15px}#app .video-name,#app .faq-q{font-size:var(--font-sm)}#app .faq-a{font-size:var(--font-sm);padding-left:15px;padding-right:5px}#app .q-badge{width:26px;height:26px;font-size:var(--font-xs);padding:2px 6px}#app .empty-state{padding:60px 20px}#app .empty-state h3{font-size:var(--font-xl)}#app .empty-state p{font-size:var(--font-base)}#app .empty-tips{gap:var(--spacing-md);flex-wrap:wrap;width:90%}#app .empty-tips>div{flex:40%}#app .empty-tips-id{width:30px;height:30px;line-height:30px;font-size:var(--font-base)}#app .thumbnail,#app .toolbar-left .el-button,#app .toolbar-center .el-button,#app .toolbar-right-scale,#app .btn-label,#app .zoom-buttons,#app .zoom-label,#app .download{display:none}#app .toolbar{gap:8px;height:52px;min-height:52px;padding:0 12px}#app .doc-title{max-width:300px;font-size:14px}#app .download-btn{width:34px;height:32px;padding:0 8px}#app .page-input{width:42px;height:28px;font-size:12px}#app .zoom-text{min-width:42px;padding:3px 6px;font-size:11px}#app .pdf-sidebar{width:160px}#app .viewport{gap:16px;padding:20px 16px 60px}#app .error-box{padding:28px}#app .toolbar-left{flex:none}}.app-wrapper{background-color:var(--bg);flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.icp-footer{padding:var(--spacing-md) 0;background-color:var(--bg-footer);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid var(--border-divider);text-align:center;font-size:var(--font-base);color:var(--text-footer)}.icp-footer a{color:var(--text-footer);transition:color var(--transition-base);text-decoration:none}.icp-footer a:hover{color:var(--text-footer-hover);text-decoration:underline}@media (width<=600px){.icp-footer{padding:10px 0;font-size:11px}}@media (width<=480px){.icp-footer{padding:8px 0;font-size:10px}}