.header{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;transition:background .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s var(--ease-out);border-bottom:1px solid transparent}.header.scrolled{background:#ffffffd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm)}.header-topbar{background:var(--color-ink);color:#ffffffd1;font-size:12px;display:none}@media (min-width: 768px){.header-topbar{display:block}}.header-topbar .header-inner{display:flex;justify-content:space-between;align-items:center;height:38px}.header-topbar a:hover{color:var(--color-accent)}.header-tagline{display:inline-flex;align-items:center;gap:10px;letter-spacing:.04em}.tagline-line{display:inline-block;width:24px;height:2px;background:var(--color-accent)}.header-meta{display:inline-flex;align-items:center;gap:14px}.header-meta .dot{width:3px;height:3px;border-radius:50%;background:#ffffff80}.header-inner.header-main{display:flex;align-items:center;justify-content:space-between;height:72px;gap:32px}.logo{display:inline-flex;align-items:center;flex-shrink:0}.logo-image{height:40px;width:auto;display:block;transition:transform .3s var(--ease-out)}.logo:hover .logo-image{transform:scale(1.03)}.nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-size:15px;font-weight:500;color:var(--color-ink);transition:color .3s var(--ease-out)}.nav-link-text{position:relative;z-index:1}.nav-link-text:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:center;transition:transform .3s var(--ease-out)}.nav-link:hover{color:var(--color-accent)}.nav-link:hover .nav-link-text:after{transform:scaleX(1)}.menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px}@media (min-width: 1024px){.menu-toggle{display:none}}.menu-toggle span{display:block;width:100%;height:2px;background:var(--color-ink);border-radius:2px;transition:all .3s var(--ease-out)}@media (max-width: 1023px){.nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:0;background:#fff;border-top:1px solid var(--color-border);box-shadow:var(--shadow-md);max-height:0;overflow:hidden;opacity:0;transition:max-height .35s var(--ease-out),opacity .25s var(--ease-out),padding .35s var(--ease-out)}.nav.open{max-height:460px;padding:10px 0 18px;opacity:1}.nav-link{padding:14px 24px;justify-content:flex-start}.nav-link-text:after{display:none}}@media (max-width: 480px){.logo-image{height:34px}.header-inner.header-main{height:60px}}.footer{background:var(--color-ink);color:#ffffffc7;padding:64px 0 30px}.footer-top{display:grid;grid-template-columns:1.2fr 2fr;gap:64px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}@media (max-width: 820px){.footer-top{grid-template-columns:1fr;gap:44px}}.footer-logo{height:38px;width:auto;margin-bottom:22px}.footer-desc{font-size:14px;line-height:1.85;color:#fff9;max-width:380px;margin-bottom:26px}.footer-dot{width:3px;height:3px;border-radius:50%;background:#fff6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media (max-width: 520px){.footer-links{grid-template-columns:repeat(2,1fr);gap:30px 24px}}.footer-col-title{font-size:14px;font-weight:700;letter-spacing:.04em;color:#fff;margin-bottom:20px;position:relative;padding-left:12px}.footer-col-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;border-radius:2px;background:var(--color-accent)}.footer-col ul{display:flex;flex-direction:column;gap:13px}.footer-col a{display:inline-flex;align-items:center;font-size:14px;color:#ffffff94;transition:color .25s var(--ease-out),padding-left .25s var(--ease-out)}.footer-col a:before{content:"";width:0;height:1px;margin-right:0;background:var(--color-accent);transition:width .25s var(--ease-out),margin-right .25s var(--ease-out)}.footer-col a:hover{color:#fff;padding-left:4px}.footer-col a:hover:before{width:14px;margin-right:8px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:28px;flex-wrap:wrap}.footer-copy{font-size:13px;color:#ffffff73}.footer-legal{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.footer-beian{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#ffffff73;transition:color .25s var(--ease-out)}.footer-beian:hover{color:#ffffffe6}.police-badge{height:14px;width:auto}.about{background:var(--color-bg-soft);position:relative}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}@media (max-width: 960px){.about-grid{grid-template-columns:1fr;gap:56px}}.about-visual{position:relative}.about-image-frame{position:relative;width:100%;aspect-ratio:5 / 6;border-radius:var(--radius-xl);background:linear-gradient(160deg,#FFFFFF 0%,var(--color-accent-soft) 100%);border:1px solid var(--color-border);box-shadow:var(--shadow-md);overflow:hidden}.about-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.about-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--color-ink-muted)}.placeholder-label{font-size:14px;font-weight:600}.placeholder-meta{font-size:11px;letter-spacing:.08em;color:var(--color-ink-muted)}.frame-tick{position:absolute;width:26px;height:26px;border:3px solid var(--color-accent)}.frame-tick-tl{top:14px;left:14px;border-right:none;border-bottom:none}.frame-tick-tr{top:14px;right:14px;border-left:none;border-bottom:none}.frame-tick-bl{bottom:14px;left:14px;border-right:none;border-top:none}.frame-tick-br{bottom:14px;right:14px;border-left:none;border-top:none}.about-image-tag{position:absolute;bottom:24px;left:-24px;background:var(--color-accent);color:#fff;padding:16px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}@media (max-width: 960px){.about-image-tag{left:16px;bottom:16px;padding:12px 18px}}.tag-num{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1}.tag-label{font-size:11px;letter-spacing:.08em;margin-top:4px;opacity:.92}.about-content{padding-top:4px}.about-title{font-family:var(--font-display);font-size:clamp(24px,3.2vw,34px);font-weight:800;line-height:1.3;color:var(--color-ink);margin-bottom:18px}.about-lead{font-size:16px;color:var(--color-ink-muted);line-height:1.8}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0 40px}@media (max-width: 600px){.about-stats{grid-template-columns:repeat(2,1fr)}}.stat-card{position:relative;padding:22px 16px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:all .3s var(--ease-out)}.stat-card:hover{border-color:var(--color-accent);transform:translateY(-3px);box-shadow:var(--shadow-sm)}.stat-num{font-family:var(--font-display);font-size:30px;font-weight:800;color:var(--color-accent);line-height:1}.stat-suffix{font-size:16px;margin-left:2px}.stat-line{position:absolute;top:16px;left:50%;transform:translate(-50%);width:18px;height:2px;background:var(--color-accent)}.stat-label{margin-top:10px;font-size:12px;color:var(--color-ink-muted)}.product-list-page{background:var(--color-bg);min-height:100vh}.page-hero{position:relative;padding:160px 0 80px;overflow:hidden;background:var(--color-bg)}.page-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top left,rgba(255,107,53,.18),transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,107,53,.1),transparent 50%);z-index:0}.page-hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,107,53,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,53,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}.page-hero>.container{position:relative;z-index:1}.page-hero-eyebrow{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;background:var(--color-accent-soft);border:1px solid rgba(255,107,53,.25);border-radius:100px;font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--color-accent-light);margin-bottom:24px}.page-hero-eyebrow .eyebrow-line{width:24px;height:2px;background:var(--color-accent);display:inline-block}.page-hero-title{font-family:var(--font-display);font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin-bottom:18px}.title-accent{color:var(--color-accent);display:inline-block;position:relative}.page-hero-desc{font-size:17px;color:var(--color-text-muted);max-width:640px;line-height:1.7}.product-list-section{padding:64px 0 120px;background:var(--color-bg-elev)}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px;flex-wrap:wrap}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px}.filter-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;color:var(--color-text-muted);background:transparent;border-radius:100px;transition:all .3s var(--ease-out);white-space:nowrap}.filter-btn:hover{color:var(--color-text)}.filter-btn.active{background:var(--color-accent);color:#fff;font-weight:600}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;font-size:11px;font-weight:700;background:#ffffff26;border-radius:100px}.filter-btn:not(.active) .filter-count{background:var(--color-bg);color:var(--color-text-subtle)}.filter-meta{font-size:14px;color:var(--color-text-muted)}.filter-meta strong{color:var(--color-accent);font-size:18px;font-weight:800;font-family:var(--font-display);margin:0 4px}.product-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 960px){.product-list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.product-list-grid{grid-template-columns:1fr}}.product-list-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s var(--ease-out);position:relative}.product-list-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out);z-index:2}.product-list-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:var(--shadow-md)}.product-list-card:hover:before{transform:scaleX(1)}.product-list-card-image{position:relative;aspect-ratio:4 / 3;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-elev) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-list-card-img{width:100%;height:100%;object-fit:cover}.product-list-card-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--color-text-subtle)}.product-list-card-placeholder .ph-icon{font-size:48px;opacity:.6}.product-list-card-placeholder .ph-label{font-size:11px;letter-spacing:.1em}.product-list-card-cat{position:absolute;top:14px;left:14px;padding:6px 12px;background:#0f0e0dd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:100px;font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--color-accent-light)}.product-list-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}.product-list-card-title{font-size:18px;font-weight:700;color:var(--color-text);line-height:1.3}.product-list-card-desc{font-size:14px;color:var(--color-text-muted);line-height:1.65;flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-list-card-link{font-size:13px;font-weight:600;color:var(--color-accent);margin-top:6px;transition:color .3s var(--ease-out)}.product-list-card:hover .product-list-card-link{color:var(--color-accent-light)}.product-list-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:80px 0;color:var(--color-text-muted)}.product-list-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 24px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center}.empty-icon{font-size:48px;opacity:.6}.product-list-empty h3{font-size:18px;color:var(--color-text)}.product-list-empty p{font-size:14px;color:var(--color-text-muted);margin-bottom:12px}.home-products-more{display:flex;justify-content:center;margin-top:48px}.home-products-more .btn{text-decoration:none}@media (max-width: 768px){.filter-bar{flex-direction:column;align-items:stretch}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0}.filter-meta{text-align:right}}.home-products-grid{grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:28px}@media (max-width: 880px){.home-products-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}.contact{background:var(--color-bg-soft)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:stretch}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr;gap:28px}}.contact-info-card{background:var(--color-ink);color:#fff;border-radius:var(--radius-lg);padding:40px 36px;height:100%;display:flex;flex-direction:column}.contact-info-title{font-size:22px;font-weight:800;margin-bottom:28px}.contact-info-list{display:flex;flex-direction:column;gap:22px;flex:1}.contact-info-list li{display:flex;align-items:flex-start;gap:16px}.ci-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#ffffff14;color:var(--color-accent);display:flex;align-items:center;justify-content:center}.ci-icon svg{width:22px;height:22px}.ci-label{font-size:12px;color:#fff9;letter-spacing:.06em}.ci-value{font-size:16px;font-weight:600;margin-top:2px;color:#fff}.contact-form{padding:38px 36px;background:#fff;display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:14px;font-weight:600;color:var(--color-ink)}.field input,.field textarea{width:100%;padding:13px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;font-family:inherit;color:var(--color-ink);background:var(--color-bg-soft);transition:border-color .25s var(--ease-out),box-shadow .25s var(--ease-out),background .25s;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--color-ink-muted)}.field input:focus,.field textarea:focus{outline:none;border-color:var(--color-accent);background:#fff;box-shadow:0 0 0 4px #f25c221f}.contact-submit{margin-top:6px;padding:15px 24px;border-radius:100px;background:var(--color-accent);color:#fff;font-size:15px;font-weight:700;transition:all .3s var(--ease-out)}.contact-submit:hover:not(:disabled){background:var(--color-accent-dark);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.form-msg{padding:12px 16px;border-radius:var(--radius-md);font-size:14px}.form-msg.ok{background:#22a06e1a;color:#1f8a5b}.form-msg.err{background:#dc3c3c14;color:#c0392b}.product-detail-page{background:var(--color-bg);min-height:100vh;padding:120px 0 100px}.product-detail-page .container{max-width:1180px}.product-detail-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-muted);margin-bottom:32px;transition:color .3s var(--ease-out)}.product-detail-back:hover{color:var(--color-accent)}.back-arrow{transition:transform .3s var(--ease-out)}.product-detail-back:hover .back-arrow{transform:translate(-4px)}.product-detail-card{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:36px;margin-bottom:64px}@media (max-width: 900px){.product-detail-card{grid-template-columns:1fr;gap:32px;padding:24px}}.detail-visual{position:sticky;top:100px}@media (max-width: 900px){.detail-visual{position:static}}.detail-main-image{position:relative;width:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-elev) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:zoom-in}.detail-img{width:100%;height:100%;object-fit:cover}.detail-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-subtle)}.detail-placeholder .ph-icon{font-size:56px;opacity:.6}.detail-placeholder .ph-label{font-size:12px;letter-spacing:.1em}.detail-image-zoom{position:absolute;bottom:14px;right:14px;padding:6px 12px;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-accent, #4caf50);border-radius:100px;font-size:11px;color:var(--color-accent, #4caf50);font-weight:500;opacity:0;transition:opacity .3s var(--ease-out)}.detail-main-image:hover .detail-image-zoom{opacity:1}.detail-thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.detail-thumb{width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border);background:var(--color-bg);transition:all .3s var(--ease-out)}.detail-thumb img{width:100%;height:100%;object-fit:cover}.detail-thumb:hover{border-color:var(--color-text-muted)}.detail-thumb.active{border-color:var(--color-accent)}.detail-info{padding-top:4px}.detail-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-subtle);margin-bottom:16px}.detail-breadcrumb a{transition:color .3s var(--ease-out)}.detail-breadcrumb a:hover{color:var(--color-accent)}.crumb-current{color:var(--color-text-muted)}.product-detail-cat{display:inline-block;padding:6px 14px;background:var(--color-accent-soft);color:var(--color-accent);font-size:12px;font-weight:600;letter-spacing:.06em;border-radius:100px;margin-bottom:16px}.product-detail-title{font-family:var(--font-display);font-size:clamp(28px,3.6vw,40px);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin-bottom:16px}.product-detail-lead{font-size:16px;color:var(--color-text-muted);line-height:1.75;margin-bottom:28px}.detail-specs{display:flex;flex-direction:column;border-top:1px solid var(--color-border);margin-bottom:32px}.detail-spec-item{display:flex;justify-content:space-between;gap:16px;padding:14px 4px;border-bottom:1px solid var(--color-border);font-size:15px}.detail-spec-item dt{color:var(--color-text-muted);flex-shrink:0}.detail-spec-item dd{color:var(--color-text);font-weight:600;text-align:right}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}.detail-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:40px}@media (max-width: 600px){.detail-section{padding:28px 22px}}.detail-section .section-header{margin-bottom:32px}.rich-content-wrapper{color:var(--color-text-muted);line-height:1.85;font-size:15px}.rich-content-wrapper h2{font-family:var(--font-display);font-size:24px;color:var(--color-text);margin:32px 0 16px}.rich-content-wrapper h3{font-size:18px;color:var(--color-text);margin:24px 0 12px}.rich-content-wrapper p{margin-bottom:16px}.rich-content-wrapper ul,.rich-content-wrapper ol{margin:0 0 16px 1.4em}.rich-content-wrapper ul li{list-style:disc;margin-bottom:8px}.rich-content-wrapper ol li{list-style:decimal;margin-bottom:8px}.rich-content-wrapper strong{color:var(--color-text)}.rich-content-wrapper img{max-width:100%;border-radius:var(--radius-md);margin:16px 0}.detail-media-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:28px}.detail-media-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px}.media-card-title{font-size:18px;font-weight:700;color:var(--color-text);margin-bottom:12px}.media-card-desc{font-size:14px;color:var(--color-text-muted);line-height:1.7;margin-bottom:20px}.media-card-link{color:var(--color-accent);font-weight:600;font-size:14px;text-decoration:none}.media-card-link--disabled{color:var(--color-text-subtle);cursor:default}.detail-media-video{padding:0;overflow:hidden;background:#000;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.detail-media-video video{width:100%;height:100%;display:block}.detail-media-video-ph{color:var(--color-text-subtle);font-size:14px;letter-spacing:.08em}@media (max-width: 800px){.detail-media-grid{grid-template-columns:1fr}}.product-detail-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:100px 0;color:var(--color-text-muted)}.loading-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-detail-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:100px 24px;text-align:center}.error-icon{font-size:48px;opacity:.6}.product-detail-error h2{font-size:22px;color:var(--color-text)}.product-detail-error p{font-size:14px;color:var(--color-text-muted);margin-bottom:12px}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f0e0deb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:40px}.image-viewer-content{position:relative;max-width:90vw;max-height:90vh}.image-viewer-img{max-width:90vw;max-height:90vh;border-radius:var(--radius-md);display:block;box-shadow:var(--shadow-md)}.image-viewer-close{position:absolute;top:-44px;right:0;width:36px;height:36px;font-size:24px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;transition:all .3s var(--ease-out)}.image-viewer-close:hover{border-color:var(--color-accent);color:var(--color-accent)}.image-viewer-nav{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#0006;color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s var(--ease-out),border-color .3s var(--ease-out);z-index:1}.image-viewer-nav:hover{background:var(--color-accent);border-color:var(--color-accent)}.image-viewer-prev{left:24px}.image-viewer-next{right:24px}.image-viewer-counter{position:absolute;bottom:-34px;left:50%;transform:translate(-50%);color:#ffffffd9;font-size:14px;letter-spacing:1px}@media (max-width: 768px){.image-viewer-nav{width:40px;height:40px;font-size:24px}.image-viewer-prev{left:8px}.image-viewer-next{right:8px}}.detail-case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.detail-case-item{position:relative;display:block;width:100%;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);cursor:pointer;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)}.detail-case-item img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .4s var(--ease-out)}.detail-case-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.detail-case-item:hover img{transform:scale(1.06)}@media (max-width: 768px){.detail-case-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}:root{--color-accent: #F25C22;--color-accent-dark: #B83A0D;--color-accent-light: #F4732E;--color-accent-soft: #FFF2EB;--color-ink: #1F2328;--color-ink-soft: #4A4F57;--color-ink-muted: #6B7280;--color-bg: #FFFFFF;--color-bg-soft: #F7F8FA;--color-bg-elev: #FFFFFF;--color-surface: #FFFFFF;--color-border: #ECECEF;--color-text: var(--color-ink);--color-text-muted: var(--color-ink-soft);--color-text-subtle: var(--color-ink-muted);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display: var(--font-sans);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(31, 35, 40, .06);--shadow-md: 0 12px 32px rgba(31, 35, 40, .08);--shadow-lg: 0 24px 60px rgba(31, 35, 40, .1);--shadow-glow: 0 14px 40px rgba(242, 92, 34, .28);--ease-out: cubic-bezier(.22, 1, .36, 1);--max-width: 1180px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}.section-eyebrow,.spec-label,.float-label,.eyebrow-line,.footer-col a{font-size:12.5px}ul{list-style:none}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}.section{padding:96px 0}@media (max-width: 768px){.section{padding:64px 0}}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 18px}}.section-head{text-align:center;max-width:720px;margin:0 auto 56px}.section-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:100px;background:var(--color-accent-soft);color:var(--color-accent-dark);font-size:13px;font-weight:600;letter-spacing:.04em;margin-bottom:18px}.section-eyebrow .eyebrow-line{width:20px;height:2px;background:var(--color-accent)}.section-title{font-family:var(--font-display);font-size:clamp(30px,4.4vw,46px);font-weight:800;line-height:1.18;letter-spacing:-.02em;color:var(--color-ink)}.section-subtitle{margin-top:14px;font-size:16px;font-weight:400;color:var(--color-ink-muted);line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:13px 26px;border-radius:100px;font-size:15px;font-weight:600;transition:all .3s var(--ease-out);white-space:nowrap}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-ghost{background:#1f23280a;color:var(--color-ink)}.btn-ghost:hover{background:#1f232814;transform:translateY(-2px)}.btn-arrow-icon{display:inline-block;transition:transform .3s var(--ease-out)}.btn-primary:hover .btn-arrow-icon{transform:translate(4px)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .3s var(--ease-out)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:fadeUp .7s var(--ease-out) both}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}