:root {
--qt-primary: #0D7377;
--qt-secondary: #14A3A8;
--qt-accent: #E8A838;
--qt-text: #1A2332;
--qt-text-secondary: #64748B;
--qt-bg: #F7F9FC;
--qt-bg-dark: #0F1B2D;
--qt-border: #E2E8F0;
--qt-shadow: rgba(13, 115, 119, 0.08);
--qt-gradient-start: #0D7377;
--qt-gradient-end: #14A3A8;
--qt-glass-bg: rgba(255, 255, 255, 0.75);
--qt-glass-border: rgba(255, 255, 255, 0.3);
--qt-radius: 16px;
--qt-radius-sm: 8px;
--qt-radius-lg: 24px;
--qt-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;color:var(--qt-text);background:var(--qt-bg);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;transition:color var(--qt-transition);}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--qt-text);}
h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-0.02em;}
h2{font-size:clamp(1.5rem,3.5vw,2.5rem);letter-spacing:-0.01em;}
h3{font-size:clamp(1.2rem,2.5vw,1.5rem);}
p{color:var(--qt-text-secondary);line-height:1.8;}
.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;}
.qt-text-gradient{background:linear-gradient(135deg,var(--qt-gradient-start),var(--qt-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.qt-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.875rem 2rem;border-radius:50px;font-weight:600;font-size:0.95rem;border:2px solid transparent;cursor:pointer;transition:all var(--qt-transition);text-align:center;justify-content:center;}
.qt-btn-primary{background:linear-gradient(135deg,var(--qt-primary),var(--qt-secondary));color:#fff;border-color:transparent;box-shadow:0 4px 15px rgba(13,115,119,0.3);}
.qt-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(13,115,119,0.4);color:#fff;}
.qt-btn-outline{background:transparent;color:var(--qt-primary);border-color:var(--qt-primary);}
.qt-btn-outline:hover{background:var(--qt-primary);color:#fff;transform:translateY(-2px);}
.qt-btn-accent{background:linear-gradient(135deg,var(--qt-accent),#F5B94E);color:var(--qt-text);border-color:transparent;box-shadow:0 4px 15px rgba(232,168,56,0.3);}
.qt-btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(232,168,56,0.4);color:var(--qt-text);}
.qt-btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,0.5);}
.qt-btn-outline-light:hover{background:rgba(255,255,255,0.15);color:#fff;border-color:#fff;}
.qt-btn-block{display:flex;width:100%;}
.qt-glass-card{background:var(--qt-glass-bg);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--qt-glass-border);border-radius:var(--qt-radius);overflow:hidden;content-visibility:auto;contain-intrinsic-size:0 500px;transition:all var(--qt-transition);}
.qt-glass-card.qt-card-hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--qt-shadow);}
.qt-scroll-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--qt-primary),var(--qt-accent));z-index:10000;width:0;transition:width 0.1s linear;}
.qt-header-area{position:fixed;top:0;left:0;right:0;z-index:9999;padding:1rem 1.5rem 0;}
.qt-capsule-nav-wrapper{display:flex;justify-content:center;}
.qt-capsule-nav{display:flex;align-items:center;gap:1.5rem;background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50px;padding:0.75rem 2rem;box-shadow:0 4px 30px rgba(0,0,0,0.08);max-width:fit-content;margin:0 auto;transition:all var(--qt-transition);border:1px solid rgba(255,255,255,0.5);}
.qt-capsule-nav.qt-nav-scrolled{box-shadow:0 8px 40px rgba(0,0,0,0.12);padding:0.6rem 2rem;}
.qt-nav-brand{display:flex;align-items:center;gap:0.5rem;flex-shrink:0;}
.qt-nav-logo{width:36px;height:36px;border-radius:50%;object-fit:cover;}
.qt-nav-brand-text{font-weight:700;font-size:1rem;color:var(--qt-primary);white-space:nowrap;}
.qt-nav-links{display:flex;align-items:center;gap:0.25rem;}
.qt-nav-item{list-style:none;}
.qt-nav-link{display:block;padding:0.5rem 1rem;font-size:0.9rem;font-weight:500;color:var(--qt-text);border-radius:50px;transition:all var(--qt-transition);white-space:nowrap;}
.qt-nav-link:hover,.qt-nav-item.qt-active .qt-nav-link{color:var(--qt-primary);background:rgba(13,115,119,0.08);}
.qt-nav-cta{display:inline-flex;align-items:center;gap:0.4rem;padding:0.5rem 1.25rem;background:linear-gradient(135deg,var(--qt-primary),var(--qt-secondary));color:#fff;border-radius:50px;font-size:0.85rem;font-weight:600;white-space:nowrap;transition:all var(--qt-transition);flex-shrink:0;}
.qt-nav-cta:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(13,115,119,0.3);color:#fff;}
.qt-nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.qt-nav-hamburger span{display:block;width:22px;height:2px;background:var(--qt-text);border-radius:2px;transition:all var(--qt-transition);}
.qt-nav-hamburger.qt-open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.qt-nav-hamburger.qt-open span:nth-child(2){opacity:0;}
.qt-nav-hamburger.qt-open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.qt-mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);z-index:9998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);padding:2rem;}
.qt-mobile-menu.qt-open{transform:translateX(0);}
.qt-mobile-nav-list{display:flex;flex-direction:column;gap:0.5rem;text-align:center;}
.qt-mobile-nav-list li a{display:block;padding:1rem 2rem;font-size:1.2rem;font-weight:600;color:var(--qt-text);border-radius:var(--qt-radius);transition:all var(--qt-transition);}
.qt-mobile-nav-list li.qt-active a,.qt-mobile-nav-list li a:hover{color:var(--qt-primary);background:rgba(13,115,119,0.08);}
.qt-mobile-cta{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--qt-primary),var(--qt-secondary));color:#fff;border-radius:50px;font-weight:600;margin-top:1rem;}
.qt-main-content{padding-top:5rem;}
.qt-hero-section{min-height:70vh;padding:15vh 0;position:relative;overflow:hidden;background:linear-gradient(165deg,#F0FDF9 0%,var(--qt-bg) 50%,#F0F7FF 100%);}
.qt-hero-damping-layer{position:absolute;inset:0;pointer-events:none;}
.qt-hero-bg-shapes{position:absolute;inset:0;}
.qt-shape{position:absolute;border-radius:50%;opacity:0.15;}
.qt-shape-1{width:500px;height:500px;background:var(--qt-primary);top:-100px;right:-100px;animation:qtFloat 20s ease-in-out infinite;}
.qt-shape-2{width:300px;height:300px;background:var(--qt-accent);bottom:-50px;left:-50px;animation:qtFloat 15s ease-in-out infinite reverse;}
.qt-shape-3{width:200px;height:200px;background:var(--qt-secondary);top:40%;left:60%;animation:qtFloat 18s ease-in-out infinite 3s;}
@keyframes qtFloat{0%,100%{transform:translate(0,0) scale(1);}25%{transform:translate(30px,-30px) scale(1.05);}50%{transform:translate(-20px,20px) scale(0.95);}75%{transform:translate(15px,15px) scale(1.02);}}
.qt-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;}
.qt-hero-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.25rem;background:rgba(13,115,119,0.1);border:1px solid rgba(13,115,119,0.2);border-radius:50px;font-size:0.85rem;color:var(--qt-primary);font-weight:500;margin-bottom:2rem;}
.qt-hero-badge i{color:var(--qt-accent);}
.qt-hero-title{margin-bottom:1.5rem;color:var(--qt-text);}
.qt-hero-subtitle{font-size:1.15rem;max-width:600px;margin:0 auto 2.5rem;color:var(--qt-text-secondary);}
.qt-hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem;}
.qt-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:600px;margin:0 auto;}
.qt-stat-item{text-align:center;}
.qt-stat-number{font-size:2.5rem;font-weight:800;color:var(--qt-primary);display:inline;}
.qt-stat-plus,.qt-stat-unit{font-size:1.5rem;font-weight:700;color:var(--qt-accent);}
.qt-stat-label{display:block;font-size:0.85rem;color:var(--qt-text-secondary);margin-top:0.25rem;}
.qt-marquee-section{padding:3vh 0;overflow:hidden;background:var(--qt-bg-dark);position:relative;}
.qt-marquee-track{overflow:hidden;white-space:nowrap;width:100%;}
.qt-marquee-content{display:inline-block;animation:qtMarquee 25s linear infinite;}
.qt-marquee-content span{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:rgba(255,255,255,0.15);padding:0 1rem;}
.qt-marquee-dot{color:var(--qt-accent);opacity:0.4;font-size:0.8rem !important;}
@keyframes qtMarquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.qt-tab-dashboard-section{padding:15vh 0;min-height:70vh;}
.qt-section-header{text-align:center;max-width:720px;margin:0 auto 4rem;}
.qt-section-tag{display:inline-block;padding:0.35rem 1rem;background:rgba(13,115,119,0.08);color:var(--qt-primary);border-radius:50px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem;}
.qt-section-title{margin-bottom:1rem;}
.qt-section-desc{font-size:1.05rem;color:var(--qt-text-secondary);}
.qt-tab-nav-wrapper{position:relative;margin-bottom:3rem;}
.qt-tab-nav{display:flex;justify-content:center;gap:0.5rem;flex-wrap:wrap;padding:0.5rem;background:rgba(13,115,119,0.04);border-radius:var(--qt-radius);border:1px solid var(--qt-border);}
.qt-tab-item{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;font-size:0.9rem;font-weight:500;color:var(--qt-text-secondary);border-radius:12px;cursor:pointer;transition:all var(--qt-transition);white-space:nowrap;border:none;background:none;}
.qt-tab-item:hover{color:var(--qt-primary);}
.qt-tab-item.qt-tab-active{color:var(--qt-primary);background:#fff;box-shadow:0 2px 10px var(--qt-shadow);}
.qt-tab-indicator{position:absolute;bottom:-8px;height:3px;background:var(--qt-primary);border-radius:2px;transition:left 0.3s ease,width 0.3s ease;}
.qt-tab-content-area{min-height:60vh;}
.qt-tab-panel{display:none;animation:qtFadeIn 0.4s ease;}
.qt-tab-panel.qt-tab-panel-active{display:block;}
@keyframes qtFadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.qt-tab-text h3{margin-bottom:1rem;color:var(--qt-text);}
.qt-tab-text p{margin-bottom:1.5rem;font-size:1rem;}
.qt-check-list{margin-bottom:2rem;}
.qt-check-list li{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0;font-size:0.95rem;color:var(--qt-text);}
.qt-check-list li i{color:var(--qt-primary);font-size:1.1rem;flex-shrink:0;}
.qt-tab-visual{border-radius:var(--qt-radius);overflow:hidden;position:relative;aspect-ratio:4/3;}
.qt-tab-img{width:100%;height:100%;object-fit:cover;}
.qt-tab-visual-overlay{position:absolute;bottom:1rem;left:1rem;}
.qt-visual-badge{display:inline-block;padding:0.4rem 1rem;background:var(--qt-accent);color:var(--qt-text);border-radius:50px;font-weight:600;font-size:0.85rem;}
.qt-process-steps{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;}
.qt-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:rgba(13,115,119,0.04);border-radius:12px;border:1px solid var(--qt-border);}
.qt-step-num{font-size:1.5rem;font-weight:800;color:var(--qt-primary);opacity:0.5;flex-shrink:0;min-width:40px;}
.qt-step strong{display:block;margin-bottom:0.25rem;color:var(--qt-text);}
.qt-step p{font-size:0.9rem;margin:0;color:var(--qt-text-secondary);}
.qt-price-highlights{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;}
.qt-price-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:rgba(232,168,56,0.06);border-radius:12px;border:1px solid rgba(232,168,56,0.15);}
.qt-price-item i{font-size:1.5rem;color:var(--qt-accent);flex-shrink:0;}
.qt-price-item strong{display:block;margin-bottom:0.25rem;color:var(--qt-text);}
.qt-price-item p{font-size:0.9rem;margin:0;color:var(--qt-text-secondary);}
.qt-features-section{padding:15vh 0;min-height:70vh;background:linear-gradient(180deg,var(--qt-bg) 0%,#F0FDF9 100%);}
.qt-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.qt-feature-card{padding:2.5rem 2rem;text-align:center;transition:all var(--qt-transition);}
.qt-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px var(--qt-shadow);}
.qt-feature-icon{width:72px;height:72px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(13,115,119,0.1),rgba(20,163,168,0.1));border-radius:20px;font-size:1.8rem;color:var(--qt-primary);}
.qt-feature-highlight .qt-feature-icon{background:linear-gradient(135deg,var(--qt-primary),var(--qt-secondary));color:#fff;width:80px;height:80px;font-size:2rem;}
.qt-feature-card h3{margin-bottom:1rem;font-size:1.2rem;}
.qt-feature-card p{font-size:0.95rem;margin-bottom:1.5rem;color:var(--qt-text-secondary);}
.qt-feature-link{display:inline-flex;align-items:center;gap:0.4rem;color:var(--qt-primary);font-weight:600;font-size:0.9rem;transition:all var(--qt-transition);}
.qt-feature-link:hover{gap:0.8rem;color:var(--qt-secondary);}
.qt-physics-section{padding:15vh 0;min-height:70vh;}
.qt-physics-container{height:450px;border-radius:var(--qt-radius-lg);position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(13,115,119,0.03),rgba(20,163,168,0.05));}
.qt-physics-container canvas{width:100%;height:100%;display:block;}
.qt-physics-fallback{display:none;width:100%;height:100%;align-items:center;justify-content:center;padding:2rem;}
.qt-physics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;max-width:600px;}
.qt-physics-item{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1.5rem 1rem;background:rgba(13,115,119,0.06);border-radius:var(--qt-radius);text-align:center;}
.qt-physics-item i{font-size:2rem;color:var(--qt-primary);}
.qt-physics-item span{font-size:0.85rem;font-weight:500;color:var(--qt-text);}
.qt-ar-section{padding:15vh 0;min-height:70vh;background:linear-gradient(180deg,#F0FDF9 0%,var(--qt-bg) 100%);}
.qt-ar-preview-area{max-width:700px;margin:0 auto;}
.qt-ar-frame{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#0a1628,#162240);border-radius:var(--qt-radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;}
.qt-ar-corner{position:absolute;width:30px;height:30px;border-color:var(--qt-accent);border-style:solid;border-width:0;animation:qtCornerPulse 2s ease-in-out infinite;}
.qt-ar-tl{top:20px;left:20px;border-top-width:3px;border-left-width:3px;border-top-left-radius:4px;}
.qt-ar-tr{top:20px;right:20px;border-top-width:3px;border-right-width:3px;border-top-right-radius:4px;}
.qt-ar-bl{bottom:20px;left:20px;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:4px;}
.qt-ar-br{bottom:20px;right:20px;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:4px;}
@keyframes qtCornerPulse{0%,100%{opacity:1;}50%{opacity:0.4;}}
.qt-ar-scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--qt-accent),transparent);animation:qtScanLine 3s ease-in-out infinite;opacity:0.6;}
@keyframes qtScanLine{0%{top:10%;}50%{top:85%;}100%{top:10%;}}
.qt-ar-product{position:relative;z-index:2;transition:transform 0.15s ease-out;}
.qt-ar-product-img{width:200px;height:200px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 10px 30px rgba(0,0,0,0.3));}
.qt-ar-info-card{position:absolute;z-index:3;padding:0.75rem 1rem;min-width:150px;animation:qtArFadeIn 0.6s ease forwards;opacity:0;}
.qt-ar-info-1{top:15%;right:8%;animation-delay:0.5s;}
.qt-ar-info-2{bottom:25%;left:5%;animation-delay:1s;}
.qt-ar-info-3{bottom:10%;right:10%;animation-delay:1.5s;}
@keyframes qtArFadeIn{to{opacity:1;}}
.qt-ar-info-content{display:flex;flex-direction:column;gap:0.2rem;}
.qt-ar-info-label{font-size:0.7rem;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.05em;}
.qt-ar-info-value{font-size:0.9rem;font-weight:600;color:#fff;}
.qt-ar-price{color:var(--qt-accent) !important;}
.qt-ar-cta{text-align:center;}
.qt-ar-cta-hint{margin-top:1rem;font-size:0.9rem;color:var(--qt-text-secondary);}
.qt-news-section{padding:15vh 0;min-height:70vh;}
.qt-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.qt-news-card{transition:all var(--qt-transition);overflow:hidden;}
.qt-news-card:hover{transform:translateY(-6px);box-shadow:0 15px 50px var(--qt-shadow);}
.qt-news-img-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;}
.qt-news-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.qt-news-card:hover .qt-news-img-wrap img{transform:scale(1.05);}
.qt-news-date-badge{position:absolute;top:1rem;left:1rem;background:var(--qt-primary);color:#fff;padding:0.5rem 0.75rem;border-radius:10px;text-align:center;line-height:1.2;}
.qt-news-day{display:block;font-size:1.3rem;font-weight:800;}
.qt-news-month{display:block;font-size:0.7rem;opacity:0.8;}
.qt-news-body{padding:1.5rem;}
.qt-news-body h3{margin-bottom:0.75rem;font-size:1.05rem;line-height:1.5;}
.qt-news-body h3 a{color:var(--qt-text);transition:color var(--qt-transition);}
.qt-news-body h3 a:hover{color:var(--qt-primary);}
.qt-news-body p{font-size:0.9rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.qt-news-footer{display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;color:var(--qt-text-secondary);}
.qt-news-read-more{color:var(--qt-primary);font-weight:600;display:inline-flex;align-items:center;gap:0.3rem;}
.qt-city-section{padding:15vh 0;min-height:70vh;background:linear-gradient(180deg,var(--qt-bg) 0%,#F0F7FF 100%);}
.qt-city-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0.75rem;margin-bottom:3rem;}
.qt-city-card{display:flex;flex-direction:column;align-items:center;gap:0.3rem;padding:1rem 0.5rem;background:var(--qt-glass-bg);backdrop-filter:blur(8px);border:1px solid var(--qt-border);border-radius:12px;text-align:center;transition:all var(--qt-transition);font-size:0.85rem;}
.qt-city-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--qt-shadow);border-color:var(--qt-primary);}
.qt-city-card i{color:var(--qt-primary);font-size:1rem;}
.qt-city-card h5{font-size:0.9rem;font-weight:600;margin:0;color:var(--qt-text);}
.qt-city-cta{text-align:center;padding-top:2rem;border-top:1px solid var(--qt-border);}
.qt-city-cta p{margin-bottom:1.5rem;color:var(--qt-text-secondary);}
.qt-cta-section{padding:15vh 0;min-height:70vh;}
.qt-cta-card{background:linear-gradient(135deg,var(--qt-primary),#0A5C5F);padding:4rem 3rem;text-align:center;border:none;border-radius:var(--qt-radius-lg);position:relative;overflow:hidden;}
.qt-cta-card::before{content:'';position:absolute;top:-50%;right:-30%;width:400px;height:400px;background:rgba(255,255,255,0.05);border-radius:50%;}
.qt-cta-content{position:relative;z-index:2;}
.qt-cta-content h2{color:#fff;margin-bottom:1rem;}
.qt-cta-content>p{color:rgba(255,255,255,0.8);max-width:600px;margin:0 auto 2rem;font-size:1.05rem;}
.qt-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem;}
.qt-cta-trust{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;}
.qt-cta-trust span{display:inline-flex;align-items:center;gap:0.4rem;color:rgba(255,255,255,0.7);font-size:0.85rem;}
.qt-cta-trust span i{color:var(--qt-accent);}
.qt-page-banner{padding:15vh 0 8vh;background:linear-gradient(165deg,#F0FDF9 0%,var(--qt-bg) 100%);position:relative;overflow:hidden;}
.qt-banner-content{text-align:center;max-width:720px;margin:0 auto;}
.qt-banner-content h1{margin-bottom:1rem;}
.qt-banner-content p{font-size:1.05rem;margin-bottom:1.5rem;}
.qt-breadcrumb{display:flex;justify-content:center;gap:0.5rem;font-size:0.85rem;color:var(--qt-text-secondary);}
.qt-breadcrumb a{color:var(--qt-primary);}
.qt-breadcrumb a:hover{text-decoration:underline;}
.qt-breadcrumb .qt-active{color:var(--qt-text-secondary);}
.qt-news-list-section{padding:10vh 0;min-height:70vh;}
.qt-news-list{display:flex;flex-direction:column;gap:1.5rem;}
.qt-list-card{display:flex;gap:1.5rem;padding:1.5rem;transition:all var(--qt-transition);}
.qt-list-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px var(--qt-shadow);}
.qt-list-img{flex-shrink:0;border-radius:12px;overflow:hidden;}
.qt-list-img img{width:280px;height:180px;object-fit:cover;}
.qt-list-body{flex:1;display:flex;flex-direction:column;}
.qt-list-body h3{margin-bottom:0.75rem;font-size:1.15rem;}
.qt-list-body h3 a{color:var(--qt-text);transition:color var(--qt-transition);}
.qt-list-body h3 a:hover{color:var(--qt-primary);}
.qt-list-body>p{font-size:0.9rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;}
.qt-list-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;}
.qt-tag{display:inline-block;padding:0.2rem 0.75rem;background:rgba(13,115,119,0.08);color:var(--qt-primary);border-radius:50px;font-size:0.75rem;font-weight:500;}
.qt-list-meta{display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;color:var(--qt-text-secondary);}
.qt-list-read{color:var(--qt-primary);font-weight:600;display:inline-flex;align-items:center;gap:0.3rem;}
.qt-pagination-wrap{margin-top:3rem;display:flex;justify-content:center;}
.qt-sidebar{display:flex;flex-direction:column;gap:1.5rem;}
.qt-sidebar-card{padding:1.5rem;}
.qt-sidebar-card h4{display:flex;align-items:center;gap:0.5rem;font-size:1.1rem;margin-bottom:1.25rem;color:var(--qt-text);padding-bottom:0.75rem;border-bottom:2px solid var(--qt-border);}
.qt-sidebar-card h4 i{color:var(--qt-primary);}
.qt-sidebar-recommend{display:flex;flex-direction:column;gap:1rem;}
.qt-sidebar-item{display:flex;gap:0.75rem;padding:0.5rem;border-radius:8px;transition:all var(--qt-transition);}
.qt-sidebar-item:hover{background:rgba(13,115,119,0.04);}
.qt-sidebar-img{width:70px;height:50px;border-radius:6px;overflow:hidden;flex-shrink:0;}
.qt-sidebar-img img{width:100%;height:100%;object-fit:cover;}
.qt-sidebar-info h5{font-size:0.85rem;font-weight:500;line-height:1.4;color:var(--qt-text);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.qt-sidebar-contact{text-align:center;background:linear-gradient(135deg,rgba(13,115,119,0.06),rgba(20,163,168,0.06));}
.qt-sidebar-phone{font-size:1.5rem;font-weight:800;color:var(--qt-primary);margin:0.5rem 0;}
.qt-sidebar-wechat{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--qt-border);}
.qt-sidebar-wechat img{width:100px;height:100px;margin:0 auto 0.5rem;border-radius:8px;}
.qt-sidebar-wechat span{font-size:0.85rem;color:var(--qt-text-secondary);}
.qt-sidebar-sections{display:flex;flex-direction:column;gap:0.25rem;}
.qt-sidebar-section-link{display:flex;align-items:center;gap:0.5rem;padding:0.6rem 0.75rem;font-size:0.9rem;color:var(--qt-text-secondary);border-radius:8px;transition:all var(--qt-transition);}
.qt-sidebar-section-link:hover,.qt-sidebar-section-link.qt-active{color:var(--qt-primary);background:rgba(13,115,119,0.06);}
.qt-detail-section{padding:8vh 0;min-height:70vh;}
.qt-detail-article{padding:2.5rem;margin-bottom:3rem;}
.qt-detail-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--qt-border);}
.qt-detail-header h1{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem;line-height:1.4;}
.qt-detail-meta{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:0.85rem;color:var(--qt-text-secondary);margin-bottom:1rem;}
.qt-detail-meta span{display:inline-flex;align-items:center;gap:0.4rem;}
.qt-detail-meta i{color:var(--qt-primary);}
.qt-detail-tags{display:flex;flex-wrap:wrap;gap:0.5rem;}
.qt-detail-content{font-size:1rem;line-height:2;color:var(--qt-text);}
.qt-detail-content p{margin-bottom:1.5rem;color:var(--qt-text);}
.qt-detail-content img{border-radius:var(--qt-radius);margin:1.5rem 0;}
.qt-detail-content h2,.qt-detail-content h3,.qt-detail-content h4{margin:2rem 0 1rem;color:var(--qt-text);}
.qt-detail-share{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--qt-border);margin-top:2rem;}
.qt-detail-share span{font-size:0.9rem;color:var(--qt-text-secondary);}
.qt-share-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:rgba(13,115,119,0.08);border-radius:50%;color:var(--qt-primary);transition:all var(--qt-transition);}
.qt-share-btn:hover{background:var(--qt-primary);color:#fff;}
.qt-related-section{margin-bottom:3rem;}
.qt-related-title{display:flex;align-items:center;gap:0.5rem;font-size:1.2rem;margin-bottom:1.5rem;color:var(--qt-text);}
.qt-related-title i{color:var(--qt-primary);}
.qt-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.qt-related-card{padding:1rem;text-align:center;transition:all var(--qt-transition);}
.qt-related-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px var(--qt-shadow);}
.qt-related-img{aspect-ratio:16/10;border-radius:10px;overflow:hidden;margin-bottom:0.75rem;}
.qt-related-img img{width:100%;height:100%;object-fit:cover;}
.qt-related-card h4{font-size:0.9rem;font-weight:500;line-height:1.4;color:var(--qt-text);}
.qt-about-intro{padding:15vh 0;min-height:70vh;}
.qt-about-text{padding-right:2rem;}
.qt-about-text h2{margin-bottom:1.5rem;}
.qt-about-text p{margin-bottom:1rem;font-size:1rem;}
.qt-about-image{border-radius:var(--qt-radius-lg);overflow:hidden;aspect-ratio:4/3;}
.qt-about-image img{width:100%;height:100%;object-fit:cover;}
.qt-about-values{padding:15vh 0;min-height:70vh;background:linear-gradient(180deg,var(--qt-bg) 0%,#F0FDF9 100%);}
.qt-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.qt-value-card{padding:2rem 1.5rem;text-align:center;transition:all var(--qt-transition);}
.qt-value-card:hover{transform:translateY(-6px);box-shadow:0 15px 50px var(--qt-shadow);}
.qt-value-icon{width:60px;height:60px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(13,115,119,0.1),rgba(20,163,168,0.1));border-radius:16px;font-size:1.5rem;color:var(--qt-primary);}
.qt-value-card h3{font-size:1.1rem;margin-bottom:0.75rem;}
.qt-value-card p{font-size:0.9rem;}
.qt-about-timeline{padding:15vh 0;min-height:70vh;}
.qt-timeline{position:relative;max-width:700px;margin:0 auto;padding-left:40px;}
.qt-timeline::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--qt-border);}
.qt-timeline-item{position:relative;margin-bottom:2rem;}
.qt-timeline-dot{position:absolute;left:-33px;top:1.5rem;width:12px;height:12px;background:var(--qt-primary);border-radius:50%;border:3px solid var(--qt-bg);box-shadow:0 0 0 3px var(--qt-primary);}
.qt-timeline-content{padding:1.5rem;}
.qt-timeline-year{display:inline-block;padding:0.25rem 0.75rem;background:var(--qt-primary);color:#fff;border-radius:50px;font-size:0.8rem;font-weight:700;margin-bottom:0.75rem;}
.qt-timeline-content h4{margin-bottom:0.5rem;font-size:1.1rem;}
.qt-timeline-content p{font-size:0.9rem;margin:0;}
.qt-contact-section{padding:10vh 0;min-height:70vh;}
.qt-contact-info h2{margin-bottom:1rem;}
.qt-contact-info>p{margin-bottom:2rem;}
.qt-contact-cards{display:flex;flex-direction:column;gap:1rem;}
.qt-contact-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all var(--qt-transition);}
.qt-contact-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--qt-shadow);}
.qt-contact-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--qt-primary),var(--qt-secondary));border-radius:14px;color:#fff;font-size:1.2rem;flex-shrink:0;}
.qt-contact-card h4{font-size:0.95rem;margin-bottom:0.25rem;}
.qt-contact-card p{font-size:1rem;color:var(--qt-text);font-weight:600;margin:0;}
.qt-contact-card span{font-size:0.8rem;color:var(--qt-text-secondary);}
.qt-contact-qr{width:80px;height:80px;margin-top:0.5rem;border-radius:8px;}
.qt-contact-form-wrap{padding:2.5rem;}
.qt-contact-form-wrap h2{margin-bottom:0.5rem;}
.qt-contact-form-wrap>p{margin-bottom:2rem;font-size:0.95rem;}
.qt-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
.qt-form-group{margin-bottom:1.5rem;}
.qt-form-group label{display:block;font-size:0.9rem;font-weight:600;color:var(--qt-text);margin-bottom:0.5rem;}
.qt-form-group label span{color:#E53E3E;}
.qt-form-group input,.qt-form-group textarea{width:100%;padding:0.875rem 1.25rem;border:1px solid var(--qt-border);border-radius:12px;font-size:0.95rem;color:var(--qt-text);background:rgba(255,255,255,0.6);transition:all var(--qt-transition);font-family:inherit;}
.qt-form-group input:focus,.qt-form-group textarea:focus{outline:none;border-color:var(--qt-primary);box-shadow:0 0 0 3px rgba(13,115,119,0.1);}
.qt-form-group textarea{resize:vertical;min-height:120px;}
.qt-form-result{margin-top:1rem;}
.qt-form-error{padding:0.75rem 1rem;background:rgba(229,62,62,0.08);border:1px solid rgba(229,62,62,0.2);border-radius:8px;color:#E53E3E;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;}
.qt-form-success{padding:0.75rem 1rem;background:rgba(13,115,119,0.08);border:1px solid rgba(13,115,119,0.2);border-radius:8px;color:var(--qt-primary);font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;}
.qt-footer-section{position:relative;background:var(--qt-bg-dark);}
.qt-footer-wave{position:relative;margin-bottom:-1px;}
.qt-footer-wave svg{display:block;width:100%;height:80px;}
.qt-footer-main{padding:4rem 0 2rem;}
.qt-footer-brand{margin-bottom:1rem;}
.qt-footer-logo{width:48px;height:48px;border-radius:12px;margin-bottom:1rem;}
.qt-footer-desc{font-size:0.9rem;color:rgba(255,255,255,0.6);margin-bottom:1.5rem;line-height:1.7;}
.qt-footer-contact-info p{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:rgba(255,255,255,0.7);margin-bottom:0.5rem;}
.qt-footer-contact-info i{color:var(--qt-accent);font-size:0.9rem;}
.qt-footer-wechat{margin-top:1.25rem;display:flex;align-items:center;gap:1rem;}
.qt-wechat-qr{width:70px;height:70px;border-radius:8px;}
.qt-footer-wechat span{font-size:0.8rem;color:rgba(255,255,255,0.5);}
.qt-footer-heading{font-size:0.95rem;color:#fff;margin-bottom:1.25rem;font-weight:600;}
.qt-footer-links li{margin-bottom:0.25rem;}
.qt-footer-links a{font-size:0.85rem;color:rgba(255,255,255,0.5);transition:color var(--qt-transition);line-height:2;}
.qt-footer-links a:hover{color:#fff;}
.qt-footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding:1.5rem 0;}
.qt-footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.qt-footer-bottom-inner p{font-size:0.8rem;color:rgba(255,255,255,0.4);margin:0;}
.qt-footer-bottom-links{display:flex;gap:1.5rem;}
.qt-footer-bottom-links a{font-size:0.8rem;color:rgba(255,255,255,0.4);transition:color var(--qt-transition);}
.qt-footer-bottom-links a:hover{color:#fff;}
.qt-scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease;}
.qt-scroll-reveal.qt-revealed{opacity:1;transform:translateY(0);}
.qt-weather-canvas-wrap{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9997;}
.qt-weather-canvas-wrap canvas{width:100%;height:100%;}
.qt-weather-close{position:fixed;top:80px;right:20px;pointer-events:all;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,0.3);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:9998;transition:all var(--qt-transition);}
.qt-weather-close:hover{background:rgba(0,0,0,0.5);}
@media(max-width:991px){
.qt-features-grid{grid-template-columns:repeat(2,1fr);}
.qt-news-grid{grid-template-columns:repeat(2,1fr);}
.qt-city-grid{grid-template-columns:repeat(4,1fr);}
.qt-values-grid{grid-template-columns:repeat(2,1fr);}
.qt-related-grid{grid-template-columns:repeat(2,1fr);}
.qt-hero-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;}
.qt-nav-cta span{display:none;}
.qt-list-card{flex-direction:column;}
.qt-list-img img{width:100%;height:200px;}
}
@media(max-width:767px){
.qt-capsule-nav{padding:0.6rem 1rem;gap:0.75rem;border-radius:20px;width:calc(100% - 2rem);justify-content:space-between;}
.qt-nav-links{display:none;}
.qt-nav-hamburger{display:flex;}
.qt-nav-brand-text{font-size:0.9rem;}
.qt-features-grid{grid-template-columns:1fr;}
.qt-news-grid{grid-template-columns:repeat(2,1fr);}
.qt-city-grid{grid-template-columns:repeat(4,1fr);gap:0.5rem;}
.qt-values-grid{grid-template-columns:repeat(2,1fr);}
.qt-related-grid{grid-template-columns:repeat(2,1fr);}
.qt-hero-section{padding:10vh 0;min-height:auto;}
.qt-tab-dashboard-section,.qt-features-section,.qt-physics-section,.qt-ar-section,.qt-news-section,.qt-city-section,.qt-cta-section,.qt-about-intro,.qt-about-values,.qt-about-timeline,.qt-contact-section,.qt-news-list-section,.qt-detail-section{padding:10vh 0;min-height:auto;}
.qt-tab-nav{gap:0.25rem;padding:0.35rem;}
.qt-tab-item{padding:0.6rem 1rem;font-size:0.8rem;}
.qt-cta-card{padding:2.5rem 1.5rem;}
.qt-form-row{grid-template-columns:1fr;}
.qt-footer-bottom-inner{flex-direction:column;text-align:center;}
.qt-physics-container{height:350px;}
.qt-physics-grid{grid-template-columns:repeat(4,1fr);}
.qt-detail-article{padding:1.5rem;}
.qt-contact-form-wrap{padding:1.5rem;}
.qt-hero-actions{flex-direction:column;align-items:center;}
.qt-hero-actions .qt-btn{width:100%;max-width:300px;}
.qt-page-banner{padding:10vh 0 5vh;}
}
@media(max-width:479px){
.qt-city-grid{grid-template-columns:repeat(3,1fr);}
.qt-news-grid{grid-template-columns:1fr;}
.qt-values-grid{grid-template-columns:1fr;}
.qt-related-grid{grid-template-columns:repeat(2,1fr);}
.qt-hero-stats{grid-template-columns:repeat(2,1fr);}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
.qt-scroll-reveal{opacity:1;transform:none;}
.qt-damping-layer,.qt-hero-damping-layer{transform:none !important;}
.qt-marquee-content{animation:none !important;}
}