:root{--color-bg:#f4f7fb;--color-surface:#ffffffeb;--color-surface-strong:#fff;--color-surface-soft:#eaf0fb;--color-text:#162033;--color-text-soft:#58647a;--color-primary:#2364ff;--color-primary-deep:#07193a;--color-primary-soft:#dce7ff;--color-accent:#15b887;--color-border:#0f172a17;--shadow-card:0 20px 50px #0a183814;--shadow-floating:0 24px 60px #0a183829;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--transition-base:.18s ease;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #2364ff1f, transparent 32%), radial-gradient(circle at bottom right, #15b88714, transparent 28%), var(--color-bg);min-width:320px;margin:0}body,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{cursor:pointer}p,h1,h2,h3{margin:0}h1,h2,h3{color:var(--color-primary-deep);line-height:1.15}h1{letter-spacing:-.04em;font-size:clamp(2.35rem,4vw,4.5rem)}h2{letter-spacing:-.03em;font-size:clamp(1.7rem,2.6vw,2.8rem)}h3{font-size:1.2rem}#root{min-height:100dvh}.site-shell{flex-direction:column;min-height:100dvh;display:flex}.site-main{flex:1}.skip-link{z-index:200;background:var(--color-primary-deep);color:#fff;border-radius:.875rem;padding:.75rem 1rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.container{width:min(1180px,100% - 2rem);margin:0 auto}.section{padding:clamp(3rem,5vw,5rem) 0}.section-alt{background:#ffffff8c}.section-heading,.page-hero .container{gap:1rem;display:grid}.section-heading.compact{gap:.75rem}.section-eyebrow,.hero-eyebrow{border-radius:var(--radius-pill);width:fit-content;color:var(--color-primary);background:#2364ff14;border:1px solid #ffffff24;align-items:center;gap:.5rem;padding:.45rem .95rem;font-size:.92rem;font-weight:600;display:inline-flex}.section-intro,.page-intro,.feature-card p,.entry-card p,.cta-panel p,.news-card p,.info-card p,.product-copy p,.accordion-summary,.ranking-company-header p,.tab-content-card p,.desktop-qr-copy span,.footer-copy{color:var(--color-text-soft)}.button-primary,.button-secondary{border-radius:var(--radius-pill);min-height:3rem;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);border:1px solid #0000;justify-content:center;align-items:center;padding:.85rem 1.35rem;display:inline-flex}.button-primary{background:linear-gradient(135deg, var(--color-primary) 0%, #1140ba 100%);color:#fff;box-shadow:0 12px 30px #2364ff47}.button-secondary{color:#fff;background:#ffffff1f;border-color:#ffffff3d}.button-primary:hover,.button-secondary:hover,.text-link:hover,.header-link:hover,.footer-icp-link:hover,.desktop-qr-button:hover,.tab-trigger:hover,.accordion-trigger:hover{transform:translateY(-1px)}.button-primary:focus-visible,.button-secondary:focus-visible,.text-link:focus-visible,.header-link:focus-visible,.menu-toggle:focus-visible,.mobile-menu-link:focus-visible,.mobile-menu-close:focus-visible,.desktop-qr-button:focus-visible,.tab-trigger:focus-visible,.accordion-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.site-header{z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f7fbd9;border-bottom:1px solid #0f172a0f;position:sticky;top:0}.header-inner{align-items:center;gap:1.25rem;min-height:5rem;display:flex}.brand-link{flex-shrink:0;align-items:center;gap:.85rem;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--color-primary-deep), var(--color-primary));color:#fff;border-radius:1rem;place-items:center;width:2.9rem;height:2.9rem;font-weight:700;display:inline-grid;box-shadow:0 12px 24px #2364ff38}.brand-copy{gap:.05rem;display:grid}.brand-copy strong{color:var(--color-primary-deep);font-size:1.05rem}.brand-copy span{color:var(--color-text-soft);font-size:.88rem}.header-nav{align-items:center;gap:.35rem;margin-left:.5rem;display:flex}.header-link{border-radius:var(--radius-pill);color:var(--color-text-soft);transition:background-color var(--transition-base), color var(--transition-base), transform var(--transition-base);padding:.72rem 1rem}.header-link.is-active{background:var(--color-surface-strong);color:var(--color-primary-deep);box-shadow:var(--shadow-card)}.header-actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.header-cta{min-width:7.25rem}.menu-toggle{border:1px solid var(--color-border);background:var(--color-surface-strong);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.28rem;width:3rem;height:3rem;display:none}.menu-toggle span{background:var(--color-primary-deep);width:1.2rem;height:.14rem;transition:transform var(--transition-base);border-radius:999px;display:block}.menu-toggle.is-open span:first-child{transform:translateY(.42rem)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){transform:scaleX(0)}.menu-toggle.is-open span:nth-child(3){transform:translateY(-.42rem)rotate(-45deg)}.mobile-menu-backdrop{z-index:118;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#08142c73;border:0;position:fixed;inset:0}.mobile-menu-backdrop.is-open{opacity:1;pointer-events:auto}.mobile-menu{z-index:119;width:min(24rem,92vw);height:100dvh;box-shadow:var(--shadow-floating);transition:transform var(--transition-base);background:#fffffffa;flex-direction:column;gap:1.5rem;padding:1.25rem;display:flex;position:fixed;top:0;right:0;transform:translate(110%)}.mobile-menu.is-open{transform:translate(0)}.mobile-menu-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.mobile-brand-copy span{max-width:14rem}.mobile-menu-close{background:var(--color-surface-soft);width:2.75rem;height:2.75rem;color:var(--color-primary-deep);border:0;border-radius:999px;font-size:1.4rem}.mobile-menu-nav{gap:.65rem;display:grid}.mobile-menu-link{background:var(--color-surface-soft);color:var(--color-text-soft);border-radius:1rem;padding:.9rem 1rem}.mobile-menu-link.is-active{color:var(--color-primary-deep);background:#2364ff1a}.mobile-menu-cta{margin-top:auto}.hero-frame{border-radius:var(--radius-2xl);min-height:clamp(26rem,64vw,38rem);box-shadow:var(--shadow-floating);background:#07193a;position:relative;overflow:hidden}.hero-slide{opacity:0;pointer-events:none;transition:opacity .36s;position:absolute;inset:0}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-media-layer,.hero-media{width:100%;height:100%}.hero-media{object-fit:cover}.hero-overlay{background:linear-gradient(90deg,#07193adb 0%,#07193a47 55%,#07193a4d 100%),linear-gradient(#07193a14 0%,#07193a52 100%);position:absolute;inset:0}.hero-content{z-index:1;color:#fff;flex-direction:column;justify-content:center;gap:1.25rem;width:min(38rem,100%);height:100%;padding:clamp(2rem,4.6vw,4rem);display:flex;position:relative}.hero-content h1,.hero-content p{color:#fff}.hero-content p{color:#ffffffd1;max-width:34rem;font-size:1.05rem}.hero-eyebrow{color:#fff;background:#ffffff1f}.hero-actions{flex-wrap:wrap;gap:.85rem;display:flex}.hero-indicators{z-index:2;gap:.7rem;display:flex;position:absolute;bottom:1.75rem;left:clamp(2rem,4.6vw,4rem)}.hero-indicator{background:#ffffff61;border:0;border-radius:50%;width:.9rem;height:.9rem;padding:0}.hero-indicator.is-active{background:#fff}.feature-grid,.entry-grid,.card-grid,.news-grid,.ranking-company-list{gap:1.25rem;display:grid}.feature-grid,.entry-grid,.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.entry-card,.info-card,.news-card,.tab-content-card,.ranking-company-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);padding:1.5rem}.feature-card,.entry-card,.news-card,.tab-content-card{gap:.8rem;display:grid}.text-link{width:fit-content;color:var(--color-primary);font-weight:600}.cta-panel{border-radius:var(--radius-2xl);box-shadow:var(--shadow-floating);background:linear-gradient(135deg,#07193afa,#2364ffeb);grid-template-columns:1.4fr auto;align-items:center;gap:1.5rem;padding:clamp(1.6rem,3vw,2.4rem);display:grid}.cta-panel h2,.cta-panel p,.cta-panel .section-eyebrow{color:#fff}.cta-panel .section-eyebrow{background:#ffffff24;border-color:#0000}.cta-actions{flex-wrap:wrap;gap:.85rem;display:flex}.page-hero{padding-top:clamp(4rem,7vw,6rem);padding-bottom:2rem}.page-hero .container{border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);background:linear-gradient(#fffffff0,#eaf0fbe0);padding:clamp(1.8rem,3.4vw,2.6rem)}.page-intro{max-width:48rem}.about-section-list,.product-stack{gap:1.75rem;display:grid}.about-block{gap:1.25rem;display:grid}.card-grid,.card-grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card{align-content:start;gap:.85rem;min-height:12rem;display:grid}.product-card{border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface-strong);box-shadow:var(--shadow-card);overflow:hidden}.product-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.product-copy{gap:.8rem;padding:1.5rem;display:grid}.tabs-shell{border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface-strong);box-shadow:var(--shadow-card);padding:clamp(1.4rem,3vw,2rem)}.tabs-list{flex-wrap:wrap;gap:.75rem;display:flex}.tab-trigger{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-soft);min-height:3rem;color:var(--color-text-soft);transition:transform var(--transition-base), background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base);padding:.85rem 1rem}.tab-trigger.is-active{color:var(--color-primary-deep);background:#2364ff17;border-color:#2364ff3d}.tab-panel{gap:1.5rem;margin-top:1.5rem;display:grid}.tab-content-grid{grid-template-columns:1.25fr .9fr;gap:1.25rem;display:grid}.prose-list{gap:.85rem;display:grid}.bullet-list,.ranking-tags{flex-wrap:wrap;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.bullet-list li,.tag-chip{color:var(--color-primary-deep);background:#2364ff14;border-radius:1rem;padding:.6rem .85rem}.accordion-list{gap:1rem;display:grid}.accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-strong);box-shadow:var(--shadow-card);overflow:hidden}.accordion-trigger{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.25rem 1.5rem;display:flex}.accordion-trigger span{gap:.3rem;display:grid}.accordion-trigger strong{color:var(--color-primary-deep);font-size:1.15rem}.accordion-trigger small,.accordion-trigger-indicator{color:var(--color-text-soft)}.accordion-content{border-top:1px solid var(--color-border);gap:1.25rem;padding:0 1.5rem 1.5rem;display:grid}.ranking-company-card{gap:1rem;display:grid}.ranking-company-header{gap:.55rem;display:grid}.ranking-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.ranking-gallery img{aspect-ratio:3/2;object-fit:cover;border-radius:1rem;width:100%}.news-card time{color:var(--color-text-soft);font-size:.95rem}.news-category{border-radius:var(--radius-pill);color:#0f766e;background:#15b8871f;width:fit-content;padding:.4rem .85rem;font-weight:600;display:inline-flex}.site-footer{background:#ffffffb3;border-top:1px solid #0f172a0f;margin-top:auto;padding:1.8rem 0 2.2rem}.footer-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-brand{color:var(--color-primary-deep);font-weight:700}.footer-icp-link{color:var(--color-primary)}.desktop-qr-dock{z-index:90;align-items:flex-end;gap:.85rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.desktop-qr-panel{border:1px solid var(--color-border);width:14.75rem;box-shadow:var(--shadow-floating);background:#fffffff5;border-radius:1.35rem;padding:.95rem}.desktop-qr-panel img{border-radius:1rem;width:100%}.desktop-qr-copy{gap:.25rem;margin-top:.8rem;display:grid}.desktop-qr-copy strong{color:var(--color-primary-deep)}.desktop-qr-actions{gap:.65rem;display:grid}.desktop-qr-button{border:1px solid var(--color-border);width:3.2rem;height:3.2rem;color:var(--color-primary-deep);box-shadow:var(--shadow-card);background:#ffffffeb;border-radius:1rem;font-weight:700}.desktop-qr-button.is-active{background:linear-gradient(135deg, var(--color-primary), #1140ba);color:#fff;border-color:#0000}@media (width<=1024px){.header-nav,.desktop-cta,.desktop-qr-dock{display:none}.menu-toggle{display:inline-flex}.feature-grid,.entry-grid,.news-grid,.card-grid,.card-grid.three-cols,.ranking-gallery,.tab-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-panel{grid-template-columns:1fr}}@media (width<=768px){.container{width:min(100% - 1rem,100%)}.section{padding:2.8rem 0}.header-inner{min-height:4.5rem}.brand-copy span{display:none}.hero-frame{min-height:32rem}.hero-overlay{background:linear-gradient(#07193a33 0%,#07193ad1 70%,#07193af0 100%),linear-gradient(90deg,#07193a73 0%,#07193a26 100%)}.hero-content{justify-content:flex-end}.hero-indicators{bottom:1.25rem}.feature-grid,.entry-grid,.news-grid,.card-grid,.card-grid.three-cols,.ranking-gallery,.tab-content-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}@media (width<=560px){.container{width:calc(100% - 1rem)}.hero-frame{min-height:30rem}.hero-content{padding:1.4rem}.hero-content p{font-size:.98rem}.accordion-trigger{flex-direction:column;align-items:flex-start;padding:1rem 1.1rem}.accordion-content,.feature-card,.entry-card,.info-card,.news-card,.tab-content-card,.ranking-company-card,.product-copy{padding:1.15rem}}