:root{--bg:#f5f3f0;--surface:#fff;--surface-warm:#ffffffc7;--line:#0934521a;--line-subtle:#0934520f;--text:#5e6366;--text-strong:#1a1c1e;--text-weak:#9ba1a4;--brand:#093452;--brand-deep:#062436;--brand-light:#1a4f6e;--brand-soft:#3a6a85;--gold:#c8a96e;--gold-light:#c8a96e1f;--shadow:0 20px 60px #0000000f;--shadow-soft:0 8px 30px #0000000a;--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--container:1200px;--sans:"Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;color:var(--text);background:var(--bg);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.65}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body,a,button,input,textarea{font-family:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}button{cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0}:root{--brand:#1a3a52;--brand-deep:#033251;--brand-soft:#4a90e2;--text-strong:#1a1a1a;--text:#4a4a4a;--text-weak:#8a8a8a;--surface:#f8f7f4;--line:#e0ded8;--line-subtle:#eeebe4;--radius-sm:8px;--radius-lg:16px;--radius-xl:24px;--container:1200px;--shadow-soft:0 2px 12px #0000000a;--shadow:0 8px 32px #0000000f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--text);background:#f5f3f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer;background:0 0;border:none}.page-shell{width:100%}.wrap{width:min(100% - 48px, var(--container));margin:0 auto}.page-section{padding:48px 0}.page-heading{padding:40px 0 8px}.page-heading h1{color:var(--text-strong);font-size:clamp(2rem,3vw,2.8rem);line-height:1.12}.page-heading p{max-width:68ch;color:var(--text);margin-top:12px}.navbar{z-index:20;width:min(100% - 48px, var(--container));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#ffffffe0;border-radius:999px;justify-content:space-between;align-items:center;margin:16px auto 0;padding:14px 28px;display:flex;position:sticky;top:16px}.nav-links{color:var(--text);align-items:center;gap:28px;font-size:.9rem;display:flex}.nav-links a{color:var(--text);transition:color .2s}.nav-links a:hover{color:var(--brand)}.brand-link{color:inherit;flex-shrink:0}.nav-cta{background:var(--brand);color:#fff;white-space:nowrap;border-radius:999px;padding:10px 24px;font-size:.88rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #0934522e}.nav-cta:hover{transform:translateY(-1px)}.hamburger{cursor:pointer;z-index:30;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:none;position:relative}.hamburger span{background:var(--text-strong);transform-origin:50%;border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{z-index:25;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:flex-start;padding-top:100px;transition:opacity .3s;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu-inner{border-radius:var(--radius-xl);background:#fff;flex-direction:column;gap:4px;width:min(100% - 48px,360px);padding:36px 32px;transition:transform .3s;display:flex;transform:translateY(-12px);box-shadow:0 24px 80px #00000026}.mobile-menu.open .mobile-menu-inner{transform:translateY(0)}.mobile-menu-link{color:var(--text-strong);border-radius:var(--radius-sm);padding:14px 16px;font-size:1.05rem;font-weight:500;transition:background .15s;display:block}.mobile-menu-link:active{background:#0934520f}.mobile-menu-cta{background:var(--brand);color:#fff;text-align:center;border-radius:999px;margin-top:12px;padding:16px;font-size:1rem;font-weight:600;display:block}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:80px 0 60px;display:grid}.hero-text{flex-direction:column;gap:28px;display:flex}.hero-eyebrow{color:var(--brand-soft);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:700}.hero h1{color:var(--text-strong);letter-spacing:-.02em;font-size:clamp(2.8rem,4.5vw,4.4rem);font-weight:700;line-height:1.12}.hero-desc{color:var(--text);max-width:44ch;font-size:1.05rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 28px;font-size:.94rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 12px 24px #09345233}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #09345240}.btn-outline{border:1.5px solid var(--brand);color:var(--brand);background:0 0}.btn-outline:hover{background:#0934520a}.hero-visual{position:relative}.hero-image-card{border-radius:var(--radius-xl);box-shadow:var(--shadow);background:linear-gradient(#fff,#fffc);place-items:center;min-height:540px;display:grid;overflow:hidden}.hero-image-card img{object-fit:cover;object-position:center 35%;width:100%;height:100%}.intro-strip{padding:24px 0 40px}.intro-strip p{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line-subtle);color:var(--text-strong);box-shadow:var(--shadow-soft);padding:32px 36px;font-size:1.1rem;line-height:1.75}.trust-section{padding:48px 0}.section-head{flex-direction:column;gap:8px;margin-bottom:36px;display:flex}.section-head .eyebrow{color:var(--brand-soft);text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:700}.section-head h2{color:var(--text-strong);letter-spacing:-.01em;font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:700}.trust-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.trust-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line-subtle);text-align:center;box-shadow:var(--shadow-soft);padding:32px 28px}.trust-icon{margin-bottom:16px;font-size:2rem}.trust-card h3{color:var(--text-strong);margin-bottom:8px;font-size:1.05rem;font-weight:700}.trust-card p{color:var(--text);font-size:.9rem;line-height:1.6}.products-section{padding:48px 0}.product-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.product-card{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line-subtle);box-shadow:var(--shadow-soft);transition:transform .25s,box-shadow .25s;overflow:hidden}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.product-card-img{background:linear-gradient(#f8f8f7,#fff);place-items:center;height:320px;display:grid;overflow:hidden}.product-card-img img{object-fit:cover;width:100%;height:100%}.product-card-body{padding:24px 28px 28px}.product-card-body h3{color:var(--text-strong);margin-bottom:8px;font-size:1.2rem}.product-card-body p{color:var(--text);font-size:.92rem;line-height:1.6}.scenes-section{padding:48px 0}.scene-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.scene-card{border-radius:var(--radius-xl);place-items:end;height:380px;display:grid;position:relative;overflow:hidden}.scene-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.scene-card:hover .scene-card-img{transform:scale(1.05)}.scene-card .scene-label{color:#fff;background:linear-gradient(#0000,#0006);width:100%;padding:24px;font-size:1.05rem;font-weight:600}.story-page-root{overflow:hidden}.story-hero{background:var(--brand-deep);color:#fff;align-items:center;min-height:65vh;display:flex;position:relative;overflow:hidden}.story-hero-inner{width:min(100% - 48px, var(--container));z-index:1;flex-direction:column;gap:20px;max-width:640px;margin:0 auto;padding:clamp(60px,12vh,120px) 0;display:flex;position:relative}.story-hero-inner h1{letter-spacing:-.015em;font-size:clamp(2rem,5vw,3.8rem);font-weight:700;line-height:1.1}.story-hero-lead{opacity:.8;max-width:52ch;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.85}.story-hero-watermark{color:#ffffff06;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Noto Serif SC,STSong,serif;font-size:clamp(12rem,28vw,28rem);font-weight:900;line-height:1;position:absolute;bottom:-20px;right:clamp(-20px,-5vw,40px)}.story-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--brand-soft);font-size:.68rem;font-weight:700}.story-label-light{text-transform:uppercase;letter-spacing:.2em;color:#ffffff73;font-size:.68rem;font-weight:700}.story-words{width:min(100% - 48px, var(--container));grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);margin:0 auto;padding:clamp(64px,10vw,100px) 0;display:grid}.story-word{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line-subtle);box-shadow:var(--shadow-soft);flex-direction:column;gap:16px;padding:clamp(32px,5vw,56px) clamp(24px,4vw,48px);display:flex}.story-word-char{color:var(--brand);font-family:Noto Serif SC,STSong,serif;font-size:clamp(3.5rem,8vw,7rem);font-weight:900;line-height:.85}.story-word-sub{color:var(--text-weak);margin-top:-8px;font-size:.82rem}.story-word p{color:var(--text);font-size:clamp(.85rem,1vw,.95rem);line-height:1.8}.story-word blockquote{border-left:3px solid var(--brand-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--brand);background:#1a3a5208;margin:4px 0;padding:18px 22px;font-size:.95rem;line-height:1.6}.story-word blockquote cite{color:var(--text-weak);margin-top:4px;font-size:.78rem;font-style:normal;display:block}.story-meaning{text-align:center;width:min(100% - 48px,720px);margin:0 auto;padding:clamp(48px,8vw,80px) 0}.story-meaning h2{color:var(--text-strong);letter-spacing:-.01em;margin:12px 0 20px;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:700}.story-meaning>p{color:var(--text);max-width:52ch;margin:0 auto;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.85}.story-philosophy{width:min(100% - 48px, var(--container));grid-template-columns:1fr 1fr;align-items:center;gap:clamp(36px,6vw,72px);margin:0 auto;padding:clamp(48px,8vw,80px) 0;display:grid}.story-philosophy-visual{border-radius:var(--radius-xl);aspect-ratio:4/3;background:linear-gradient(135deg, var(--brand-deep), var(--brand));position:relative;overflow:hidden}.story-philosophy-visual:after{content:"青出于蓝";color:#fff3;letter-spacing:.12em;font-size:clamp(1rem,2vw,1.5rem);font-weight:700;position:absolute;bottom:28px;left:28px}.story-philosophy-body{flex-direction:column;gap:20px;display:flex}.story-philosophy-body h2{color:var(--text-strong);font-size:clamp(1.35rem,2.5vw,2rem);font-weight:700;line-height:1.25}.story-philosophy-body>p{color:var(--text);font-size:clamp(.88rem,1vw,.98rem);line-height:1.75}.story-principles{flex-direction:column;gap:18px;margin:8px 0 0;padding:0;list-style:none;display:flex}.story-principles li{align-items:flex-start;gap:16px;display:flex}.story-principles li strong{background:var(--brand);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:clamp(40px,5vw,52px);height:clamp(40px,5vw,52px);font-size:.78rem;font-weight:600;display:grid}.story-principles li span{color:var(--text);padding-top:2px;font-size:clamp(.82rem,1vw,.9rem);line-height:1.7}.story-data{text-align:center;width:min(100% - 48px,720px);margin:0 auto;padding:clamp(48px,8vw,80px) 0}.story-data h2{color:var(--text-strong);margin:12px 0 16px;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:700;line-height:1.3}.story-data-intro{color:var(--text);max-width:54ch;margin:0 auto 40px;font-size:clamp(.85rem,1vw,.95rem);line-height:1.8}.story-data-grid{grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,24px);display:grid}.story-data-item{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line-subtle);box-shadow:var(--shadow-soft);flex-direction:column;align-items:center;gap:8px;padding:clamp(24px,4vw,44px) clamp(12px,2vw,24px);display:flex}.story-data-num{color:var(--brand);align-items:baseline;gap:2px;font-family:Noto Serif SC,STSong,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1;display:flex}.story-data-unit{font-size:.45em;font-weight:600}.story-data-label{color:var(--text);font-size:clamp(.7rem,.9vw,.82rem);line-height:1.5}.story-data-note{color:var(--text-weak);margin-top:28px;font-size:.75rem}.story-definition{width:min(100% - 48px, var(--container));text-align:center;margin:0 auto;padding:clamp(48px,8vw,80px) 0}.story-definition h2{color:var(--text-strong);margin:12px 0 36px;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:700}.story-definition-grid{grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);display:grid}.story-definition-card{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line-subtle);box-shadow:var(--shadow-soft);text-align:left;padding:clamp(28px,4vw,44px) clamp(20px,3vw,32px);transition:transform .25s,box-shadow .25s}.story-definition-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.story-definition-num{color:var(--brand-soft);letter-spacing:.1em;margin-bottom:14px;font-size:.7rem;font-weight:700;display:block}.story-definition-card h3{color:var(--text-strong);margin-bottom:10px;font-size:clamp(1rem,1.2vw,1.1rem);font-weight:700}.story-definition-card p{color:var(--text);font-size:clamp(.82rem,.9vw,.9rem);line-height:1.7}.story-vision{background:var(--brand-deep);color:#fff;text-align:center;padding:clamp(64px,12vh,120px) 24px}.story-vision h2{margin:12px 0 20px;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.25}.story-vision p{opacity:.8;max-width:52ch;margin:0 auto;font-size:clamp(.88rem,1.1vw,1rem);line-height:1.85}.story-vision-tagline{letter-spacing:.08em;font-family:Noto Serif SC,STSong,serif;opacity:.45!important;margin-top:28px!important;font-size:clamp(.95rem,1.3vw,1.15rem)!important}.cta-band{border-radius:var(--radius-xl);text-align:center;background:var(--brand);color:#fff;margin:60px 0 80px;padding:64px;box-shadow:0 24px 60px #0934522e}.cta-band h2{margin-bottom:12px;font-size:2rem;font-weight:700}.cta-band p{opacity:.85;margin-bottom:32px;font-size:1.05rem}.cta-band .btn{color:var(--brand);background:#fff}.footer{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:36px;padding:56px 0 40px;display:grid}.footer-col h4{color:var(--text-weak);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;font-size:.85rem}.footer-col a{color:var(--text);padding:5px 0;font-size:.94rem;transition:color .2s;display:block}.footer-col a:hover{color:var(--text-strong)}.footer-bottom{border-top:1px solid var(--line-subtle);color:var(--text-weak);justify-content:space-between;padding:24px 0;font-size:.85rem;display:flex}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);background:#fff;width:100%;max-width:480px;max-height:90vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000026}.modal-close{color:var(--text-weak);cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute;top:16px;right:20px}.modal-title{color:var(--text-strong);margin-bottom:4px;font-size:1.5rem}.modal-desc{color:var(--text);margin-bottom:28px;font-size:.92rem}.modal label{color:var(--text-strong);margin-top:16px;margin-bottom:6px;font-size:.88rem;font-weight:600;display:block}.modal input,.modal textarea{border:1px solid var(--line);border-radius:var(--radius-sm);outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.94rem;transition:border .2s}.modal input:focus,.modal textarea:focus{border-color:var(--brand)}.modal-success{text-align:center;padding:20px 0}.modal-success-icon{width:64px;height:64px;color:var(--brand);background:#09345214;border-radius:50%;place-items:center;margin:0 auto 20px;font-size:1.8rem;display:grid}.modal-success h3{color:var(--text-strong);margin-bottom:8px;font-size:1.3rem}.modal-success p{color:var(--text);margin-bottom:24px;font-size:.94rem}.breadcrumb{color:var(--text-weak);align-items:center;gap:8px;font-size:.85rem;display:flex}.breadcrumb a{color:var(--text-weak);transition:color .2s}.breadcrumb a:hover{color:var(--text-strong)}.breadcrumb-sep{color:var(--line)}.breadcrumb-current{color:var(--text-strong);font-weight:600}.pd-hero{grid-template-columns:1fr 1fr;align-items:flex-start;gap:64px;display:grid}.pd-hero-text{flex-direction:column;gap:16px;display:flex}.pd-hero-text h1{color:var(--text-strong);letter-spacing:-.01em;font-size:clamp(2.2rem,3.5vw,3rem);font-weight:700;line-height:1.2}.pd-subtitle{color:var(--brand-soft);margin-top:-4px;font-size:1rem;font-weight:500}.pd-hero-desc{color:var(--text);max-width:52ch;font-size:.96rem;line-height:1.85}.pd-hero-meta{border-top:1px solid var(--line-subtle);border-bottom:1px solid var(--line-subtle);gap:32px;padding:20px 0;display:flex}.pd-hero-meta-item{flex-direction:column;gap:2px;display:flex}.pd-hero-meta-val{color:var(--text-strong);font-size:1.15rem;font-weight:700}.pd-hero-meta-label{color:var(--text-weak);font-size:.8rem}.pd-hero-actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.pd-hero-visual{border-radius:var(--radius-xl);box-shadow:var(--shadow);background:linear-gradient(#f8f8f6,#fff);place-items:center;display:grid;overflow:hidden}.pd-hero-visual img{width:100%;height:auto;display:block}.pd-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pd-feature-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line-subtle);box-shadow:var(--shadow-soft);text-align:center;padding:36px 28px;transition:transform .25s,box-shadow .25s}.pd-feature-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.pd-feature-icon{color:var(--brand);margin-bottom:16px;font-size:1.6rem}.pd-feature-card h3{color:var(--text-strong);margin-bottom:10px;font-size:1.1rem;font-weight:700}.pd-feature-card p{color:var(--text);font-size:.9rem;line-height:1.7}.pd-specs-table{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line-subtle);box-shadow:var(--shadow-soft);overflow:hidden}.pd-spec-row{border-bottom:1px solid var(--line-subtle);grid-template-columns:180px 1fr;display:grid}.pd-spec-row:last-child{border-bottom:none}.pd-spec-label{color:var(--text-strong);background:#09345208;padding:16px 24px;font-size:.9rem;font-weight:600}.pd-spec-value{color:var(--text);padding:16px 24px;font-size:.92rem}.pd-materials{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pd-material-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line-subtle);box-shadow:var(--shadow-soft);padding:36px 28px}.pd-material-card h4{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:1rem;font-weight:700}.pd-material-card p{color:var(--text);font-size:.9rem;line-height:1.7}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;padding:20px 0 40px;display:grid}.contact-info h3{color:var(--text-strong);margin-bottom:12px;font-size:1.2rem}.contact-info p{color:var(--text);margin-bottom:4px;line-height:1.8}.contact-card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--line-subtle);padding:36px}.contact-card h3{color:var(--text-strong);margin-bottom:12px;font-size:1.1rem}.contact-card p{color:var(--text);margin-bottom:20px;line-height:1.7}@media (width<=1024px){.hero{gap:40px;padding:48px 0 40px}.hero h1{font-size:2.4rem}.hero-image-card{min-height:400px}.trust-grid{grid-template-columns:repeat(2,1fr)}.story-hero{grid-template-columns:1fr;align-items:start;min-height:auto}.story-hero-visual{height:auto;min-height:240px}.story-hero-text{padding:40px 36px 48px}.story-philosophy{gap:40px}.story-philosophy-visual{height:300px}}@media (width<=768px){.navbar{border-radius:var(--radius-lg);padding:12px 20px;top:10px}.nav-links,.nav-cta-desktop{display:none}.hamburger{display:flex}.navbar .brand-link img{height:34px}.hero{grid-template-columns:1fr;gap:28px;padding:24px 0 32px}.hero-text{gap:16px}.hero h1{font-size:2rem;line-height:1.2}.hero-desc{font-size:.95rem}.hero-image-card{min-height:300px}.hero-actions{flex-direction:column}.hero-actions .btn{text-align:center;width:100%}.intro-strip p{border-radius:var(--radius-lg);padding:24px;font-size:.95rem}.section-head h2{font-size:1.5rem}.trust-card{padding:24px 20px}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product-card-img{height:220px}.product-card-body{padding:16px 18px}.product-card-body h3{font-size:1.05rem}.scene-grid{grid-template-columns:1fr;gap:12px}.scene-card{height:260px}.story-hero{grid-template-columns:1fr;min-height:auto}}