:root{--ink:#1e2933;--muted:#6c7886;--soft:#f5f8f8;--mint:#c7eee3;--blue:#bdeaf5;--cream:#f4e8d5;--line:rgba(43,74,87,.14);--shadow:0 26px 80px rgba(31,66,82,.16)}*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:#fbfdfd;overflow-x:hidden}.page-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 15% 10%,rgba(199,238,227,.75),transparent 32%),radial-gradient(circle at 78% 8%,rgba(189,234,245,.75),transparent 28%),linear-gradient(180deg,#fff,#f5faf9 42%,#fff)}.page-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(30,41,51,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(30,41,51,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 76%,transparent)}
.topbar{position:sticky;top:0;z-index:10;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:rgba(255,255,255,.74);backdrop-filter:blur(18px);border-bottom:1px solid rgba(30,41,51,.08)}.brand{display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:.08em}.brand-mark{font-size:14px;color:#0f475a}.brand-line{width:34px;height:1px;background:#aacbd0}.topbar nav{display:flex;gap:28px}.topbar a{color:#334155;text-decoration:none;font-size:14px}.topbar a:hover{color:#008e98}
main{width:100%}.panel-section{max-width:1360px;margin:46px auto;border:1px solid var(--line);border-radius:36px;background:rgba(255,255,255,.72);box-shadow:var(--shadow);overflow:hidden}.hero{min-height:730px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;padding:52px 5vw 34px;position:relative}.hero:before{content:"";position:absolute;right:-16%;top:-28%;width:58%;height:78%;background:radial-gradient(circle,rgba(199,238,227,.85),transparent 60%);z-index:0}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow,.section-title span{font-size:13px;letter-spacing:.22em;color:#139aa0;font-weight:800}.hero h1{font-size:92px;line-height:1;margin:20px 0 8px;letter-spacing:.04em}.slogan{font-size:32px;margin:0 0 22px;color:#17384a;font-weight:650}.intro{max-width:520px;font-size:17px;line-height:1.9;color:var(--muted)}.hero-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-points span{padding:12px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 32px rgba(51,80,95,.08);font-weight:700}.hero-visual{min-height:610px;display:flex;align-items:center;justify-content:center}.hero-visual img{width:min(760px,100%);filter:drop-shadow(0 34px 30px rgba(28,54,68,.18));transform:translateX(-20px)}.circle-stage{position:absolute;bottom:64px;left:3%;right:8%;height:150px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(207,243,235,.48));box-shadow:inset 0 0 0 1px rgba(16,135,144,.14),0 30px 80px rgba(46,83,96,.18);transform:perspective(800px) rotateX(72deg)}.floating-card{position:absolute;background:rgba(255,255,255,.8);border:1px solid rgba(21,132,144,.18);backdrop-filter:blur(12px);border-radius:18px;padding:15px 18px;box-shadow:0 16px 44px rgba(30,65,80,.14)}.floating-card b{display:block;color:#115b68}.floating-card span{font-size:13px;color:#667281}.card-a{left:8%;top:110px}.card-b{right:8%;bottom:145px}
.section-title h2{font-size:42px;line-height:1.18;margin:12px 0 12px}.section-title p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.centered{text-align:center;max-width:820px;margin:0 auto}.position-section{max-width:1180px;margin:90px auto;padding:0 5vw}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.position-grid article{background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:0 18px 60px rgba(37,74,87,.08)}.position-grid strong{font-size:24px}.position-grid p{color:var(--muted);line-height:1.8}
.power-section,.craft-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px}.split-image{background:linear-gradient(145deg,#effdfa,#fff);border-radius:30px;min-height:520px;display:flex;align-items:center;justify-content:center}.split-image img,.craft-visual img{width:100%;max-width:650px;filter:drop-shadow(0 22px 30px rgba(34,54,66,.16))}.split-copy{padding:20px 30px 20px 55px}.feature-list{display:grid;gap:16px;margin-top:32px}.feature-list div{display:grid;grid-template-columns:58px 1fr;column-gap:18px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:20px}.feature-list i{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:linear-gradient(135deg,var(--mint),var(--blue));font-weight:900}.feature-list b{font-size:19px}.feature-list p{margin:6px 0 0;color:var(--muted);line-height:1.7}.details-section{max-width:1320px;margin:95px auto;padding:0 5vw}.detail-board{margin-top:38px;display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:center}.detail-main{border-radius:36px;background:linear-gradient(135deg,#fff 0%,#effbf9 100%);border:1px solid var(--line);padding:20px;box-shadow:var(--shadow)}.detail-main img{width:100%;display:block;filter:drop-shadow(0 20px 25px rgba(34,54,66,.16))}.detail-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-cards article{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;min-height:190px;box-shadow:0 16px 48px rgba(37,74,87,.08)}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:#f1fbf8;color:#0a9ba2;font-size:24px}.detail-cards h3{margin:18px 0 8px}.detail-cards p{color:var(--muted);line-height:1.7}.craft-section{background:linear-gradient(135deg,#152229,#26343b);color:#fff}.craft-copy{padding:20px 40px}.craft-section .section-title p,.craft-section .section-title span{color:rgba(255,255,255,.72)}.craft-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.craft-tags span{padding:13px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08)}.craft-visual{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.16),transparent 60%);border-radius:30px;min-height:500px}.craft-visual img{filter:drop-shadow(0 30px 34px rgba(0,0,0,.38))}.craft-image-wrap{background:#f5f8f8;border-radius:24px;padding:24px;width:100%;max-width:650px;display:flex;align-items:center;justify-content:center}.craft-image-wrap img{width:100%;filter:drop-shadow(0 20px 28px rgba(0,0,0,.22))}
.colors-section{max-width:1260px;margin:100px auto;padding:0 5vw}.color-showcase{margin-top:38px;border-radius:36px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:32px;display:grid;grid-template-columns:1fr 340px;gap:28px}.color-preview{min-height:620px;border-radius:28px;background:radial-gradient(circle at 50% 52%,#e5fbf6,transparent 52%),linear-gradient(145deg,#f8fbfb,#fff);display:flex;align-items:center;justify-content:center;overflow:hidden}.color-preview img{max-width:93%;max-height:610px;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(37,55,65,.18));transition:.36s ease}.color-controls{display:flex;flex-direction:column;justify-content:center;gap:16px}.color-controls button{appearance:none;border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px 18px;display:flex;align-items:center;gap:14px;font-size:18px;font-weight:700;cursor:pointer;transition:.22s}.color-controls button span{width:32px;height:32px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.color-controls button.active,.color-controls button:hover{transform:translateX(-4px);border-color:#8bd3d1;box-shadow:0 14px 42px rgba(36,89,102,.12)}.gallery-strip{max-width:1320px;margin:28px auto 100px;padding:0 5vw;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.gallery-strip img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:0 12px 34px rgba(37,74,87,.08)}.specs-section{max-width:1180px;margin:100px auto;padding:0 5vw}.spec-card{margin-top:32px;background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);overflow:hidden}.spec-card dl{display:grid;grid-template-columns:repeat(2,1fr);margin:0}.spec-card div{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--line);min-height:68px}.spec-card div:nth-last-child(-n+2){border-bottom:0}.spec-card dt{padding:22px;background:#f4faf9;color:#41616b;font-weight:700}.spec-card dd{margin:0;padding:22px;color:#1e2933}.cta-section{max-width:1180px;margin:100px auto 70px;padding:48px 5vw;border-radius:34px;background:linear-gradient(135deg,#c7eee3,#d7eef8 55%,#f3ead9);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.cta-section span{font-weight:900;color:#0d6872}.cta-section h2{font-size:36px;margin:12px 0}.cta-section p{margin:0;color:#50606b}.cta-section a{padding:15px 24px;background:#13252c;color:#fff;border-radius:999px;text-decoration:none;white-space:nowrap}
@media(max-width:980px){.topbar nav{display:none}.hero,.power-section,.craft-section,.detail-board,.color-showcase{grid-template-columns:1fr}.hero{padding-top:44px}.hero h1{font-size:64px}.hero-visual{min-height:460px}.position-grid,.detail-cards,.spec-card dl,.gallery-strip{grid-template-columns:1fr}.split-copy,.craft-copy{padding:28px 0}.spec-card div{grid-template-columns:130px 1fr}.cta-section{flex-direction:column;gap:24px;align-items:flex-start}.color-preview{min-height:420px}}