:root{--bg: #f7f7f7;--surface: #141821;--text: #e6e8ef;--muted: #aab0c0;--primary: #5d7cff;--bg-hq: #f5f7fa;--surface-hq: #ffffff;--text-hq: #333333;--muted-hq: #667085;--border-hq: #e5e7eb;--primary-hq: #0D4290;--primary-weak-hq: #e7effa;--danger-hq: #e51f2b;--panel-hq: #ffffff;--panel-border-hq: #e5e7eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Arial}.container{max-width:1320px;margin:0 auto;padding:0 20px}.footer{border-top:1px solid #1e1e1e;padding:24px 0;margin-top:40px}.page{padding:32px 0}.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.inline{display:flex;gap:8px;align-items:center}@media (min-width: 640px){.grid{grid-template-columns:2fr 1fr}}.theme-hq{--bg: var(--bg-hq);--surface: var(--surface-hq);--text: var(--text-hq);--muted: var(--muted-hq);--border: var(--border-hq);--primary: var(--primary-hq);--primary-weak: var(--primary-weak-hq);--danger: var(--danger-hq);--panel: var(--panel-hq);--panel-border: var(--panel-border-hq)}.theme-hq .page{background:var(--bg)}.theme-hq a{color:var(--primary);text-decoration:none}.theme-hq a:hover{filter:brightness(1.05)}.btn{height:40px;padding:0 16px;border-radius:10px;border:1px solid #2a3350;background:#1a2030;color:#e6e8ef;cursor:pointer}.btn.primary{background:var(--primary);border-color:transparent;color:#fff}.field{margin-bottom:16px}.label{display:block;margin-bottom:6px;color:var(--muted)}.input,.select{width:100%;height:40px;border-radius:10px;border:1px solid #2a3350;background:#1a2030;color:#e6e8ef;padding:0 12px}.card{background:#141821;border:1px solid #1e2433;border-radius:12px;padding:20px}.badge{background:#e51f2b;color:#fff;border-radius:12px;padding:2px 6px;font-size:12px}.pill{font-size:12px;border-radius:12px;padding:2px 6px}.pill-new{background:#22c55e;color:#fff}.pill-sale{background:#f59e0b;color:#fff}.about-right{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;position:sticky;top:80px;align-self:start;color:#000}.about-menu{display:flex;flex-direction:column;gap:6px}.about-menu .item{display:block;text-decoration:none;color:#333;padding:8px 10px;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.about-menu .item.active{color:var(--primary);border-color:var(--primary);background:var(--primary-weak)}.caret{font-size:12px;color:var(--primary)}.unit{color:#aab0c0}.note{color:#aab0c0;font-size:12px;margin-top:6px}.theme-hq .card{background:var(--surface);border-color:var(--border);color:var(--text)}.theme-hq .label{color:#4b5563}.theme-hq .input{background:#fff;color:var(--text);border-color:var(--border)}.theme-hq .select{background:#fff;color:var(--text);border-color:var(--border);height:40px;border-radius:8px;padding:0 12px}.header{position:sticky;top:0;background:#111;border-bottom:1px solid #1e1e1e}.brand{color:#fff;text-decoration:none;font-weight:600}.nav{display:flex;gap:12px}.nav a{color:#cfd2dc;text-decoration:none;padding:8px 10px;border-radius:8px}.nav a.router-link-active{background:#1a2030}.dape-topbar{background:#2d2f33;color:#cfd2dc}.dape-top{display:flex;justify-content:space-between;align-items:center;height:32px;font-size:12px}.dape-top-right{display:flex;gap:12px}.dape-top-right a{color:#cfd2dc;text-decoration:none}.dape-top-right a:hover{color:#fff}.dape-lang-btn{border:1px solid rgba(255,255,255,.28);background:transparent;color:#cfd2dc;height:24px;padding:0 10px;border-radius:999px;cursor:pointer}.dape-lang-btn:hover{color:#fff;border-color:#ffffff80}.dape-top-right .dape-user{position:relative;display:inline-flex;align-items:center}.dape-top-right .dape-user-label{color:#cfd2dc;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.dape-top-right .dape-dropdown{left:auto;right:0;top:calc(100% + 10px);min-width:160px}.dape-top-right .dd-item{width:100%;border:0;background:transparent}.dape-nav .router-link-active{color:var(--primary);background:var(--primary-weak)}.dape-mainbar{background:#f7f7f7;color:#1a1a1a;border-bottom:1px solid #e5e7eb}.dape-main{display:flex;justify-content:space-between;align-items:center;height:72px}.dape-brand{display:flex;align-items:center;gap:12px}.dape-brand-title{font-size:20px;font-weight:700}.dape-brand-sub{font-size:12px;color:#666}.dape-nav{display:flex;gap:20px}.dape-nav .nav-item{color:#333;text-decoration:none;position:relative;padding:6px 8px;border-radius:6px;transition:color .15s ease,background .15s ease}.dape-nav .nav-item.active{color:var(--primary)}.dape-nav .nav-item:hover{color:var(--primary);background:var(--primary-weak)}.dape-nav .has-dropdown{position:relative}.dape-nav .nav-label{display:flex;align-items:center;gap:6px}.dape-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 20px #0000001f;padding:8px 0;z-index:100;opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none;transition:opacity .15s ease .25s,transform .15s ease .25s,visibility 0s linear .25s}.has-dropdown:hover .dape-dropdown,.has-dropdown:focus-within .dape-dropdown{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .15s ease .25s,transform .15s ease .25s,visibility 0s linear .25s}.dape-dropdown .dd-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:#333;text-decoration:none}.dape-dropdown .dd-item:hover,.dape-dropdown .router-link-active{background:#f5f7fa}.dape-subnav{background:#fff}.dape-sub{display:flex;gap:16px;align-items:center;height:44px}.dape-sub .sub-item{color:#666;text-decoration:none;padding:6px 10px;border-radius:6px;transition:color .15s ease,background .15s ease}.dape-sub .sub-item.active,.dape-sub .router-link-active,.dape-sub .sub-item:hover{color:var(--primary);background:var(--primary-weak)}.pcb-grid{display:grid;grid-template-columns:120px 1fr 360px;gap:20px}.main-wrap{display:flex;flex-direction:column;gap:20px}.side{position:sticky;top:80px;width:120px;align-self:start}.side-tabs{display:flex;flex-direction:column;gap:8px}.side-tab{height:36px;border-radius:8px;background:#1a2030;color:#cfd2dc;border:1px solid #2a3350}.side-tab.active{background:#17c964;color:#092b1b;border-color:#17c964}.quote-right{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;position:sticky;top:20px;align-self:start;color:#000}.side-section{border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:12px;background:#fff;color:#000}.side-title{font-weight:600;margin:0 0 8px;color:#000}.lead-list{color:#000;font-size:12px}.quote-right .label,.quote-right .select{color:#000}.fee-box{border:1px dashed var(--border);border-radius:10px;padding:10px;margin-top:8px;background:#fafafa}.fee-row{display:flex;justify-content:space-between;margin:6px 0}.fee-total{display:flex;justify-content:space-between;margin-top:8px;font-weight:700}.fee-total .price{color:#e51f2b}.cta{display:block;width:100%;height:44px;border-radius:999px;background:#17c964;color:#fff;border:0;font-weight:700}.cta:hover{filter:brightness(1.05)}.content .hint{background:#fff8e1;color:#7a5d00;border:1px solid #ffecb3;padding:10px;border-radius:8px;margin-bottom:12px}.panel{background:#161c29;border:1px solid #243045;border-radius:12px;padding:16px;margin-bottom:12px}.upload-box{display:flex;align-items:center;gap:12px;justify-content:center;height:120px;border:2px dashed #2a3350;border-radius:12px;background:#1a2030}.upload-icon{font-size:24px;color:#22c55e}.upload-note{color:#aab0c0;margin-top:8px;font-size:12px;text-align:center}.tag-hot{background:#e51f2b;color:#fff;border-radius:12px;padding:2px 6px;font-size:12px;margin-left:8px}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg-item{height:36px;padding:0 12px;border-radius:8px;border:1px solid #2a3350;background:#1a2030;color:#cfd2dc}.seg-item.active{background:#17c964;color:#092b1b;border-color:#17c964}.seg-badge{margin-left:6px;border-radius:10px;padding:2px 6px;font-size:12px}.seg-color{display:flex;gap:8px;flex-wrap:wrap}.seg-color .seg-item{display:flex;align-items:center;gap:8px}.form-row{display:flex;align-items:flex-start;margin-bottom:20px}.form-label{width:100px;text-align:right;padding-right:16px;padding-top:8px;color:#666;font-size:14px;flex-shrink:0}.form-control{flex:1}.form-label i{margin-left:4px;cursor:pointer;color:#999;position:relative}.form-label i:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px 12px;background:#000c;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;z-index:10;margin-bottom:8px;font-style:normal;line-height:1.4;box-shadow:0 2px 8px #00000026}.form-label i:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000c;margin-bottom:-4px;z-index:10}.checkbox-group{display:flex;gap:12px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.input-group{display:flex;align-items:center;gap:8px}.input-suffix{background:#fafafa;border:1px solid #d9d9d9;border-left:0;height:32px;padding:0 8px;display:flex;align-items:center;border-radius:0 4px 4px 0;color:#666;font-size:12px}.input-has-suffix{border-radius:4px 0 0 4px}.req-star{color:#ff4d4f;margin-right:4px;font-family:SimSun,sans-serif}.req-tip{color:#ff4d4f;font-size:12px;margin-left:8px}.mat-table{border:1px solid #e5e7eb;border-radius:4px;overflow:hidden;font-size:13px;width:100%;padding-bottom:6px;background:#fff}.mat-head{display:flex;background:#fff;color:#666;border-bottom:1px solid #e5e7eb;font-weight:400;padding:0}.mat-head>div{padding:10px 12px;text-align:center}.mat-row{display:flex;background:#fff;color:#333;padding:0;cursor:pointer;transition:all .15s;border:1px solid transparent;align-items:center;margin:0 6px;position:relative;border-radius:4px}.mat-row:hover{background:#fafafa}.mat-row.active{background:#f0fdf4;border:1px solid #17c964;z-index:1;position:relative}.mat-row>div{padding:10px 12px;text-align:center}.col-brand{flex:2;display:flex;align-items:center;justify-content:flex-start!important;padding-left:20px!important}.col-model{flex:1}.col-tg,.col-flame{flex:1;color:#333}.col-fee{flex:1.5;color:#333}.mat-row.active .col-tg,.mat-row.active .col-flame,.mat-row.active .col-fee{color:#17c964}.check-circle{width:16px;height:16px;border:1px solid #d9d9d9;border-radius:50%;margin-right:10px;display:flex;align-items:center;justify-content:center;background:#fff}.mat-row.active .check-circle{background:#17c964;border-color:#17c964}.check-circle svg{width:10px;height:10px}.brand-name,.mat-row.active .brand-name{color:#333}.pdf-icon{margin-left:8px;width:16px;height:16px;display:inline-flex}.pdf-icon svg{width:100%;height:100%}.upload-area{border:2px dashed #17c964;background:#f0fdf4;border-radius:8px;text-align:center;padding:32px;position:relative}.upload-circle{width:64px;height:64px;background:#17c964;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff;font-size:32px}.upload-text{font-size:16px;color:#333;font-weight:500}.upload-sub{font-size:12px;color:#999;margin-top:8px}.upload-unsupported{margin-top:16px;font-size:12px;color:#999;background:#f9fafb;padding:8px;border-radius:4px;display:inline-block}.quote-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #eee;padding-bottom:12px}.quote-title{font-size:18px;font-weight:700;color:#333}.quote-hint{background:#fffbe6;border:1px solid #ffe58f;padding:8px 12px;border-radius:4px;color:#595959;font-size:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hint-tag{color:#fa8c16;background:#fff7e6;border:1px solid #ffd591;padding:1px 5px;border-radius:2px;margin-right:8px;font-size:12px}.swatch{width:16px;height:16px;border-radius:4px;border:1px solid #d1d5db}.swatch.green{background:#16a34a}.swatch.blue{background:#2563eb}.swatch.red{background:#ef4444}.swatch.yellow{background:#f59e0b}.swatch.black{background:#111827}.swatch.matte{background:#1f2937}.swatch.white{background:#fff}.notice-list{margin-top:8px;color:#9a6a00;font-size:12px}.notice-list .item{display:flex;gap:6px;align-items:flex-start;margin-top:6px}.notice-list .dot{color:#f59e0b}.active-mark{position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 20px 20px;border-color:transparent transparent #17c964 transparent;display:flex;align-items:center;justify-content:center}.active-mark svg{position:absolute;bottom:-19px;right:1px;width:8px;height:8px}.anchor-nav{list-style:none;margin:0;padding:0 0 0 16px;display:flex;flex-direction:column;gap:20px;border-left:1px solid #e5e7eb;position:relative}.anchor-item{display:flex;align-items:center;gap:6px;color:#333;text-decoration:none;font-size:14px;transition:all .2s;position:relative;padding-left:12px}.anchor-item.active{color:#17c964;font-weight:600;font-size:16px}.nav-icon{display:flex;align-items:center;position:absolute;left:-24px;background:#f5f7fa;padding:2px 0}.nav-icon svg{fill:#fff}.anchor-item:hover{color:#17c964}.theme-hq .content .hint{background:#fff8e1;color:#7a5d00;border-color:#ffecb3}.theme-hq .panel{background:var(--panel);border-color:var(--panel-border)}.theme-hq .upload-box{background:#f9fafb;border-color:var(--border)}.theme-hq .upload-icon{color:var(--primary)}.theme-hq .upload-note{color:var(--muted)}.theme-hq .tag-hot{background:#ff4d4f;color:#fff}.theme-hq .seg-item{background:#fff;color:#333;border:1px solid #d1d5db;position:relative;overflow:visible}.theme-hq .seg-item.active{background:#fff;color:#17c964;border-color:#17c964;box-shadow:0 0 0 1px #17c964 inset}.theme-hq .seg-item.active .fpc-order .upload-area,.theme-hq .seg-item.active .fpc-order .mat-table{border:0!important;background:transparent!important;box-shadow:none!important}.theme-hq .seg-item.active .fpc-order .mat-head{border-bottom:0!important}.theme-hq .seg-item.active .fpc-order .mat-row{border:0!important;margin:0!important;background:transparent!important;box-shadow:none!important}.theme-hq .seg-item.active .fpc-order .mat-row.active{border:0!important;background:transparent!important;box-shadow:none!important}.theme-hq .seg-badge{position:absolute;top:-10px;right:-10px;z-index:2;font-size:10px;transform:scale(.9)}.theme-hq .mat-table{border-color:#e5e7eb}.theme-hq .mat-head{background:#fff;color:#999}.theme-hq .mat-row{background:#fff;color:#333;border-top:none}.theme-hq .mat-row.active{outline:none}.dape-footer[data-v-b51adcc8]{margin-top:40px}.dape-footer-top[data-v-b51adcc8]{background:#273245;color:#dbe5f5;border-top:1px solid #314057}.dape-footer-bottom[data-v-b51adcc8]{background:#fff;border-top:1px solid #e5e7eb;color:#526075}.footer-row[data-v-b51adcc8]{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-brand[data-v-b51adcc8]{font-weight:600;letter-spacing:.2px}.footer-contact a[data-v-b51adcc8]{color:#e6efff;text-decoration:none}.footer-contact a[data-v-b51adcc8]:hover{color:#fff}.footer-links[data-v-b51adcc8]{display:flex;gap:14px;flex-wrap:wrap}.footer-links a[data-v-b51adcc8]{color:#526075;text-decoration:none}.footer-links a[data-v-b51adcc8]:hover{color:#0d4290}.dape-float-qr[data-v-96e266cc]{position:fixed;right:18px;bottom:22px;z-index:1200;width:116px;padding:6px;border-radius:12px;background:#fff;border:1px solid #dbe5f4;box-shadow:0 8px 22px #0f357d38}.dape-float-tip[data-v-96e266cc]{display:block;margin-bottom:6px;padding:4px 8px;border-radius:8px;background:#0d4290;color:#fff;font-size:12px;line-height:1.2;text-align:center}.dape-float-qr img[data-v-96e266cc]{display:block;width:100%;height:auto;border-radius:8px}@media (max-width: 760px){.dape-float-qr[data-v-96e266cc]{width:88px;right:10px;bottom:12px;padding:4px}.dape-float-tip[data-v-96e266cc]{font-size:10px;margin-bottom:4px;padding:3px 4px}}.qty-selector[data-v-24a8c335]{position:relative;display:inline-block}.qty-select[data-v-24a8c335]{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:200px;height:40px;padding:0 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#333;cursor:pointer;transition:all .2s}.qty-select[data-v-24a8c335]:hover{border-color:#17c964}.qty-value[data-v-24a8c335]{font-size:14px;color:#333}.caret[data-v-24a8c335]{color:#999;transition:transform .2s}.caret.rotate[data-v-24a8c335]{transform:rotate(180deg)}.qty-dropdown[data-v-24a8c335]{position:absolute;top:calc(100% + 8px);left:0;width:380px;max-height:400px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 16px #0000001a;z-index:100}.qty-section[data-v-24a8c335]{padding:12px 16px;border-bottom:1px solid #f0f0f0}.qty-section[data-v-24a8c335]:last-child{border-bottom:none}.qty-section-title[data-v-24a8c335]{font-size:12px;color:#999;margin-bottom:8px;font-weight:500}.qty-grid[data-v-24a8c335]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.qty-item[data-v-24a8c335]{height:36px;padding:0;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#333;font-size:14px;cursor:pointer;transition:all .15s}.qty-item[data-v-24a8c335]:hover{border-color:#17c964;background:#f0fdf4}.qty-item.active[data-v-24a8c335]{background:#17c964;color:#fff;border-color:#17c964}.custom-section[data-v-24a8c335]{padding:16px;background:#fafafa}.custom-input-wrapper[data-v-24a8c335]{display:flex;gap:8px}.custom-input[data-v-24a8c335]{flex:1;height:36px;padding:0 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;outline:none;transition:border-color .15s}.custom-input[data-v-24a8c335]:focus{border-color:#17c964}.custom-btn[data-v-24a8c335]{height:36px;padding:0 16px;background:#17c964;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .15s}.custom-btn[data-v-24a8c335]:hover{background:#14b861}.qty-dropdown[data-v-24a8c335]::-webkit-scrollbar{width:6px}.qty-dropdown[data-v-24a8c335]::-webkit-scrollbar-track{background:#f0f0f0}.qty-dropdown[data-v-24a8c335]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.order-card{border:1px solid #eee;border-radius:8px;background:#fff}.order-head{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #f0f0f0}.order-meta{display:flex;gap:8px;align-items:center;color:#888;font-size:12px}.order-actions{display:flex;gap:8px}.order-body{display:grid;grid-template-columns:1.6fr .8fr .8fr .6fr;gap:12px;padding:12px}.file{display:flex;gap:12px;align-items:center}.file-thumb{width:48px;height:48px;border-radius:4px;background:#f5f7fa}.file-info{display:flex;flex-direction:column}.file-name{font-weight:600;color:#333}.file-desc{color:#888;font-size:12px}.order-price{display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:center}.order-price .amount{font-size:16px;font-weight:700;color:#333}.order-price .weight{color:#888;font-size:12px}.order-status{display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:center}.status-tag{background:#f5f7fa;color:#333;border:1px solid #e5e7eb;border-radius:12px;padding:2px 8px;font-size:12px}.order-progress{display:flex;align-items:center;justify-content:center}.circle{position:relative;width:60px;height:60px}.circle svg{transform:rotate(-90deg)}.circle .bg{fill:none;stroke:#eee;stroke-width:4}.circle .fg{fill:none;stroke:#17c964;stroke-width:4;stroke-linecap:round}.circle .pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#333}.order-foot{display:flex;justify-content:space-between;align-items:center;padding:12px;border-top:1px solid #f0f0f0}.order-foot .amount{color:#ff4d4f;font-weight:700}.btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:6px 10px}.btn.small{padding:4px 8px;font-size:12px}.btn:disabled{opacity:.5}.seg{display:flex;gap:8px}.seg-item{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 10px}.seg-item.active{color:#17c964;border-color:#17c964}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border:1px solid #e5e7eb;padding:10px 12px;text-align:left;font-size:14px;color:#333;vertical-align:middle}.table thead th{background:#eaf4ff;font-weight:600;position:sticky;top:0;z-index:1;border-bottom:2px solid #1890ff}.table tbody tr:nth-child(odd){background:#f5fbff}.table colgroup col:last-child{display:none}.table th:last-child,.table td:last-child{display:none}.first-col{font-weight:600;color:#1890ff;text-align:center;width:70px}.table-wrap{overflow:visible;border:1px solid #dbeafe;border-radius:8px;background:#fff}.img-ph{width:100px;height:48px;background:#f0f7ff;border:1px dashed #b6cff9;border-radius:4px}.showroom{display:flex;flex-direction:column;gap:18px}.page-title{margin:0 0 8px;color:#0f2547}.masonry{border:1px solid #e6eefb;border-radius:16px;padding:14px;background:#fff;column-count:3;column-gap:14px}.tile{break-inside:avoid;margin:0 0 14px;border-radius:12px;overflow:hidden;background:#f8fbff;border:1px solid #e8eef8}.tile-image-btn{border:0;padding:0;width:100%;background:transparent;cursor:zoom-in}.tile-image{display:block;width:100%;height:auto}.tile-title{padding:8px 10px;font-size:14px;font-weight:600;color:#1f2d3d}.preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#091222cc;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.preview-close{position:absolute;right:16px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff29;color:#fff;font-size:26px;line-height:1;cursor:pointer}.preview-image{display:block;max-width:min(1200px,95vw);max-height:82vh;width:auto;height:auto;border-radius:10px;box-shadow:0 12px 30px #00000073}.preview-title{margin-top:10px;color:#fff;font-size:15px}@media (max-width: 1080px){.masonry{column-count:2}}@media (max-width: 700px){.masonry{column-count:1}}.showroom{display:flex;flex-direction:column;gap:14px}.showroom-head{padding:6px 2px}.page-title{margin:0 0 6px;color:#0f2547}.subtitle{margin:0;color:#5f6b7a}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.prod-card{border:1px solid #e4ecfa;border-radius:12px;padding:10px;background:#fff;box-shadow:0 6px 18px #0f357d14}.thumb{width:100%;height:auto;display:block;border-radius:8px;margin-bottom:8px}.title{font-weight:700;color:#1f2d3d;margin-bottom:8px}.meta-grid{display:grid;grid-template-columns:1fr;gap:4px}.meta-item{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.5}.k{color:#667892}.v{color:#2d3e50;text-align:right}.error-tip{color:#b45309;font-size:13px;padding:2px 2px 0}@media (max-width: 1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 740px){.grid{grid-template-columns:1fr}}.vr-wrap{border:1px solid #dbeafe;border-radius:8px;padding:12px;background:#fff;display:flex;gap:12px}.vr-side{width:220px;border-right:1px dashed #e5e7eb;padding-right:12px}.vr-title{font-size:14px;color:#111827;margin-bottom:8px}.vr-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}.vr-item{display:block;text-align:left;border:1px solid #e5e7eb;background:#f9fafb;border-radius:6px;padding:8px 10px;font-size:13px;color:#111827;cursor:pointer}.vr-item.active{border-color:#60a5fa;background:#eff6ff}.vr-main{flex:1;position:relative}.vr-frame{height:60vh;min-height:420px;background:#000;border-radius:4px;width:100%}.vr-mask{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#0000004d;border-radius:4px}.vr-error{position:absolute;left:0;right:0;bottom:8px;color:#ff4d4f;text-align:center;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.field{display:flex;flex-direction:column;gap:6px}.label{color:#666}.result{margin-top:12px;padding:12px;border:1px solid #dbeafe;border-radius:8px;background:#eaf4ff;color:#333}.input{border:1px solid #d1d5db;border-radius:4px;padding:6px 10px}.select{border:1px solid #d1d5db;border-radius:4px;padding:6px 10px;background:#fff}@media (max-width: 960px){.form-grid{grid-template-columns:repeat(2,1fr)}}.gal{width:100%;height:220px;object-fit:cover;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 16px #0000000f;cursor:pointer}.gal:hover{transform:translateY(-2px);transition:transform .2s ease}.lb-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.lb-img{max-width:92vw;max-height:92vh;border-radius:12px;box-shadow:0 12px 24px #0000004d}.hero{position:relative;height:280px;border-radius:16px;overflow:hidden;margin-bottom:12px;background-size:cover;background-position:center}.hero-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0d4290d9,#0d42908c,#0d429040)}.hero-inner{position:absolute;left:24px;bottom:24px;color:#fff}.hero-title{font-size:26px;font-weight:700;letter-spacing:.5px}.hero-sub{margin-top:6px;font-size:14px;opacity:.95}.hero-cta{display:inline-block;margin-top:10px;background:#0d4290;color:#fff;padding:8px 14px;border-radius:10px;text-decoration:none;box-shadow:0 6px 16px #0d429059}.hero-cta:hover{filter:brightness(1.05)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.stat{background:#f7fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px;text-align:center}.stat .num{color:#0d4290;font-size:20px;font-weight:700}.stat .label{color:#64748b;font-size:12px;margin-top:4px}