@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f3f1e8;--ink:#151a18;--muted:#5c625d;--line:#d5d5ca;--acid:#d3ff4f;--blue:#3245e8;--orange:#f05e42;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}::selection{background:var(--acid);color:#111}.header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:50;color:#fff;mix-blend-mode:difference}.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:14px;letter-spacing:.04em}.logo-mark{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;gap:3px;border:1.5px solid currentColor;border-radius:50%;transform:rotate(-15deg)}.logo-mark i{width:3px;height:10px;background:currentColor;display:block;border-radius:3px}.logo-mark i:nth-child(2){height:16px}.nav{display:flex;align-items:center;gap:34px;font-size:11px;font-weight:600}.nav a{transition:opacity .2s}.nav a:hover{opacity:.55}.nav-contact{border-bottom:1px solid currentColor;padding:9px 0}.nav-contact b{font-size:16px;margin-left:16px}.menu{display:none}.mobile-nav{display:none}.hero{min-height:870px;padding:135px 5vw 0;position:relative;overflow:hidden;background:#151a18;color:#fff}.hero-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.05em;color:#d2d4cc;position:relative;z-index:3}.hero-top>span:first-child{display:flex;align-items:center;gap:9px}.live{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}.hero-copy{position:relative;z-index:5;margin-top:66px;pointer-events:none}.kicker{font-size:13px;letter-spacing:.16em;margin:0 0 14px;color:var(--acid);font-weight:600}.hero h1{font-size:clamp(86px,14vw,205px);line-height:.88;letter-spacing:-.09em;margin:0;font-weight:800;max-width:1050px}.hero h1 em{font-style:normal;color:var(--acid)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:27px;max-width:920px}.hero-bottom p{font-size:14px;line-height:1.8;color:#c0c5be;max-width:430px;margin:0}.round-link{pointer-events:auto;width:52px;height:52px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:background .25s,color .25s,transform .25s}.round-link:hover{background:var(--acid);color:#111;transform:rotate(-45deg)}.hero-visual{height:520px;position:absolute;right:4.5vw;top:345px;width:min(56vw,780px);overflow:hidden;background:#e45e41;isolation:isolate;cursor:none}.visual-caption{position:absolute;left:22px;top:20px;z-index:10;font-size:10px;letter-spacing:.12em;color:#fff}.sun{position:absolute;width:53vw;height:53vw;max-width:720px;max-height:720px;border-radius:50%;background:var(--acid);right:-7%;top:9%;mix-blend-mode:normal;animation:breathe 8s ease-in-out infinite}.orbit{position:absolute;border:1px solid #2939d766;border-radius:50%;z-index:1;left:44%;top:52%;transform:translate(-50%,-50%)}.orbit-a{width:72%;aspect-ratio:1}.orbit-b{width:54%;aspect-ratio:1;border-width:2px}.orbit-c{width:91%;aspect-ratio:1;border-style:dashed;animation:spin 45s linear infinite}.shape{position:absolute;z-index:2}.shape-blue{width:27%;aspect-ratio:1;background:var(--blue);border-radius:50%;left:14%;top:11%;animation:drift 7s ease-in-out infinite}.shape-coral{width:22%;aspect-ratio:1;background:#f5eee1;border-radius:50%;left:50%;bottom:4%;animation:drift 8s ease-in-out infinite reverse}.shape-lime{width:0;height:0;border-left:10vw solid transparent;border-right:10vw solid transparent;border-bottom:18vw solid #20251f;right:7%;top:15%;transform:rotate(18deg)}.floating-ui{position:absolute;z-index:4}.ui-main{width:52%;height:62%;left:21%;top:18%;background:#f5f1e5;color:#171b19;box-shadow:18px 22px 0 #101612;transform:rotate(-7deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.hero-visual:hover .ui-main{transform:rotate(-3deg) translateY(-12px) scale(1.02)}.ui-top{height:30px;background:#e3e1d6;border-bottom:1px solid #c5c6bb;display:flex;align-items:center;gap:5px;padding:0 11px}.ui-top i{width:5px;height:5px;border-radius:50%;background:#ea684b}.ui-top i:nth-child(2){background:#9caf84}.ui-top i:nth-child(3){background:#d0caab}.ui-top span{font-size:7px;margin-left:auto;color:#626860}.ui-content{padding:8%}.ui-content small{font-size:8px;color:#67726a}.ui-content b{display:block;font-size:clamp(18px,2.7vw,36px);line-height:1.1;margin-top:13px;letter-spacing:-.06em}.ui-line{display:block;background:#b8c5ad;width:70%;height:6px;margin-top:16px}.ui-line.short{width:43%;margin-top:7px}.ui-button{display:block;width:74px;height:23px;background:var(--orange);margin-top:18px}.ui-art{position:absolute;right:7%;top:23%;width:29%;aspect-ratio:1;border-radius:50%;background:#99b394;display:grid;place-items:center}.ui-art span{font-size:6vw;color:#f5f1e5}.ui-note{right:4%;bottom:10%;background:#20251f;color:#fff;padding:17px 20px;min-width:210px;transform:rotate(4deg);box-shadow:8px 10px 0 #f4eee1}.ui-note>span{display:block;font-size:8px;color:var(--acid);letter-spacing:.15em}.ui-note b{display:block;font-size:12px;margin-top:9px}.ui-note i{position:absolute;right:15px;top:15px;font-style:normal;color:var(--acid)}.visual-index{position:absolute;z-index:4;right:19px;top:50%;writing-mode:vertical-rl;color:#302b25;font-size:9px;letter-spacing:.2em}.hero-visual:after{content:'看见 / 理解 / 连接';position:absolute;left:24px;bottom:19px;font-size:9px;letter-spacing:.18em;color:#fff;z-index:4}.hero-scroll{position:absolute;bottom:24px;left:5vw;right:5vw;display:flex;justify-content:space-between;color:#8f9890;font-size:9px;letter-spacing:.12em}.hero-scroll span:nth-child(2){font-size:17px;color:var(--acid)}.band{background:var(--acid);padding:118px 10vw 105px}.intro-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.intro h2{font-size:clamp(44px,7vw,94px);line-height:1.2;letter-spacing:-.07em;margin:30px 0 18px}.intro h2 span{color:var(--blue)}.intro>p{font-size:13px;color:#34382f;margin:0}.section{max-width:var(--max);margin:auto;padding:130px 6vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:64px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#636b62}.section-head h2{font-size:clamp(48px,6.4vw,86px);line-height:1.08;letter-spacing:-.075em;margin:20px 0 0}.section-head>p{max-width:360px;color:#60655f;font-size:12px;line-height:1.9;margin:0 0 6px}.service-list{border-top:1px solid var(--line)}.service-row{min-height:290px;display:grid;grid-template-columns:45px minmax(220px,.9fr) 1.2fr 38px;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:28px 0;transition:padding .35s}.service-row:hover{padding-left:14px;padding-right:14px}.service-no{font-size:10px;color:#82877e;align-self:start;padding-top:7px}.service-art{height:225px;position:relative;overflow:hidden;display:grid;place-items:center}.art-web{background:#d8e0d0}.mini-site{position:relative;width:69%;height:72%;background:#243b35;transform:rotate(-6deg);box-shadow:12px 14px 0 #a2b39b}.mini-nav{height:16px;background:#f3f1e6;border-bottom:1px solid #b8c0ad}.mini-hero{position:absolute;left:12%;top:27%;width:54%}.mini-hero i{display:block;background:#e96a4c;width:26px;height:3px;margin-bottom:9px}.mini-hero b{display:block;background:#e6e8d9;height:8px;margin:6px 0;width:90%}.mini-hero b:nth-of-type(2){width:70%}.mini-hero small{display:block;height:4px;background:#9eb29d;width:82%;margin-top:10px}.mini-sun{position:absolute;right:9%;top:30%;width:29%;aspect-ratio:1;border-radius:50%;background:#a6bba2}.art-product{background:#d5d0bd}.phone{position:relative;z-index:2;width:100px;height:180px;border:5px solid #202924;border-radius:18px;background:#f5f1e5;transform:rotate(8deg);box-shadow:12px 15px 0 #b3a991;text-align:center}.phone>i{display:block;width:31px;height:7px;background:#202924;border-radius:0 0 8px 8px;margin:auto}.phone>b{display:block;font-size:40px;color:#5368df;margin:17px auto}.phone>span{display:block;width:60%;height:4px;background:#b1baa9;border-radius:5px;margin:9px auto}.phone small{display:inline-block;background:#d3ff4f;padding:6px 15px;font-size:8px;margin-top:13px}.phone-halo{position:absolute;width:180px;height:180px;border:1px solid #394cdf75;border-radius:50%}.art-brand{background:#edb6a0}.monogram{position:relative;z-index:1;font-size:76px;font-weight:800;letter-spacing:-.1em;color:#44352e;transform:rotate(-8deg)}.monogram span{color:#f5f1e8}.brand-circle{position:absolute;width:150px;height:150px;border:1px solid #6f48453d;border-radius:50%;right:15%;top:4%}.service-copy>span{font-size:10px;color:#70766c;letter-spacing:.08em}.service-copy h3{font-size:28px;letter-spacing:-.055em;margin:12px 0}.service-copy p{font-size:11px;line-height:1.9;color:#5b615b;max-width:470px;margin:0}.chips{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap}.chips i{font-style:normal;font-size:8px;border:1px solid #c6c8bd;padding:6px 9px;color:#616760}.row-arrow{width:34px;height:34px;border:1px solid #bfc3b8;border-radius:50%;display:grid;place-items:center;font-size:17px;transition:all .25s}.service-row:hover .row-arrow{background:var(--ink);color:#fff;border-color:var(--ink);transform:rotate(45deg)}.statement{position:relative;overflow:hidden;min-height:690px;background:#252e37;color:#fff;padding:105px 9vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;isolation:isolate}.statement-noise{position:absolute;inset:0;opacity:.15;background-image:radial-gradient(#fff 0.6px,transparent .6px);background-size:6px 6px;z-index:-1}.statement-content{position:relative;z-index:2}.statement .eyebrow{color:var(--acid)}.statement h2{font-size:clamp(56px,7vw,96px);line-height:1.08;letter-spacing:-.07em;margin:24px 0}.statement-content>p{font-size:12px;line-height:2;color:#c4c9c7;max-width:380px}.light-link{display:inline-flex;gap:28px;margin-top:18px;font-size:11px;border-bottom:1px solid #778077;padding-bottom:9px}.light-link span{color:var(--acid)}.steps{position:relative;z-index:2;border-top:1px solid #647079}.steps article{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:23px 0;border-bottom:1px solid #647079}.steps b{color:var(--acid);font-size:10px}.steps span{font-size:17px;font-weight:600}.steps small{grid-column:2;color:#aeb7b4;font-size:9px;margin-top:-7px}.statement-orb{position:absolute;border-radius:50%;border:1px solid #c5ff4d2b;z-index:0;pointer-events:none}.orb-one{width:550px;height:550px;right:-180px;top:-220px}.orb-two{width:410px;height:410px;right:-110px;top:-150px}.work{padding-top:128px}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.work-card{min-width:0}.work-image{height:440px;position:relative;overflow:hidden}.work-a .work-image{background:#d95d42;color:#fff}.work-b .work-image{background:#d2e1d1;color:#202724}.work-label{position:absolute;left:19px;top:18px;font-size:9px;letter-spacing:.12em;z-index:4}.work-type{position:absolute;z-index:3;left:8%;bottom:9%;font-size:clamp(40px,5vw,69px);font-weight:800;line-height:1;letter-spacing:-.08em}.work-type em{font-style:normal;color:var(--acid)}.work-window{position:absolute;right:9%;top:18%;width:48%;height:49%;background:#f1eee1;transform:rotate(-9deg);box-shadow:14px 15px 0 #292f2b}.work-window i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#e96a4c;margin:10px 0 0 8px}.work-window>b{display:block;position:absolute;left:12%;top:36%;width:60%;height:8px;background:#273a36}.work-window>span{position:absolute;width:34%;aspect-ratio:1;border-radius:50%;right:11%;top:25%;background:#9db49e}.work-stamp{position:absolute;right:6%;bottom:8%;width:74px;height:74px;border:1px solid #fff;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:12px;line-height:1.35;transform:rotate(12deg)}.work-b .work-image{background:#c4d4ed}.flow-orbit{position:absolute;left:50%;top:50%;width:285px;height:285px;border:1px solid #4b63b55e;border-radius:50%;transform:translate(-50%,-50%)}.flow-orbit:before,.flow-orbit:after{content:'';position:absolute;inset:32px -35px;border:1px solid #4b63b548;border-radius:50%}.flow-orbit:after{inset:-35px 32px}.flow-node{position:absolute;z-index:2;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:#384bdd;color:#fff;font-size:16px;font-weight:700;box-shadow:0 12px 28px #2a3a8140}.node-a{left:14%;top:24%}.node-b{right:12%;top:36%;background:#d75a41}.node-c{left:39%;bottom:9%;background:#28312e}.flow-line{position:absolute;left:29%;top:38%;width:48%;height:32%;border:1px solid #4d638c;border-radius:50%;transform:rotate(25deg)}.work-b .work-image>small{position:absolute;left:20px;bottom:19px;font-size:9px;letter-spacing:.12em}.work-caption{padding:18px 0}.work-caption>span{font-size:9px;color:#737a70;letter-spacing:.11em}.work-caption h3{font-size:19px;margin:10px 0 6px;letter-spacing:-.03em}.work-caption p{font-size:10px;color:#6a7069;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding-top:70px;padding-bottom:140px}.about-visual{height:490px;position:relative;background:#d3ff4f;display:grid;place-items:center;overflow:hidden}.about-mark{position:relative;z-index:2;font-size:clamp(110px,14vw,190px);font-weight:900;line-height:.8;letter-spacing:-.15em;color:#26312a;transform:rotate(-8deg)}.about-mark span{color:#fff}.about-disc{position:absolute;width:440px;height:440px;border:1px solid #34423c4f;border-radius:50%;right:-16%;top:12%}.about-disc:after{content:'';position:absolute;inset:42px;border:1px dashed #34423c4f;border-radius:50%;animation:spin 50s linear infinite}.about-note{position:absolute;left:22px;bottom:20px;font-size:10px;line-height:1.6;letter-spacing:.1em}.about-text .eyebrow{display:block}.about-text h2{font-size:clamp(43px,5vw,68px);line-height:1.14;letter-spacing:-.07em;margin:22px 0}.about-text>p{font-size:12px;color:#585f58;line-height:2;margin:0 0 15px}.about-values{display:flex;gap:20px;margin-top:27px}.about-values span{font-size:10px;border-bottom:1px solid #a6aaa0;padding-bottom:7px}.contact{background:var(--orange);color:#fff;position:relative;overflow:hidden;padding:100px 7vw 22px;min-height:545px}.contact-shape{position:absolute;width:570px;height:570px;border-radius:50%;border:1px solid #fff5;right:-130px;top:-200px;pointer-events:none}.contact-shape:after{content:'';position:absolute;inset:45px;border:1px solid #fff5;border-radius:50%}.contact-main{position:relative;z-index:2}.contact .eyebrow{color:#ffe5b3}.contact h2{font-size:clamp(50px,7vw,92px);line-height:1.12;letter-spacing:-.075em;margin:24px 0}.contact h2 em{font-style:normal;color:var(--acid)}.contact-main>p{font-size:12px;color:#ffe2d7}.contact-button{margin-top:21px;padding:15px 18px;background:#fff;color:#1b201d;border:0;min-width:218px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:11px;font-weight:700;transition:transform .25s,background .25s}.contact-button:hover{transform:translateY(-4px);background:var(--acid)}.contact-button span{font-size:17px}.contact-main>small{display:block;min-height:16px;margin-top:13px;font-size:9px;color:#ffe1d5}.contact-bottom{position:absolute;bottom:22px;left:7vw;right:7vw;border-top:1px solid #ffffff66;padding-top:13px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em}.footer{min-height:105px;padding:23px 6vw;display:flex;align-items:center;justify-content:space-between;gap:28px}.footer .logo{font-size:12px}.footer nav{display:flex;gap:24px;font-size:10px}.footer nav a:hover{color:var(--blue)}.footer>small{font-size:9px;color:#6a7069}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}.cursor{position:fixed;z-index:1000;top:0;left:0;width:17px;height:17px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--acid);mix-blend-mode:difference;pointer-events:none;opacity:0;transition:width .2s,height .2s,opacity .2s;transform:translate3d(-100px,-100px,0)}.cursor.visible{opacity:1}.cursor.active{width:60px;height:60px;margin:-30px 0 0 -30px;background:#d3ff4fbb}.cursor-label{position:fixed;z-index:1001;pointer-events:none;color:#fff;font-size:9px;letter-spacing:.1em;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s}.cursor-label.visible{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,100%{transform:scale(.95)}50%{transform:scale(1.05)}}@keyframes drift{0%,100%{translate:0 0}50%{translate:20px -15px}}@media(max-width:900px){.hero{min-height:810px}.hero h1{font-size:clamp(82px,15vw,135px)}.hero-visual{top:390px;width:67vw;height:390px}.service-row{grid-template-columns:34px .8fr 1.2fr 32px;gap:16px}.service-art{height:190px}.statement{padding:90px 6vw;gap:5%}.work-image{height:350px}}@media(max-width:650px){.header{height:66px;padding:0 20px;mix-blend-mode:normal;color:var(--ink)}.header .logo{color:var(--ink)}.nav{display:none}.menu{display:flex;width:38px;height:38px;border:1px solid #222;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu i{width:15px;height:1px;background:#222}.mobile-nav:not([hidden]){position:absolute;z-index:49;top:66px;left:0;right:0;background:var(--paper);display:flex;flex-direction:column;padding:8px 20px 15px}.mobile-nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.hero{min-height:735px;padding:105px 20px 0}.hero-top{font-size:8px}.hero-top>span:last-child{max-width:150px;text-align:right}.hero-copy{margin-top:70px}.kicker{font-size:10px}.hero h1{font-size:clamp(72px,18vw,112px)}.hero-bottom{margin-top:20px;align-items:center}.hero-bottom p{font-size:11px;max-width:260px}.round-link{width:43px;height:43px;flex:0 0 43px}.hero-visual{top:auto;right:20px;bottom:57px;width:calc(100% - 40px);height:310px}.ui-main{width:61%;height:59%;left:17%;top:18%}.ui-content b{font-size:20px}.ui-note{min-width:150px;padding:12px;right:2%;bottom:9%}.ui-note b{font-size:10px}.shape-lime{border-left-width:17vw;border-right-width:17vw;border-bottom-width:29vw}.hero-scroll{left:20px;right:20px;bottom:17px;font-size:7px}.band{padding:78px 24px}.intro h2{font-size:clamp(39px,10vw,62px);margin:22px 0 14px}.intro>p{font-size:11px;line-height:1.8}.section{padding:78px 20px}.section-head{display:block;margin-bottom:38px}.section-head h2{font-size:47px;margin-top:16px}.section-head>p{margin-top:17px;font-size:11px}.service-row{position:relative;grid-template-columns:28px 1fr 32px;gap:12px;padding:22px 0;min-height:0}.service-no{grid-row:1;grid-column:1}.service-art{grid-row:1;grid-column:2;height:185px}.service-copy{grid-column:2;grid-row:2}.service-copy h3{font-size:22px}.service-copy p{font-size:10px}.row-arrow{grid-column:3;grid-row:1}.statement{padding:76px 22px 65px;grid-template-columns:1fr;gap:40px;min-height:0}.statement h2{font-size:60px}.statement-content>p{font-size:11px}.steps article{padding:18px 0}.steps span{font-size:15px}.work{padding-top:78px}.work-grid{grid-template-columns:1fr;gap:22px}.work-image{height:340px}.work-type{font-size:52px}.flow-node{width:78px;height:78px;font-size:13px}.about{grid-template-columns:1fr;gap:32px;padding-top:20px;padding-bottom:80px}.about-visual{height:360px}.about-mark{font-size:130px}.about-text h2{font-size:49px}.about-text>p{font-size:11px}.contact{padding:78px 22px 76px;min-height:510px}.contact h2{font-size:54px}.contact-bottom{left:22px;right:22px;font-size:7px}.footer{padding:25px 20px;align-items:flex-start;flex-direction:column;gap:20px}.footer nav{flex-wrap:wrap;gap:15px}.footer>small{line-height:1.7}.cursor,.cursor-label{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:650px){
 .hero{min-height:1040px;padding-bottom:58px}
 .hero-copy{margin-top:62px}
 .hero h1{font-size:clamp(57px,14.5vw,88px);line-height:.94;letter-spacing:-.075em;max-width:100%;overflow-wrap:anywhere}
 .hero-bottom{gap:14px}
 .hero-bottom p{max-width:calc(100% - 58px)}
 .hero-visual{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:320px;margin-top:33px}
 .hero-scroll{bottom:14px}
 .ui-main{width:61%;height:60%;left:15%;top:18%}
 .ui-content b{font-size:19px}
 .ui-note{min-width:145px;right:1%;bottom:8%}
}
.header{position:absolute;inset:0 0 auto;height:82px;padding:0 3.5vw;color:#171a16;mix-blend-mode:normal;display:flex;justify-content:space-between;background:transparent}.header .logo{color:#171a16}.nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:2px;padding:6px;background:#fbfaf5;border-radius:999px;box-shadow:0 8px 28px #0c100d14;color:#1a1d18;white-space:nowrap}.nav a{padding:10px 15px;border-radius:999px;font-size:11px;font-weight:600;transition:background .2s,color .2s}.nav a:hover{opacity:1;background:#eaece4}.nav a.active,.nav a[aria-current=page]{background:#172018;color:#a9f47a}.header-mark{width:38px;height:38px;border:1px solid #8de78b;border-radius:50%;display:grid;place-items:center;color:#78d97e;font-size:18px;transition:transform .25s,background .25s}.header-mark:hover{transform:rotate(45deg);background:#e2f7db}.header .menu{display:none}.mobile-nav{display:none}
.subpage-hero{min-height:530px;padding:180px 7vw 95px;background:var(--paper);position:relative;overflow:hidden}.subpage-hero .eyebrow{color:#70766c}.subpage-hero h1{font-size:clamp(62px,10vw,142px);line-height:.98;letter-spacing:-.085em;max-width:1050px;margin:25px 0}.subpage-hero h1 em{font-style:normal;color:var(--blue)}.subpage-hero p{font-size:14px;color:#555d56;line-height:1.9;max-width:520px}.subpage-content{max-width:1200px;padding:85px 7vw;margin:auto}.subpage-content h2{font-size:clamp(34px,5vw,66px);line-height:1.15;letter-spacing:-.06em}.subpage-content p{color:#596159;font-size:13px;line-height:2;max-width:700px}.history-list{border-top:1px solid var(--line);margin-top:40px}.history-list article{padding:25px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:90px 1fr;gap:20px}.history-list b{color:#596159;font-size:13px}.history-list span{font-size:15px}.nav-page .header{position:sticky;background:var(--paper)}.nav-page .subpage-hero{padding-top:100px}.nav-page .footer{border-top:1px solid var(--line)}
@media(max-width:650px){.header{height:66px;padding:0 20px}.header .logo{color:var(--ink)}.header .nav{display:none}.header-mark{display:none}.header .menu{display:flex;width:38px;height:38px;border:1px solid #222;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:5px}.header .menu i{width:15px;height:1px;background:#222}.mobile-nav:not([hidden]){position:absolute;z-index:49;top:66px;left:0;right:0;background:var(--paper);display:flex;flex-direction:column;padding:8px 20px 15px}.mobile-nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.subpage-hero{min-height:430px;padding:140px 22px 70px}.subpage-hero h1{font-size:62px}.subpage-content{padding:60px 22px}.history-list article{grid-template-columns:55px 1fr}}

/* 首页第二版视觉调整：浅暖白、森林绿与柔和紫，保留胶囊导航。 */
.home-page{background:#f2f0e7;color:#152215}
.home-page .header{color:#152215;background:#f2f0e7;mix-blend-mode:normal}
.home-page .header .logo{color:#152215}
.home-page .logo-mark{border-color:#263a2c}.home-page .logo-mark i{background:#263a2c}
.home-page .nav{background:#fbfaf5;color:#182318;box-shadow:0 8px 28px #22291c14}
.home-page .nav a.active,.home-page .nav a[aria-current=page]{background:#17231a;color:#d0f59a}
.home-page .header-mark{border-color:#738b70;color:#385640}
.home-page .hero{min-height:1120px;padding:140px 5vw 70px;background:#f2f0e7;color:#152215;border:0}
.home-page .hero-grid{display:none}
.home-page .hero-top{color:#455347}
.home-page .live{background:#79599a;box-shadow:0 0 10px #79599a55}
.home-page .hero-copy{margin-top:72px;padding:0;pointer-events:auto;max-width:1100px}
.home-page .kicker{color:#5c7060;font-size:12px}
.home-page .hero h1{font-size:clamp(70px,8.2vw,136px);line-height:.96;letter-spacing:-.085em;color:#142416;max-width:1050px}
.home-page .hero h1 em{color:#694681}
.home-page .hero-bottom{max-width:760px;margin-top:24px}
.home-page .hero-bottom p{color:#59635a;font-size:13px;max-width:470px}
.home-page .round-link{border-color:#788476;color:#29372b}
.home-page .round-link:hover{background:#70468a;color:#fff;border-color:#70468a}
.home-page .hero-visual{position:relative;top:auto;right:auto;width:min(82vw,1260px);height:490px;margin:-4px 0 0 auto;background:#70468a;cursor:none}
.home-page .sun{background:#c8a9db;right:-5%;top:11%;width:47vw;height:47vw;max-width:620px;max-height:620px}
.home-page .orbit{border-color:#2c3e9c77}
.home-page .shape-blue{background:#d7c5e5}
.home-page .shape-coral{background:#efe9dc}
.home-page .shape-lime{border-bottom-color:#25352a}
.home-page .ui-main{background:#f6f2e8;color:#19231b}
.home-page .ui-top{background:#e7e4d8;border-color:#c9c7bc}
.home-page .ui-top i:first-child{background:#8b639c}.home-page .ui-top i:nth-child(2){background:#91a68c}.home-page .ui-top i:nth-child(3){background:#c9bd9e}
.home-page .ui-content small{color:#5e695f}.home-page .ui-content b{color:#1a281d}
.home-page .ui-line{background:#b3c2ad}.home-page .ui-button{background:#9b7bad}
.home-page .ui-art{background:#a9bea8}.home-page .ui-art span{color:#f5f1e7}
.home-page .ui-note{background:#253329;color:#f7f3e8;box-shadow:8px 10px 0 #eee8dc}.home-page .ui-note>span,.home-page .ui-note i{color:#d4efa3}
.home-page .visual-caption,.home-page .hero-visual:after{color:#f8f4ea}
.home-page .visual-index{color:#28352c}
.home-page .hero-scroll{color:#747a70}.home-page .hero-scroll span:nth-child(2){color:#65437e}
.home-page .band{background:#ded1e8;color:#1c281e}
.home-page .intro h2{color:#172318}.home-page .intro h2 span{color:#694681}.home-page .intro>p{color:#555f55}
.home-page .section{background:#f2f0e7;color:#172318}
.home-page .eyebrow{color:#687764}.home-page .section-head>p{color:#5e675e}
.home-page .service-list,.home-page .service-row{border-color:#d2d0c4}.home-page .service-no,.home-page .service-copy>span{color:#687367}
.home-page .service-art{filter:saturate(.7)}.home-page .service-copy h3{color:#19271c}.home-page .service-copy p{color:#5b655b}.home-page .chips i{border-color:#cbcbbf;color:#586258}.home-page .row-arrow{border-color:#91988c}.home-page .service-row:hover .row-arrow{background:#26352a;color:#fff}
.home-page .statement{background:#dcd0e6;color:#18241a;min-height:580px}.home-page .statement-noise{opacity:.08}.home-page .statement .eyebrow{color:#604578}.home-page .statement h2{color:#172318}.home-page .statement-content>p{color:#4f5d52}.home-page .light-link{border-color:#9e91a7;color:#28352a}.home-page .light-link span,.home-page .steps b{color:#65437e}.home-page .steps,.home-page .steps article,.home-page .steps article:first-child{border-color:#aa9ab3}.home-page .steps span{color:#1d2a20}.home-page .steps small{color:#5d625d}.home-page .statement-orb{border-color:#684c8040}
.home-page .work{background:#f2f0e7}.home-page .work-a .work-image{background:#76508c}.home-page .work-a .work-type em{color:#d9f29f}.home-page .work-window{background:#f3efe5;box-shadow:14px 15px 0 #26342a}.home-page .work-window>b{background:#29382d}.home-page .work-window>span{background:#a8bea7}.home-page .work-stamp{border-color:#fff}.home-page .work-b .work-image{background:#d2dbe8}.home-page .flow-node{background:#65508f}.home-page .node-b{background:#a487b5}.home-page .node-c{background:#34463a}.home-page .flow-orbit,.home-page .flow-orbit:before,.home-page .flow-orbit:after,.home-page .flow-line{border-color:#65508f55}.home-page .work-caption>span{color:#687367}.home-page .work-caption h3{color:#172318}.home-page .work-caption p{color:#5e675e}
.home-page .about{background:#f2f0e7}.home-page .about-visual{background:#ded1e8}.home-page .about-mark{color:#28382b}.home-page .about-mark span{color:#76558f}.home-page .about-disc{border-color:#485d4c55}.home-page .about-note{color:#344535}
.home-page .contact{background:#29382e;color:#f5f1e8}.home-page .contact-shape,.home-page .contact-shape:after{border-color:#e9e5d855}.home-page .contact .eyebrow{color:#d8e9b7}.home-page .contact h2{color:#f5f1e8}.home-page .contact h2 em{color:#d8ef9d}.home-page .contact-main>p,.home-page .contact-main>small{color:#d3d7cb}.home-page .contact-button{background:#e3d7ed;color:#263328}.home-page .contact-button:hover{background:#d8ef9d}.home-page .contact-bottom{border-color:#ffffff5a}
.home-page .footer{background:#f2f0e7;color:#172318;border-top:1px solid #d2d0c4}.home-page .footer .logo{color:#172318}.home-page .footer nav{color:#47574a}.home-page .footer>small{color:#727970}
@media(min-width:651px){.home-page .hero-visual{margin-top:-4px}.home-page .hero{padding-bottom:70px}}
@media(max-width:650px){.home-page .hero{min-height:0;padding:95px 20px 62px}.home-page .hero-copy{margin-top:58px}.home-page .hero h1{font-size:clamp(56px,14vw,82px);line-height:.98;overflow-wrap:anywhere}.home-page .hero-bottom{margin-top:19px}.home-page .hero-bottom p{color:#59635a}.home-page .hero-visual{position:relative;top:auto;right:auto;width:100%;height:305px;margin:33px 0 0}.home-page .hero-scroll{bottom:13px}.home-page .sun{width:72vw;height:72vw}.home-page .band{padding:74px 23px}.home-page .statement{min-height:0}.home-page .about-visual{height:320px}}
/* 首页色彩与其余四个独立页面统一 */
.home-page .live{background:#3245e8;box-shadow:0 0 9px #3245e866}
.home-page .kicker{color:#555d6c}
.home-page .hero h1 em,.home-page .intro h2 span{color:#3245e8}
.home-page .round-link:hover{background:#3245e8;color:#fff;border-color:#3245e8}
.home-page .hero-visual{background:#5369dc}
.home-page .sun{background:#c8d1f5}
.home-page .orbit{border-color:#f4f5ff8c}
.home-page .shape-blue{background:#e8ebf8}
.home-page .shape-coral{background:#9db4a8}
.home-page .shape-lime{border-bottom-color:#273b2e}
.home-page .ui-top i:first-child{background:#3245e8}
.home-page .ui-button{background:#3245e8}
.home-page .ui-art{background:#9fb7a5}
.home-page .ui-note>span,.home-page .ui-note i{color:#c8d5ff}
.home-page .hero-scroll span:nth-child(2){color:#3245e8}
.home-page .band{background:#e3e7f4;color:#172318}
.home-page .statement{background:#e3e7f4;color:#172318}
.home-page .statement .eyebrow,.home-page .steps b,.home-page .light-link span{color:#3245e8}
.home-page .statement h2{color:#172318}
.home-page .statement-content>p{color:#555f69}
.home-page .light-link{border-color:#aeb7d4;color:#253149}
.home-page .steps,.home-page .steps article,.home-page .steps article:first-child{border-color:#b7bfd6}
.home-page .steps span{color:#1b2434}.home-page .steps small{color:#646b77}
.home-page .statement-orb{border-color:#3245e822}
.home-page .work-a .work-image{background:#dce3f4;color:#172318}
.home-page .work-type{color:#18251d}.home-page .work-a .work-type em{color:#3245e8}
.home-page .work-window{box-shadow:14px 15px 0 #29372d}.home-page .work-window>b{background:#28372c}
.home-page .work-window>span{background:#a6bca5}.home-page .work-stamp{border-color:#243229;color:#243229}
.home-page .work-b .work-image{background:#d9e3dc}.home-page .flow-node{background:#3245e8}
.home-page .node-b{background:#8395dd}.home-page .node-c{background:#34463a}
.home-page .flow-orbit,.home-page .flow-orbit:before,.home-page .flow-orbit:after,.home-page .flow-line{border-color:#3245e855}
.home-page .about-visual{background:#e3e7f4}.home-page .about-mark{color:#243229}.home-page .about-mark span{color:#3245e8}
.home-page .about-disc{border-color:#3245e833}
.home-page .contact{background:#e3e7f4;color:#172318}
.home-page .contact-shape,.home-page .contact-shape:after{border-color:#3245e833}
.home-page .contact .eyebrow{color:#596885}.home-page .contact h2{color:#172318}
.home-page .contact h2 em{color:#3245e8}.home-page .contact-main>p,.home-page .contact-main>small{color:#555f69}
.home-page .contact-button{background:#3245e8;color:#fff}.home-page .contact-button:hover{background:#2438cd}
.home-page .contact-bottom{border-color:#aeb7d4;color:#4c576b}
.download-hero{min-height:440px;padding-top:115px;padding-bottom:62px}.download-hero h1{font-size:clamp(55px,8vw,104px)}.download-hero h1 em{color:#3245e8}.download-content{max-width:1200px;margin:auto;padding:0 7vw 105px}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.download-card{background:#fbfaf5;border:1px solid #deddd2;padding:25px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.download-icon{width:42px;height:42px;margin-bottom:23px;color:#3245e8}.windows-icon{display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:skewY(-7deg)}.windows-icon i{background:#3245e8}.android-icon,.apple-icon{font-size:33px;line-height:32px;display:grid;place-items:center;border:2px solid #3245e8;border-radius:50%}.apple-icon{border-radius:48% 48% 44% 44%;position:relative}.download-platform{font-size:9px;color:#71776e;letter-spacing:.12em}.download-card h2{font-size:26px;margin:8px 0 9px;color:#172318}.download-card p{font-size:11px;line-height:1.8;color:#596159;min-height:40px;margin:0 0 20px}.download-button{width:100%;min-height:54px;padding:12px 14px;border:0;background:#3245e8;color:#fff;font-size:12px;font-weight:700;border-radius:3px}.download-button:disabled{background:#e4e5ec;color:#596078;cursor:not-allowed}.download-card small{margin-top:10px;color:#777d76;font-size:9px}.download-note{margin:18px 0 0;color:#71776e;font-size:10px;line-height:1.8}.download-page .subpage-hero .eyebrow{color:#687367}
@media(max-width:800px){.download-grid{grid-template-columns:1fr;gap:12px}.download-card{padding:20px}.download-icon{margin-bottom:15px}.download-card p{min-height:0;margin-bottom:16px}.download-button{min-height:52px}}
@media(max-width:650px){.home-page .hero-top{justify-content:flex-end}.download-hero{min-height:0;padding:115px 22px 48px}.download-hero h1{font-size:58px}.download-content{padding:0 20px 70px}}