@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{--bg-primary:#060b14;--bg-secondary:#0c1525;--bg-tertiary:#111d33;--bg-card:#0c1525bf;--bg-card-hover:#111d33e6;--text-primary:#e8edf5;--text-secondary:#8b9cb8;--text-muted:#546680;--accent:#3b82f6;--accent-light:#60a5fa;--accent-glow:#3b82f659;--cyan:#22d3ee;--cyan-glow:#22d3ee33;--amber:#f59e0b;--emerald:#10b981;--red:#ef4444;--border:#3b82f61a;--border-hover:#3b82f647;--border-light:#ffffff0f;--radius-sm:6px;--radius:12px;--radius-lg:20px;--radius-xl:28px;--max-width:1200px;--header-h:72px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text-primary);background:var(--bg-primary);font-family:DM Sans,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-1;opacity:.35;pointer-events:none;background-image:radial-gradient(circle,#3b82f612 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 700px at 15% 0,#3b82f60e 0%,#0000 70%),radial-gradient(700px 900px at 85% 100%,#22d3ee09 0%,#0000 70%),radial-gradient(600px 600px at 55%,#f59e0b04 0%,#0000 70%);position:fixed;inset:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-family:Outfit,PingFang SC,Microsoft YaHei,sans-serif;font-weight:600;line-height:1.3}h1{font-size:clamp(2.4rem,5vw,3.8rem)}h2{font-size:clamp(1.7rem,3.5vw,2.4rem)}h3{font-size:1.2rem}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-light)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.section-badge{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);background:#3b82f61a;border:1px solid #3b82f62e;border-radius:100px;margin-bottom:18px;padding:5px 14px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:600;display:inline-block}.section-title{letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.02rem;line-height:1.7}.text-center{text-align:center}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);transition:all .35s var(--ease-out)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 0 30px #3b82f61f}.btn,.btn-ghost,.btn-outline,.btn-primary{cursor:pointer;transition:all .3s var(--ease-out);white-space:nowrap;border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 28px;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 24px var(--accent-glow)}.btn-primary:hover{box-shadow:0 6px 32px var(--accent-glow);color:#fff;background:#2563eb;transform:translateY(-1px)}.btn-outline{color:var(--text-primary);background:0 0;border:1px solid #ffffff2e}.btn-outline:hover{border-color:var(--accent);color:#fff;background:#3b82f614}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0a}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(36px)}.reveal.revealed,.revealed .reveal{opacity:1;transform:translateY(0)}.stagger-reveal>.reveal:first-child{transition-delay:50ms}.stagger-reveal>.reveal:nth-child(2){transition-delay:.12s}.stagger-reveal>.reveal:nth-child(3){transition-delay:.19s}.stagger-reveal>.reveal:nth-child(4){transition-delay:.26s}.stagger-reveal>.reveal:nth-child(5){transition-delay:.33s}.stagger-reveal>.reveal:nth-child(6){transition-delay:.4s}.stagger-reveal>.reveal:nth-child(7){transition-delay:.47s}.stagger-reveal>.reveal:nth-child(8){transition-delay:.54s}.stagger-reveal>.reveal:nth-child(9){transition-delay:.61s}.stagger-reveal>.reveal:nth-child(10){transition-delay:.68s}.stagger-reveal>.reveal:nth-child(11){transition-delay:.75s}.stagger-reveal>.reveal:nth-child(12){transition-delay:.82s}.header{z-index:1000;height:var(--header-h);transition:all .35s var(--ease-out);position:fixed;top:0;left:0;right:0}.header.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#060b14d9}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 24px;display:flex}.header-logo{color:#fff;letter-spacing:-.03em;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none;position:relative}.header-logo:after{content:"";background:var(--accent);width:0;height:2px;transition:width .3s var(--ease-out);position:absolute;bottom:-2px;left:0}.header-logo:hover:after{width:100%}.header-logo span{color:var(--accent)}.header-nav{gap:4px;display:flex}.header-nav a{color:var(--text-secondary);border-radius:8px;padding:8px 16px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .25s}.header-nav a:hover{color:#fff;background:#ffffff0d}.header-menu-btn{cursor:pointer;z-index:1001;background:0 0;border:none;width:40px;height:40px;padding:8px;display:none;position:relative}.header-menu-btn span{width:24px;height:2px;transition:all .3s var(--ease-out);background:#fff;border-radius:2px;margin:5px 0;display:block}.header-menu-btn.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.header-menu-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.header-menu-btn.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-nav{z-index:999;-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out);background:#060b14f7;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:fixed;inset:0}.mobile-nav.open{opacity:1;pointer-events:auto}.mobile-nav a{color:var(--text-secondary);border-radius:var(--radius);padding:14px 36px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;transition:all .25s}.mobile-nav a:hover{color:#fff;background:#ffffff0d}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:60px 0 32px}.footer-grid{max-width:var(--max-width);grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin:0 auto;padding:0 24px;display:grid}.footer-brand h3{color:#fff;margin-bottom:12px;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700}.footer-brand h3 span{color:var(--accent)}.footer-brand p{color:var(--text-muted);font-size:.9rem;line-height:1.7}.footer-col h4{text-transform:uppercase;letter-spacing:.12em;color:var(--text-primary);margin-bottom:20px;font-size:.8rem;font-weight:600}.footer-col a{color:var(--text-muted);margin-bottom:10px;font-size:.9rem;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--accent)}.footer-bottom{max-width:var(--max-width);border-top:1px solid var(--border-light);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:44px auto 0;padding:22px 24px 0;font-size:.83rem;display:flex}.hero{justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(at 25% 15%,#3b82f61a 0%,#0000 50%),radial-gradient(at 75% 55%,#22d3ee12 0%,#0000 50%),radial-gradient(at 50% 85%,#f59e0b0a 0%,#0000 40%);animation:16s ease-in-out infinite alternate heroShift;position:absolute;inset:-50%}.hero:after{content:"";background-image:linear-gradient(#3b82f609 1px,#0000 1px),linear-gradient(90deg,#3b82f609 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 70%);mask-image:radial-gradient(#000 25%,#0000 70%)}.hero-content{z-index:1;text-align:center;max-width:820px;position:relative}.hero-title{letter-spacing:-.035em;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:clamp(2.6rem,6vw,4.8rem);font-weight:800;line-height:1.08}.hero-title .highlight{background:linear-gradient(135deg, var(--accent) 20%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:540px;margin:0 auto 40px;font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-dots{justify-content:center;gap:8px;margin-top:36px;display:flex}.hero-dots button{cursor:pointer;width:8px;height:8px;transition:all .3s var(--ease-out);background:#ffffff2e;border:none;border-radius:50%;padding:0}.hero-dots button.active{background:var(--accent);border-radius:4px;width:26px}.hero-scroll{z-index:1;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.hero-scroll .mouse{border:2px solid #ffffff26;border-radius:14px;width:26px;height:42px;position:relative}.hero-scroll .mouse:after{content:"";background:var(--accent);border-radius:2px;width:4px;height:8px;animation:1.8s ease-in-out infinite scrollWheel;position:absolute;top:8px;left:50%;transform:translate(-50%)}.page-hero{text-align:center;padding:140px 24px 80px;position:relative;overflow:hidden}.page-hero:before{content:"";background:radial-gradient(ellipse at 50% 0%, #3b82f612 0%, transparent 55%), var(--bg-secondary);position:absolute;inset:0}.page-hero:after{content:"";background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 65%);mask-image:radial-gradient(#000 20%,#0000 65%)}.page-hero h1{z-index:1;margin-bottom:12px;font-size:clamp(2rem,4vw,3rem);font-weight:800;position:relative}.page-hero p{color:var(--text-secondary);z-index:1;font-size:1.02rem;position:relative}.page-hero .breadcrumb{color:var(--text-muted);z-index:1;justify-content:center;align-items:center;gap:8px;margin-bottom:18px;font-size:.85rem;display:flex;position:relative}.page-hero .breadcrumb a{color:var(--text-secondary)}.page-hero .breadcrumb a:hover,.page-hero .breadcrumb span{color:var(--accent)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;display:grid}.stat-card{text-align:center;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);padding:36px 20px}.stat-card-number{background:linear-gradient(135deg, var(--accent), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:2.6rem;font-weight:800;line-height:1.1}.stat-card-label{color:var(--text-muted);margin-top:8px;font-size:.88rem}.product-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;transition:all .35s var(--ease-out);text-decoration:none;display:block;overflow:hidden}.product-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 0 28px #3b82f61a}.product-card:hover img{transform:scale(1.04)}.product-card img{aspect-ratio:1;object-fit:contain;background:var(--bg-tertiary);width:100%;transition:transform .5s var(--ease-out)}.product-card-body{padding:20px}.product-card-body h3{color:var(--text-primary);margin-bottom:6px;font-size:1.08rem;font-weight:600}.product-card-body p{color:var(--text-muted);font-size:.85rem}.news-list{flex-direction:column;display:flex}.news-item{color:inherit;border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:24px;padding:22px 4px;text-decoration:none;transition:all .3s;display:flex}.news-item:hover{padding-left:12px}.news-item:hover h3{color:var(--accent)}.news-item>div{flex:1;min-width:0}.news-item h3{margin-bottom:4px;font-size:1rem;font-weight:500;transition:color .25s}.news-item .summary{color:var(--text-muted);font-size:.85rem}.news-item time{color:var(--text-muted);white-space:nowrap;font-size:.85rem}.contact-input input,.contact-input textarea,.contact-form input,.contact-form textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);outline:none;margin-bottom:16px;padding:14px 18px;font-family:inherit;font-size:.95rem;transition:all .25s}.contact-input input:focus,.contact-input textarea:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f}.contact-input input::placeholder,.contact-input textarea::placeholder,.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-input textarea,.contact-form textarea{resize:vertical;height:140px}.search-box{justify-content:center;gap:10px;margin-bottom:40px;display:flex}.search-box input{background:var(--bg-tertiary);border:1px solid var(--border);width:340px;max-width:100%;color:var(--text-primary);border-radius:100px;outline:none;padding:12px 20px;font-size:.95rem;transition:all .25s}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f}.search-box input::placeholder{color:var(--text-muted)}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:40px;display:flex}.pagination button{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:100px;padding:10px 22px;font-size:.9rem;transition:all .25s}.pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination button:disabled{opacity:.25;cursor:not-allowed}.product-gallery{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.product-gallery .gallery-item{cursor:pointer;border-radius:8px;overflow:hidden}.product-gallery .gallery-item img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .3s}.product-gallery .gallery-item img:hover{transform:scale(1.05)}.detail-content{color:var(--text-secondary);font-size:1.02rem;line-height:2}.detail-content h1,.detail-content h2,.detail-content h3,.detail-content h4{color:var(--text-primary);margin:28px 0 12px}.detail-content p{margin-bottom:16px}.detail-content img{border-radius:var(--radius);max-width:50%;margin:24px 0}.detail-content a{color:var(--accent)}.detail-content ul,.detail-content ol{margin-bottom:16px;padding-left:24px}.detail-content code{background:var(--bg-tertiary);border-radius:4px;padding:2px 8px;font-size:.9em}.info-table{border-collapse:collapse;border-radius:var(--radius);border:1px solid var(--border);width:100%;overflow:hidden}.info-table th,.info-table td{text-align:left;border-bottom:1px solid var(--border-light);padding:14px 18px}.info-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:#0c152580;width:110px;font-size:.82rem;font-weight:600}.info-table td{color:var(--text-primary);font-size:.94rem}.product-detail-tabs{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;margin-bottom:18px;display:flex}.product-detail-tabs button{appearance:none;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:10px 10px 0 0;padding:10px 16px;font-size:.95rem;font-weight:500;transition:all .2s}.product-detail-tabs button:hover:not(:disabled){color:var(--text-primary);background:#3b82f614}.product-detail-tabs button.active{color:var(--accent-light);border-bottom-color:var(--accent);background:linear-gradient(#3b82f629,#3b82f608)}.product-detail-tabs button:disabled{opacity:.45;cursor:not-allowed}.product-detail-panel{color:var(--text-primary);white-space:pre-wrap;border:1px solid var(--border-light);background:linear-gradient(#ffffff08,#ffffff03),#09111fcc;border-radius:10px;padding:18px 20px;font-size:.96rem;line-height:1.9}.status-badge{border-radius:100px;padding:3px 10px;font-size:.78rem;font-weight:500;display:inline-block}.status-badge.published{color:var(--emerald);background:#10b9811a;border:1px solid #10b98133}.tag{border-radius:100px;padding:2px 10px;font-size:.75rem;font-weight:500;display:inline-block}.tag-ai{color:#a78bfa;background:#8b5cf61f;border:1px solid #8b5cf62e}.tag-default{color:var(--accent);background:#3b82f614;border:1px solid #3b82f626}.chat-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);background:#0000008c;position:fixed;inset:0}.chat-drawer{background:var(--bg-secondary);border-left:1px solid var(--border);z-index:2001;width:460px;max-width:100vw;height:100vh;transition:transform .35s var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;right:0}.chat-drawer.closed{transform:translate(100%)}.chat-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.chat-drawer-header h3{font-size:1.05rem}.chat-drawer-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.4rem;transition:all .2s}.chat-drawer-header button:hover{color:#fff;background:#ffffff0d}.chat-drawer-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chat-drawer-input{border-top:1px solid var(--border);gap:8px;padding:16px 24px;display:flex}.chat-drawer-input input{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:100px;outline:none;flex:1;padding:12px 16px;font-size:.9rem}.chat-drawer-input input:focus{border-color:var(--accent)}.chat-drawer-input input::placeholder{color:var(--text-muted)}.chat-drawer-input button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:100px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .25s}.chat-drawer-input button:hover{background:#2563eb}.chat-drawer-input button:disabled{opacity:.4;cursor:not-allowed}.chat-bubble{border-radius:var(--radius-lg);max-width:85%;padding:12px 16px;font-size:.9rem;line-height:1.65}.chat-bubble.user{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.ai{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.answer-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);margin-bottom:12px;padding:20px;transition:border-color .25s}.answer-card.accepted{background:#10b9810a;border-color:#10b98147}.answer-card-header{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;display:flex}.answer-card-content{color:var(--text-secondary);white-space:pre-wrap;line-height:1.85}.image-gallery{flex-wrap:wrap;gap:12px;display:flex}.image-gallery img{object-fit:cover;border-radius:var(--radius);cursor:pointer;width:160px;height:120px;transition:all .3s var(--ease-out);border:1px solid var(--border)}.image-gallery img:hover{border-color:var(--border-hover);transform:scale(1.03);box-shadow:0 4px 20px #0000004d}.video-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);width:320px;overflow:hidden}.video-card video{background:#000;width:100%;max-height:200px;display:block}.video-card .caption{color:var(--text-muted);padding:8px 14px;font-size:.83rem}.loading{text-align:center;color:var(--text-muted);padding:80px 0}@keyframes heroShift{0%{transform:translate(0)scale(1)}33%{transform:translate(-1.5%,-1%)scale(1.03)}66%{transform:translate(1%,1.5%)scale(1.02)}to{transform:translate(1.5%,-.5%)scale(1.04)}}@keyframes scrollWheel{0%,to{opacity:1;transform:translate(-50%)translateY(0)}50%{opacity:.2;transform:translate(-50%)translateY(8px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){:root{--header-h:62px}.header-nav{display:none}.header-menu-btn{display:block}.hero{padding:100px 20px 60px}.hero-actions{flex-direction:column;align-items:center}.section{padding:60px 0}.footer-grid{grid-template-columns:1fr;gap:36px}.footer-bottom{text-align:center;flex-direction:column}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.news-item{flex-direction:column;align-items:flex-start;gap:8px}.chat-drawer{width:100vw}.info-table th{width:80px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:24px 12px}.stat-card-number{font-size:2rem}.search-box{flex-direction:column}.search-box input{width:100%}.image-gallery img{aspect-ratio:4/3;width:100%;height:auto}.video-card{width:100%}}