*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:#1b201c;background:#f7f7f3;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #96b15f;outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;z-index:30;background:white;color:#141414;padding:12px}.skip:focus{top:10px}.masthead{position:absolute;z-index:10;top:0;left:0;width:100%;height:76px;padding:19px 25px;display:flex;justify-content:space-between;align-items:center;color:white}.pill{border:0;border-radius:99px;background:#ffffff20;padding:7px 16px;font-size:13px;line-height:1.25;white-space:nowrap;transition:background .2s,color .2s,transform .2s}.pill:hover{background:#ffffff35}.brand{position:absolute;left:50%;transform:translateX(-50%);width:127px}.brand svg{display:block;width:100%;overflow:hidden}.header-right{display:flex;align-items:center;gap:8px}.contact-short{padding:7px 13px}.language{font-size:11px}.stage{position:relative;height:100svh;min-height:700px;overflow:hidden;background:#111713;color:#f5f6ee;isolation:isolate;transition:background .55s,color .55s}.stage-background{position:absolute;inset:0;z-index:-1;overflow:hidden}.soft-orbit{position:absolute;width:90vw;height:90vw;left:20%;top:-40%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#667a4c65,transparent 65%);filter:blur(30px)}.sculpture{position:absolute;left:49%;top:49%;width:105vw;height:auto;max-height:none;transform:translate(-50%,-50%) rotate(-15deg);filter:invert(1);opacity:.15;mix-blend-mode:screen;transition:opacity .5s,transform 1.2s}.stage-grain{position:absolute;inset:0;background:linear-gradient(180deg,#10151010,#0b1206aa)}.stage-kicker{position:absolute;top:110px;left:25px;font-size:10px;letter-spacing:.04em;color:#c4ceb8}.stage-intro{position:absolute;right:7%;top:24%;width:28%;max-width:365px;font-size:17px;line-height:1.55;letter-spacing:-.02em;z-index:3}.scene-index{position:absolute;left:25px;top:50%;transform:translateY(-45%);display:flex;align-items:flex-start;flex-direction:column;gap:10px;z-index:4}.index-label{font-size:10px;letter-spacing:.07em;color:#a9b4a1;margin-bottom:8px}.scene-index .pill{font-size:15px;padding:8px 17px;background:#ffffff15;border:1px solid #ffffff05}.scene-index .selected{background:#d5e7b9;color:#23321e;border-color:#d5e7b9}.all-directions{font-size:11px;color:#b5c0a9;margin:9px 0 0 3px;border-bottom:1px solid #ffffff30;padding-bottom:4px}.stage-title-wrap{position:absolute;left:34%;top:59%;width:60%;z-index:3;transition:opacity .22s,transform .35s}.stage-title-wrap h1{font-family:Georgia,"Noto Serif SC","Source Han Serif SC","Songti SC",SimSun,serif;font-size:clamp(52px,7.2vw,116px);font-weight:400;letter-spacing:-.065em;line-height:1.15}.stage-title-wrap h1 span{display:block}.stage-title-wrap h1 span+span{padding-left:15%}.scene-number{font-size:10px;letter-spacing:.08em;display:block;margin-bottom:15px;color:#c7d1be}.detail-link{background:transparent;border:0;border-bottom:1px solid currentColor;font-size:13px;margin-top:23px;padding:0 0 5px;color:inherit}.stage-footer{position:absolute;bottom:23px;left:25px;right:25px;display:flex;justify-content:space-between;color:#bac5af;font-size:10px;letter-spacing:.025em}.stage-footer a{border-bottom:1px solid #ffffff30;padding-bottom:3px}.visual{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s,transform .6s;transform:translateY(25px);pointer-events:none;z-index:1}.workspace-window{position:absolute;top:13%;left:23%;width:62%;max-width:810px;transform:perspective(1200px) rotateX(5deg) rotateY(-12deg) rotateZ(4deg);background:#fff;color:#222923;box-shadow:0 55px 80px #0003;border:1px solid #bac5b3;border-radius:10px;overflow:hidden}.window-top{height:39px;background:#ecefe7;display:flex;align-items:center;gap:5px;padding:0 15px;border-bottom:1px solid #dce1d5}.window-dot{height:6px;width:6px;border-radius:50%;background:#bec6b6}.window-name{margin-left:15px;font-size:9px;letter-spacing:.08em;color:#69765f}.workspace-body{display:flex;min-height:305px}.workspace-sidebar{width:66px;background:#f1f3ec;border-right:1px solid #e2e7da;padding:20px}.workspace-sidebar strong{font-family:Georgia,serif;font-size:28px}.sidebar-item{height:5px;width:24px;background:#d7ddce;display:block;margin-top:25px}.sidebar-item.active{background:#779159}.workspace-content{flex:1;padding:32px}.demo-label{font-size:9px;letter-spacing:.08em;color:#8a9680}.workspace-content h3{font-size:25px;font-weight:500;margin:8px 0 24px;letter-spacing:-.03em}.workspace-stats{display:flex;gap:30px;border-bottom:1px solid #e5e9df;padding-bottom:20px}.workspace-stats>div{width:26%}.workspace-stats span{font-size:9px;display:block;color:#6f7b65}.workspace-stats b{font-size:30px;font-weight:400;display:block;margin-top:4px}.record{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #edf0e7}.record i{width:20px;height:23px;background:#e5eada;border-radius:3px}.record strong{font-size:11px;font-weight:500;display:block}.record small{display:block;font-size:9px;color:#8a9482;margin-top:4px}.record-tag{margin-left:auto;border-radius:3px;padding:5px;background:#edf3e3;font-size:9px}.flow-sheet{position:absolute;top:14%;left:37%;width:460px;background:#e9e9d9;color:#262d23;padding:35px;box-shadow:0 40px 100px #0005;transform:perspective(1000px) rotateY(-13deg) rotateZ(-7deg);border-radius:5px}.flow-sheet h3{font-family:Georgia,"Songti SC",SimSun,serif;font-size:30px;font-weight:400;margin:25px 0 30px}.flow-row{border-top:1px solid #bfc5af;padding:23px 0;display:flex;align-items:center;gap:22px;font-size:12px}.flow-row>span{font-size:10px;opacity:.5}.flow-row strong{font-weight:400}.flow-row i{font-style:normal;margin-left:auto}.flow-row.done{color:#617d40}.sheet-footer{display:flex;justify-content:space-between;border-top:1px solid #bfc5af;font-size:9px;letter-spacing:.06em;padding-top:25px;margin-top:20px}
body[data-visual=workspace] .stage{background:#ccd6bf;color:#1d2b1c}body[data-visual=workspace] .visual-workspace,body[data-visual=flow] .visual-flow{opacity:1;visibility:visible;transform:none}body[data-visual=workspace] .sculpture,body[data-visual=flow] .sculpture{opacity:.025}body[data-visual=workspace] .stage-grain{background:linear-gradient(180deg,transparent,#a8b49b88)}body[data-visual=workspace] .stage-title-wrap{top:65%;left:36%}body[data-visual=workspace] .stage-title-wrap h1,body[data-visual=flow] .stage-title-wrap h1{font-size:clamp(45px,5.7vw,84px)}body[data-visual=workspace] .stage-intro{top:15%;right:5%;width:18%;font-size:13px}body[data-visual=workspace] .scene-number,body[data-visual=workspace] .stage-footer,body[data-visual=workspace] .stage-kicker,body[data-visual=workspace] .all-directions,body[data-visual=workspace] .index-label{color:#4d6042}body[data-visual=workspace] .scene-index .pill{background:#ffffff70;color:#304127}body[data-visual=workspace] .scene-index .selected{background:#253a24;color:#f1f5e9}body[data-visual=workspace] .masthead{color:#1b2c18}body[data-visual=workspace] .masthead .pill{background:#ffffff60}body[data-visual=flow] .stage{background:#25271d}body[data-visual=flow] .stage-intro{left:23%;top:18%;width:20%;font-size:15px}body[data-visual=flow] .stage-title-wrap{top:65%;left:30%}
.section{padding:80px 5%}.section-meta{display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#78806f;letter-spacing:.04em}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin:55px 0 35px}.section h2{font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;font-size:clamp(36px,4vw,64px);font-weight:400;line-height:1.25;letter-spacing:-.05em}.section-heading p{font-size:13px;line-height:1.6;color:#71786a;max-width:240px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.project-tile{min-width:0;border:0;background:none;padding:0;text-align:left}.tile-art{height:360px;position:relative;overflow:hidden}.tile-top,.tile-bottom{position:absolute;left:25px;font-size:9px;letter-spacing:.07em}.tile-top{top:23px}.tile-bottom{bottom:20px}.tile-workspace{background:#d7ddcc;color:#536248}.mini-window{position:absolute;left:13%;top:23%;width:74%;height:60%;display:flex;background:white;box-shadow:0 15px 50px #3c4d341c;transform:rotate(-5deg);border:1px solid #c1ccb8;transition:transform .4s}.project-tile:hover .mini-window{transform:rotate(-1deg) translateY(-5px)}.mini-nav{width:15%;background:#eff2e8;border-right:1px solid #dde5d5}.mini-panel{flex:1;padding:12% 10%}.mini-panel span{display:block;height:8px;background:#e7eddf;margin-bottom:20px}.mini-panel span:first-child{background:#84996e;width:65%;height:14px}.mini-panel span:last-child{width:70%}.tile-flow{background:#26291f;color:#d6dfc6}.mini-stack{position:absolute;top:22%;left:18%;width:64%;transform:rotate(7deg);transition:transform .4s}.mini-stack span{background:#e9ebdf;color:#3c4930;font-size:11px;display:flex;align-items:center;gap:20px;padding:19px;margin-bottom:7px;box-shadow:0 10px 20px #0001}.mini-stack i{height:6px;flex:1;background:#cdd6bf}.mini-stack span:last-child{background:#d1e0b7}.project-tile:hover .mini-stack{transform:rotate(2deg) translateY(-5px)}.tile-info{padding:22px 0;border-bottom:1px solid #ced4c5;display:flex;gap:17px;align-items:flex-start}.tile-info>span{font-size:10px;color:#869078;padding-top:6px}.tile-info h3{font-size:19px;font-weight:400}.tile-info p{font-size:11px;color:#7d8575;margin-top:10px}.tile-info b{margin-left:auto;font-size:24px;font-weight:400}.approach{background:#111713;color:#edf2e8}.belief-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;margin-top:55px}.belief-layout h2{max-width:630px;line-height:1.4}.belief-layout p{font-size:15px;line-height:1.9;color:#aab5a1;margin-bottom:25px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:65px}.principles article{border-top:1px solid #3b4633;padding-top:20px}.principles article>span{font-size:10px;color:#738565}.principles h3{font-size:24px;font-weight:400;margin:28px 0 15px}.principles p{font-size:13px;line-height:1.8;color:#9dab92}.services h2{margin:45px 0 50px}.service-list{border-top:1px solid #cbd0c2;margin-left:30%}.service-list details{border-bottom:1px solid #cbd0c2}.service-list summary{display:flex;align-items:center;gap:25px;cursor:pointer;list-style:none;padding:25px 0}.service-list summary::-webkit-details-marker{display:none}.service-list summary>span{font-size:10px;color:#7d8b70}.service-list h3{font-size:20px;font-weight:400}.service-list summary b{margin-left:auto;font-size:25px;font-weight:400;transition:transform .2s}.service-list details[open] b{transform:rotate(45deg)}.service-list p{font-size:14px;line-height:1.8;color:#717e64;padding:0 30px 28px 40px}.contact{background:#d4dfc4}.contact h2{max-width:880px;font-size:clamp(48px,6.5vw,100px);margin:60px 0 45px}.contact-content{display:flex;justify-content:space-between;gap:60px;align-items:flex-end}.contact-content p{max-width:460px;font-size:15px;line-height:1.8;color:#526045}.contact-status{font-size:13px;border-bottom:1px solid #859773;padding:0 0 8px;white-space:nowrap}footer{padding:45px 5% 25px;background:#111713;color:#f0f2eb}.footer-word{font-size:16vw;font-weight:500;letter-spacing:-.075em;line-height:1;display:flex;align-items:flex-end;justify-content:space-between}.footer-word span{font-size:11px;letter-spacing:0;padding-bottom:15px}footer>div{display:flex;justify-content:space-between;font-size:10px;color:#8f9b82;border-top:1px solid #35402d;margin-top:45px;padding-top:20px}
dialog{border:0;padding:0;color:#20251d}dialog::backdrop{background:#0008;backdrop-filter:blur(8px)}.menu-dialog{width:100vw;max-width:100vw;height:100svh;max-height:100svh;background:#f8f8f4;margin:0;overflow:auto}.menu-header{height:76px;display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.menu-header>span{font-weight:600;font-size:21px;letter-spacing:-.04em}.menu-header .pill{background:#e7ebdf;color:#35432b}.menu-layout{display:grid;grid-template-columns:1fr 1.5fr .8fr;gap:7%;padding:50px 4% 60px 25px}.menu-links{display:flex;flex-direction:column;gap:17px;font-family:Georgia,"Songti SC",SimSun,serif;font-size:31px}.menu-links a{width:fit-content}.menu-links a:hover{color:#7c9362}.menu-directions{display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin-top:65px}.menu-directions>span{font-size:11px;color:#7b8670;margin-bottom:8px}.menu-directions .pill{background:#edf0e6;color:#394a2e}.menu-art{background:#d4ddc7;aspect-ratio:4/5;max-height:65vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.menu-art svg{width:87%;transform:rotate(-12deg);mix-blend-mode:multiply;opacity:.75}.menu-art>span{position:absolute;bottom:25px;left:25px;font-size:11px;line-height:1.6;letter-spacing:.06em}.menu-notes{padding-top:25px}.menu-notes article{background:#edf0e6;padding:20px;margin-bottom:10px}.menu-notes article>span{font-size:10px;color:#7d8b6f}.menu-notes h3{font-size:18px;font-weight:400;margin:12px 0}.menu-notes p{font-size:12px;color:#7a856f;line-height:1.6}.project-dialog{width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0;background:#111713;color:#f0f3e8;overflow:auto}.project-close{position:sticky;top:20px;margin:20px 25px;background:#ffffff20;z-index:5}.project-page{padding:45px 5% 80px}.project-page>h2{font-family:Georgia,"Songti SC",SimSun,serif;font-size:clamp(46px,7vw,110px);font-weight:400;line-height:1.2;letter-spacing:-.05em;margin:55px 0}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-bottom:1px solid #3b4731;padding-bottom:35px;margin-bottom:55px}.project-facts dt{font-size:11px;color:#8f9e81;margin-bottom:10px}.project-facts dd{font-size:14px;margin:0;line-height:1.7}.project-story{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.project-story h3{font-size:18px;font-weight:400;margin-bottom:18px}.project-story p{font-size:14px;color:#a6b398;line-height:1.9}.project-note{font-size:11px;color:#7c8b6d;border-top:1px solid #3b4731;margin-top:60px;padding-top:20px;line-height:1.8}body.modal-open{overflow:hidden}
@media(min-width:1600px){.section{padding-left:8%;padding-right:8%}}
@media(max-width:980px){.stage-intro{font-size:14px;right:5%;width:30%}.stage-title-wrap{left:30%;top:61%;width:65%}.scene-index .pill{font-size:13px}.workspace-window{left:22%;width:68%;top:17%}.workspace-content{padding:23px}.workspace-content h3{font-size:20px}.flow-sheet{left:34%;width:420px}body[data-visual=workspace] .stage-intro{top:13%;width:40%;right:7%}.menu-layout{gap:4%;grid-template-columns:1fr 1.3fr .9fr}.menu-links{font-size:26px}.menu-notes article{padding:16px}.tile-art{height:290px}.belief-layout{gap:7%}.service-list{margin-left:20%}}
@media(max-width:640px){html{scroll-padding-top:20px}.masthead{height:66px;padding:16px}.brand{width:103px}.pill{font-size:11px;padding:7px 12px}.contact-short{display:none}.stage{height:100svh;min-height:740px}.stage-kicker{top:92px;left:18px;font-size:9px}.stage-intro{top:137px;left:18px;right:auto;width:76%;font-size:13px;line-height:1.7}.sculpture{width:210vw;left:66%;top:56%;opacity:.17}.soft-orbit{width:160vw;height:160vw;top:10%;left:0}.scene-index{left:18px;top:auto;bottom:91px;right:18px;transform:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.scene-index .index-label{display:none}.scene-index .pill{font-size:11px;padding:8px 12px}.all-directions{width:100%;border:0;margin:7px 0 0;font-size:10px}.stage-title-wrap{left:18px;top:37%;width:92%}.stage-title-wrap h1{font-size:clamp(48px,13.5vw,82px);line-height:1.25}.stage-title-wrap h1 span+span{padding-left:15%}.scene-number{font-size:9px;margin-bottom:15px}.stage-footer{left:18px;right:18px;bottom:23px;font-size:9px}.stage-footer>a{display:none}.workspace-window{left:8%;width:84%;top:28%;transform:perspective(900px) rotateY(-7deg) rotateZ(3deg)}.workspace-body{min-height:255px}.workspace-sidebar{width:38px;padding:13px 9px}.workspace-sidebar strong{font-size:24px}.sidebar-item{width:18px}.workspace-content{padding:16px 13px}.workspace-content h3{font-size:18px;margin-bottom:18px}.workspace-stats{gap:10px;padding-bottom:12px}.workspace-stats span{font-size:8px}.workspace-stats b{font-size:24px}.record{padding:10px 0}.record strong{font-size:9px}.record small{font-size:8px}.record-tag{font-size:8px}.window-top{height:28px;padding:0 9px}.window-name{font-size:7px}.demo-label{font-size:8px}.flow-sheet{left:14%;top:28%;width:75%;padding:23px}.flow-sheet h3{font-size:22px;line-height:1.5;margin:20px 0}.flow-row{padding:19px 0;font-size:10px;gap:15px}.sheet-footer{font-size:8px;padding-top:18px;margin-top:10px}body[data-visual=workspace] .stage-intro,body[data-visual=flow] .stage-intro{top:123px;left:18px;right:auto;width:80%;font-size:12px}body[data-visual=workspace] .stage-title-wrap,body[data-visual=flow] .stage-title-wrap{left:18px;top:66%;width:90%}body[data-visual=workspace] .stage-title-wrap h1,body[data-visual=flow] .stage-title-wrap h1{font-size:34px;line-height:1.3}body[data-visual=workspace] .stage-title-wrap h1 span+span,body[data-visual=flow] .stage-title-wrap h1 span+span{padding-left:12%}.detail-link{font-size:10px;margin-top:12px}.stage:has(.detail-link:not([hidden])) .scene-number{display:none}.section{padding:55px 6%}.section-meta{font-size:9px;gap:20px;line-height:1.6}.section-meta>span:last-child{text-align:right;max-width:46%}.section-heading{display:block;margin:35px 0 25px}.section h2{font-size:32px;line-height:1.45}.section-heading p{font-size:12px;margin-top:18px;max-width:none}.project-grid{grid-template-columns:1fr;gap:32px}.tile-art{height:310px}.tile-info{gap:13px}.tile-info h3{font-size:17px;line-height:1.5}.tile-info p{font-size:10px}.belief-layout{display:block;margin-top:35px}.belief-layout h2{margin-bottom:30px}.belief-layout p{font-size:14px}.principles{grid-template-columns:1fr;gap:30px;margin-top:40px}.principles article{display:grid;grid-template-columns:28px 1fr;gap:10px;padding-top:20px}.principles article>span{padding-top:6px}.principles h3{font-size:20px;margin:0}.principles p{grid-column:2;font-size:13px}.services h2{margin:35px 0}.service-list{margin-left:0}.service-list summary{gap:16px;padding:25px 0}.service-list h3{font-size:17px}.service-list p{padding-left:30px;font-size:13px}.contact h2{font-size:42px;line-height:1.35;margin:40px 0 30px}.contact-content{display:block}.contact-content p{font-size:14px}.contact-status{display:inline-block;font-size:12px;margin-top:32px}footer{padding:35px 6% 22px}.footer-word{font-size:17vw}.footer-word span{font-size:9px;padding-bottom:6px}footer>div{margin-top:30px;font-size:9px}.menu-header{height:66px;padding:16px}.menu-header>span{font-size:19px}.menu-layout{grid-template-columns:1fr 1fr;padding:30px 18px;gap:20px}.menu-links{font-size:27px;gap:18px}.menu-directions{margin-top:40px;gap:8px}.menu-directions>span{font-size:9px}.menu-directions .pill{font-size:10px}.menu-art{max-height:330px;aspect-ratio:3/5}.menu-art>span{font-size:8px;left:13px;bottom:18px}.menu-notes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:20px}.menu-notes article{padding:12px;margin:0}.menu-notes article>span{font-size:8px}.menu-notes h3{font-size:14px;line-height:1.5;margin:9px 0}.menu-notes p{font-size:10px}.project-page{padding:30px 6% 50px}.project-page>h2{font-size:42px;line-height:1.4;margin:35px 0}.project-facts{gap:15px;grid-template-columns:1fr;margin-bottom:35px}.project-facts>div{display:flex;gap:25px}.project-facts dt{width:65px;font-size:10px;flex-shrink:0}.project-facts dd{font-size:12px}.project-story{grid-template-columns:1fr;gap:30px}.project-story h3{font-size:17px;margin-bottom:12px}.project-story p{font-size:13px}.project-close{top:15px;margin:15px 18px}.project-note{font-size:10px;margin-top:40px}}
@media(max-width:640px){body[data-visual=workspace] .stage-title-wrap,body[data-visual=flow] .stage-title-wrap{top:auto;bottom:215px}.workspace-window{top:25%}.workspace-content{padding:18px}.workspace-content h3{margin:8px 0 14px;font-size:20px}.workspace-stats{padding-bottom:12px}.record:last-child{display:none}.flow-sheet{top:25%;padding:18px}.flow-sheet h3{margin:12px 0}.flow-row{padding:14px 0}.sheet-footer{padding-top:12px;margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* 项目展示沿用首页层级；所有画面都是独立绘制的视觉示意。 */
.scene-type{display:block;font-size:9px;letter-spacing:.07em;color:inherit;opacity:.65;margin-bottom:12px}
.scene-index .pill{font-size:13px}.scene-index{gap:8px}.scene-index .index-label{margin-bottom:5px}
body[data-visual=axia] .stage{background:#493438}body[data-visual=warehouse] .stage{background:#203337}body[data-visual=present] .stage{background:#4b4028}
body[data-visual=axia] .visual-axia,body[data-visual=warehouse] .visual-warehouse,body[data-visual=present] .visual-present{opacity:1;visibility:visible;transform:none}
body:not([data-visual=brand]) .sculpture{opacity:.02}
body:not([data-visual=brand]) .stage-title-wrap{top:auto;bottom:82px;left:30%;width:66%}
body:not([data-visual=brand]) .stage-title-wrap h1{font-size:clamp(44px,5.6vw,82px)}
body:not([data-visual=brand]) .stage-intro{left:26%;top:14%;width:18%;right:auto;font-size:13px;line-height:1.7}
body:not([data-visual=brand]) .workspace-window{left:46%;width:48%;top:13%}
body:not([data-visual=brand]) .flow-sheet{left:49%;top:10%;width:40%;max-width:480px}
.beauty-display,.warehouse-board,.present-slide{position:absolute;left:47%;top:11%;width:45%;max-width:630px;height:410px;box-shadow:0 35px 70px #0002;overflow:hidden}
.beauty-display{background:#e9ded2;color:#5f3f43;transform:perspective(1200px) rotateY(-9deg) rotateZ(4deg);padding:25px 30px}
.beauty-top,.board-top,.slide-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.05em}
.beauty-top strong{font-family:Georgia,serif;font-size:28px;letter-spacing:.08em}
.beauty-copy{font-family:Georgia,serif;font-size:30px;line-height:1.2;margin-top:28px;position:relative;z-index:2}
.beauty-copy em{font-weight:400;color:#9b676c}
.beauty-objects{position:absolute;right:20px;bottom:50px;height:175px;width:65%;display:flex;align-items:flex-end;justify-content:center;gap:20px;transform:rotate(-6deg)}
.beauty-objects i{display:block;box-shadow:10px 13px 20px #6f454320}
.beauty-bottle{height:153px;width:64px;background:linear-gradient(90deg,#bc8e79,#ebc7ad 50%,#b48173);border-radius:10px 10px 3px 3px;position:relative}
.beauty-bottle:before{content:"";position:absolute;top:-23px;left:14px;width:37px;height:28px;background:#725459;border-radius:3px}
.beauty-jar{width:95px;height:68px;background:linear-gradient(90deg,#c3b4a7,#f5e8d8,#cfb8a8);border-radius:8px;border-top:12px solid #82605f}
.beauty-tube{height:125px;width:44px;background:linear-gradient(90deg,#9d6e74,#ca9a9b,#956770);border-radius:2px 2px 7px 7px;border-top:4px solid #805259}
.visual-caption{position:absolute;bottom:18px;left:25px;font-size:8px;letter-spacing:.06em;opacity:.65}
.warehouse-board{background:#dce6dd;color:#2d4b45;transform:perspective(1000px) rotateY(-10deg) rotateZ(-4deg);padding:26px}
.warehouse-board h3{font-size:25px;font-weight:400;margin:36px 0 25px}
.storage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.storage-grid span{height:74px;display:flex;align-items:flex-end;padding:12px;background:#b7c9bd;font-size:10px;letter-spacing:.05em;border:1px solid #a9bfb1}
.storage-grid .storage-active{background:#2b5346;color:#e1ebd9}
.present-slide{background:#efe3b9;color:#4f3b22;transform:perspective(1000px) rotateY(-10deg) rotateZ(4deg);padding:27px}
.present-slide h3{font-family:Georgia,"Songti SC",SimSun,serif;font-size:34px;font-weight:400;margin-top:30px;max-width:80%;line-height:1.3}
.slide-composition{position:absolute;right:30px;top:45%;width:55%;height:100px;display:flex;gap:6px;align-items:flex-end}
.slide-composition span{background:#a97349;width:33%;height:75%;border-radius:60% 60% 2px 2px}
.slide-composition span:nth-child(2){background:#d3ad68;height:100%}.slide-composition span:last-child{background:#786b43;height:53%}
.slide-bottom{position:absolute;bottom:47px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #a28c5c66;padding-top:12px;font-size:9px}
.slide-bottom b{font-size:23px;font-weight:400}
.tile-project-axia{grid-column:1/-1}.tile-project-axia .tile-art{height:390px}
.project-art{display:flex;align-items:center;justify-content:center;isolation:isolate}
.project-art:before,.project-cover:before{content:"";position:absolute;width:55%;height:70%;right:-5%;bottom:-25%;border:1px solid currentColor;opacity:.18;border-radius:50%}
.project-art:after,.project-cover:after{content:"";position:absolute;width:55%;height:70%;right:8%;bottom:-39%;border:1px solid currentColor;opacity:.18;border-radius:50%}
.art-axia{background:#e6d9cd;color:#68484b}.art-warehouse{background:#26433e;color:#d6e2cc}.art-workspace{background:#d7ddcc;color:#536248}.art-flow{background:#282b22;color:#d9dfc8}.art-present{background:#e5d4a4;color:#645135}
.project-mark{position:relative;font-size:clamp(38px,5.4vw,85px);font-weight:400;font-family:Georgia,serif;letter-spacing:-.05em;z-index:1;transition:transform .35s}
.art-axia .project-mark{font-size:clamp(80px,14vw,190px);letter-spacing:.04em}.project-tile:hover .project-mark{transform:translateY(-7px)}
.project-tile .tile-info p{line-height:1.7;max-width:440px}
.project-cover{height:380px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 0 55px}
.project-cover>strong{font-family:Georgia,serif;font-size:clamp(45px,9vw,130px);font-weight:400;letter-spacing:-.04em}
.project-cover>span{position:absolute;left:25px;bottom:22px;font-size:9px;letter-spacing:.06em;opacity:.65}
.wechat-contact{min-width:255px;border-top:1px solid #95a57d;padding-top:18px;display:flex;flex-direction:column;align-items:flex-start}
.wechat-contact>span:first-child{font-size:10px;letter-spacing:.07em;color:#677653}
.wechat-id{font-size:42px;letter-spacing:-.04em;font-weight:400;margin:10px 0 20px;user-select:all}
.copy-wechat{font-size:13px;border:0;border-bottom:1px solid #84966c;background:none;padding:0 0 8px}
.copy-status{min-height:20px;font-size:11px;line-height:1.5;margin-top:10px;color:#52643e}
@media(max-width:980px) and (min-width:641px){
body:not([data-visual=brand]) .stage-intro{left:25%;width:24%;font-size:12px}
.beauty-display,.warehouse-board,.present-slide{left:53%;width:42%;height:345px}
body:not([data-visual=brand]) .workspace-window{left:48%;width:48%;top:25%}
body:not([data-visual=brand]) .flow-sheet{left:53%;width:42%;top:24%}
.workspace-sidebar{display:none}.workspace-content{padding:19px}.beauty-copy{font-size:24px}.beauty-objects{gap:10px;transform:scale(.8);right:0;bottom:30px}
.warehouse-board h3{font-size:20px;margin:25px 0}.storage-grid span{height:61px;padding:8px}
}
@media(max-width:640px){
.scene-index{bottom:86px}.scene-index .pill{font-size:11px}.scene-type{font-size:8px;letter-spacing:.02em;line-height:1.5;margin-bottom:10px}
body:not([data-visual=brand]) .stage{min-height:880px}
body:not([data-visual=brand]) .stage-intro{left:18px;top:124px;width:87%;font-size:12px;line-height:1.7}
body:not([data-visual=brand]) .stage-title-wrap{top:auto;bottom:245px;left:18px;width:90%}
body:not([data-visual=brand]) .stage-title-wrap h1{font-size:clamp(28px,8.2vw,38px);line-height:1.3}
body:not([data-visual=brand]) .stage-title-wrap h1 span+span{padding-left:8%}
body:not([data-visual=brand]) .workspace-window{left:8%;top:26%;width:84%}
body:not([data-visual=brand]) .flow-sheet{left:12%;top:26%;width:77%;padding:18px}
.beauty-display,.warehouse-board,.present-slide{left:9%;top:26%;width:82%;height:255px;padding:18px}
.beauty-top strong{font-size:23px}.beauty-top span{font-size:7px}.beauty-copy{font-size:24px;margin-top:22px}
.beauty-objects{right:-5px;bottom:20px;transform:scale(.58);transform-origin:bottom right}
.visual-caption{left:18px;bottom:12px;font-size:7px}
.warehouse-board h3{font-size:20px;margin:23px 0 18px}.storage-grid{gap:5px}.storage-grid span{height:48px;font-size:8px;padding:7px}
.board-top,.slide-top{font-size:6px}.present-slide h3{font-size:25px;margin-top:20px}
.slide-composition{right:20px;top:47%;height:60px;width:43%}.slide-bottom{bottom:32px;left:18px;right:18px;padding-top:9px;font-size:8px}
.tile-project-axia{grid-column:auto}.tile-project-axia .tile-art{height:310px}.project-mark{font-size:39px}.art-axia .project-mark{font-size:88px}
.tile-info p{font-size:11px}.project-cover{height:250px;margin-bottom:35px}.project-cover>strong{font-size:45px}.project-cover>span{left:15px;bottom:15px;font-size:7px}
.wechat-contact{margin-top:35px;min-width:0}.wechat-id{font-size:38px}.menu-directions .pill{font-size:10px}
}

/* 服务与解决方案优先：地点、客户名称和视觉示意作为辅助信息。 */
.stage{min-height:800px}
.stage-kicker{top:105px;left:25px;right:25px;color:inherit}
.location-label{display:block;font-size:10px;letter-spacing:.06em;font-weight:400;opacity:.68}
.service-label{display:block;font-size:clamp(27px,2.6vw,40px);line-height:1.25;letter-spacing:-.025em;font-weight:650;margin-top:10px}
.stage-intro,body:not([data-visual=brand]) .stage-intro{left:33%;right:auto;top:220px;width:38%;max-width:690px;font-size:clamp(20px,1.8vw,26px);line-height:1.65;font-weight:600;letter-spacing:-.02em}
.stage-title-wrap,body:not([data-visual=brand]) .stage-title-wrap{left:33%;width:63%;top:auto;bottom:85px}
.stage-title-wrap h1{font-size:clamp(52px,6.5vw,100px)}
body:not([data-visual=brand]) .stage-title-wrap h1{font-size:clamp(42px,5vw,74px)}
.scene-type{font-size:14px;line-height:1.5;letter-spacing:0;opacity:.85}
.scene-number{font-size:9px;margin-bottom:12px}.detail-link{font-size:15px}
.scene-index{top:50%;left:25px;bottom:auto;right:auto;transform:translateY(-50%);width:26%;max-width:310px;gap:8px}
.scene-index .index-label{font-size:21px;line-height:1.45;font-weight:650;letter-spacing:0;color:inherit;opacity:1;margin-bottom:12px}
.scene-index .pill{font-size:16px;font-weight:550;line-height:1.4;padding:8px 15px;white-space:normal;text-align:left}
.all-directions{font-size:13px;margin-top:12px}
body:not([data-visual=brand]) .workspace-window,body:not([data-visual=brand]) .flow-sheet,.beauty-display,.warehouse-board,.present-slide{top:225px;left:76%;width:21%;max-width:350px}
.beauty-display,.warehouse-board,.present-slide{height:230px;padding:18px}
.beauty-copy{font-size:23px;margin-top:23px}.beauty-top strong{font-size:22px}.beauty-top>span{font-size:6px}
.beauty-objects{transform:scale(.55);transform-origin:bottom right;right:4px;bottom:28px}
.visual-caption{font-size:7px;left:18px;bottom:12px}
.warehouse-board h3{font-size:19px;margin:23px 0 17px}.storage-grid{gap:5px}.storage-grid span{height:46px;padding:7px;font-size:8px}
.board-top,.slide-top{font-size:6px}.present-slide h3{font-size:24px;margin-top:20px}
.slide-composition{height:55px;right:20px;top:47%}.slide-bottom{left:18px;right:18px;bottom:32px;font-size:7px;padding-top:8px}
body:not([data-visual=brand]) .workspace-window{transform:perspective(1000px) rotateY(-8deg) rotateZ(3deg)}
.workspace-sidebar{display:none}.workspace-body{min-height:0}.workspace-content{padding:16px}
.workspace-content h3{font-size:17px;margin:8px 0 15px}.workspace-stats{gap:10px;padding-bottom:12px}
.workspace-stats b{font-size:24px}.workspace-stats span{font-size:8px}.record{padding:10px 0}.record:last-child{display:none}
body:not([data-visual=brand]) .flow-sheet{padding:18px}
.flow-sheet h3{font-size:23px;margin:19px 0}.flow-row{padding:13px 0;font-size:10px;gap:12px}.sheet-footer{font-size:7px;margin-top:0;padding-top:12px}
.work .section-meta{align-items:flex-start;color:#33432c}
.work .section-meta>span:first-child{font-size:clamp(24px,2.5vw,36px);line-height:1.4;font-weight:650;letter-spacing:-.03em}
.work .section-meta>span:last-child{font-size:clamp(18px,1.8vw,25px);line-height:1.5;font-weight:550;letter-spacing:-.02em;max-width:40%;text-align:right}
.work .section-heading{margin:40px 0 35px;gap:50px}
.work .section-heading h2{font-size:clamp(29px,3.2vw,46px)}
.work .section-heading p{font-size:18px;line-height:1.8;max-width:470px;width:43%}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 9%;align-items:start;padding-bottom:85px}
.project-tile{display:block;min-width:0;padding:0;border:0;text-align:left}.project-tile:nth-child(even){transform:translateY(85px)}
.tile-project-axia{grid-column:auto}.project-tile .tile-art,.tile-project-axia .tile-art{width:min(100%,260px);height:160px}.project-tile:nth-child(even) .tile-art{margin-left:auto}
.project-mark,.art-axia .project-mark{font-size:clamp(21px,2.7vw,39px);letter-spacing:-.03em}
.art-axia .project-mark{font-size:45px;letter-spacing:.04em}
.tile-top,.tile-bottom{left:16px;font-size:8px}.tile-top{top:16px}.tile-bottom{bottom:14px}
.tile-info{display:flex;border:0;border-bottom:1px solid #cbd1c2;padding:0 0 24px;margin-top:24px;gap:15px;align-items:flex-start}
.tile-info>span{font-size:11px;padding-top:5px}
.tile-info h3{font-size:clamp(23px,2.1vw,31px);font-weight:600;line-height:1.45;letter-spacing:-.025em}
.project-context{display:block;font-size:12px;color:#69765e;line-height:1.6;margin-bottom:12px}
.project-tile .tile-info p{font-size:17px;line-height:1.85;max-width:760px;margin-top:14px;color:#58664d}
.tile-info b{font-size:27px;padding-top:25px}
.belief-layout p:first-child{font-size:19px;font-weight:550;line-height:1.85;color:#d4ddcb}
.project-page>h2{font-size:clamp(36px,5.4vw,78px)}
.project-story p{font-size:16px}.project-cover{height:150px;max-width:400px;margin:35px 0 0}
.project-cover>strong{font-size:44px}.project-cover>span{font-size:7px;left:15px;bottom:14px}
@media(min-width:641px) and (max-width:980px){
.stage{min-height:900px}.service-label{font-size:30px}
.scene-index{width:28%;max-width:260px}.scene-index .index-label{font-size:19px}.scene-index .pill{font-size:14px}
.stage-intro,body:not([data-visual=brand]) .stage-intro{left:35%;width:59%;font-size:21px;top:220px}
.stage-title-wrap,body:not([data-visual=brand]) .stage-title-wrap{left:35%;width:60%}
body:not([data-visual=brand]) .stage-title-wrap h1{font-size:clamp(33px,4.4vw,43px)}
body:not([data-visual=brand]) .workspace-window,body:not([data-visual=brand]) .flow-sheet,.beauty-display,.warehouse-board,.present-slide{left:70%;top:420px;width:27%;max-height:210px}
.project-grid{gap:60px 7%}.project-tile{display:block}
.tile-info h3{font-size:25px}.project-tile .tile-info p{font-size:16px}
.work .section-heading{display:block}.work .section-heading p{width:auto;max-width:650px;margin-top:20px}
}
@media(max-width:640px){
.stage,body:not([data-visual=brand]) .stage{height:auto;min-height:1080px}
.stage-kicker{top:94px;left:18px;right:18px}
.location-label{font-size:9px}.service-label{font-size:25px;margin-top:9px;line-height:1.3}
.stage-intro,body:not([data-visual=brand]) .stage-intro{top:192px;left:18px;width:calc(100% - 36px);font-size:19px;line-height:1.7;font-weight:600}
.stage-title-wrap{top:390px;bottom:auto;left:18px;width:92%}
.stage-title-wrap h1{font-size:clamp(47px,12.5vw,76px)}
body:not([data-visual=brand]) .stage-title-wrap{top:auto;bottom:370px;left:18px;width:92%}
body:not([data-visual=brand]) .stage-title-wrap h1{font-size:clamp(28px,8.5vw,39px)}
.scene-type{font-size:13px;margin-bottom:10px}.scene-number{font-size:9px}.detail-link{font-size:13px}
.scene-index{top:auto;bottom:85px;left:18px;right:18px;transform:none;width:auto;max-width:none;gap:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.scene-index .index-label{display:block;grid-column:1/-1;width:100%;font-size:18px;line-height:1.4;margin-bottom:8px}
.scene-index .pill{font-size:14px;padding:8px 12px;width:100%;height:100%}.all-directions{grid-column:1/-1;font-size:12px;margin-top:10px}
body:not([data-visual=brand]) .workspace-window,body:not([data-visual=brand]) .flow-sheet,.beauty-display,.warehouse-board,.present-slide{top:360px;left:17%;width:66%;max-width:none;max-height:180px}
.beauty-display,.warehouse-board,.present-slide{height:180px;padding:14px}
.beauty-copy{font-size:20px;margin-top:15px}.beauty-objects{transform:scale(.43);bottom:22px}
.beauty-top strong{font-size:20px}.beauty-top>span{font-size:6px}
.visual-caption{left:14px;bottom:10px;font-size:6px}
.warehouse-board h3{font-size:17px;margin:16px 0 12px}.storage-grid span{height:33px;font-size:7px;padding:5px}
.present-slide h3{font-size:21px;margin-top:16px}.slide-composition{height:38px;top:47%}
.slide-bottom{bottom:24px;left:14px;right:14px;font-size:6px}
body:not([data-visual=brand]) .flow-sheet{padding:14px}.flow-sheet h3{font-size:19px;margin:12px 0}.flow-row{padding:8px 0}.sheet-footer{display:none}
.workspace-content{padding:12px}.workspace-content h3{font-size:16px;margin:8px 0 12px}.workspace-stats{padding-bottom:9px}.record{display:none}
.work .section-meta{display:block}
.work .section-meta>span:first-child{display:block;font-size:25px;line-height:1.5}
.work .section-meta>span:last-child{display:block;font-size:20px;text-align:left;max-width:none;margin-top:13px}
.work .section-heading{margin:28px 0}.work .section-heading h2{font-size:29px}
.work .section-heading p{width:auto;font-size:16px;line-height:1.85;margin-top:16px}
.project-grid{grid-template-columns:1fr;gap:45px;padding-bottom:0}.project-tile,.project-tile:nth-child(even){display:block;transform:none;padding:0}
.project-tile .tile-art,.tile-project-axia .tile-art{width:min(100%,260px);height:160px;margin:0}.project-tile:nth-child(even) .tile-art{margin-left:0}
.tile-info{display:flex;min-width:0;margin-top:22px;gap:12px}.tile-info>span{display:block}
.tile-info h3{font-size:21px;line-height:1.55}.project-context{font-size:10px;margin-bottom:8px}
.project-tile .tile-info p{font-size:14px;line-height:1.85;margin-top:12px}
.tile-info b{display:none}.project-art .tile-top,.project-art .tile-bottom{display:block}
.project-mark{font-size:25px}.art-axia .project-mark{font-size:36px}
.belief-layout p:first-child{font-size:18px}
.project-page>h2{font-size:34px}.project-story p{font-size:15px}
.project-cover{height:120px;max-width:270px;margin-top:30px}.project-cover>strong{font-size:30px}
}
/* 新增保险销售助手项目；使用独立视觉示意，不含真实客户资料。 */
body[data-visual=insurance] .stage{background:#2a3542}
body[data-visual=insurance] .visual-insurance{opacity:1;visibility:visible;transform:none}
.art-insurance{background:#dbe4ec;color:#344c62}
.insurance-board{position:absolute;top:225px;left:76%;width:21%;max-width:350px;height:230px;padding:18px;background:#e3eaf0;color:#344a5d;box-shadow:0 30px 65px #0003;transform:perspective(1000px) rotateY(-9deg) rotateZ(-3deg)}
.insurance-board h3{font-size:18px;line-height:1.5;font-weight:500;margin:20px 0}
.insurance-client{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid #c2cfd9}
.client-avatar{display:block;width:28px;height:32px;border-radius:50% 50% 5px 5px;background:#a5b8c8;flex-shrink:0}
.insurance-client strong{display:block;font-size:10px;font-weight:500}
.insurance-client small{display:block;font-size:8px;margin-top:5px;opacity:.6}
.insurance-step{display:flex;gap:10px;align-items:center;font-size:9px;padding:11px 0;border-bottom:1px solid #c2cfd9}
.insurance-step>span:first-child{font-size:7px;opacity:.6}.insurance-step b{margin-left:auto;font-weight:400}
@media(min-width:641px) and (max-width:980px){.insurance-board{left:70%;top:420px;width:27%;max-height:210px}.insurance-board h3{font-size:16px;margin:14px 0}.insurance-client{padding-bottom:10px}.insurance-step{padding:9px 0}}
@media(max-width:640px){.insurance-board{top:360px;left:17%;width:66%;max-width:none;height:180px;padding:14px;overflow:hidden}.insurance-board h3{font-size:16px;margin:14px 0}.insurance-client{padding-bottom:10px}.insurance-step{padding:9px 0}.insurance-step:last-of-type{display:none}}
.project-help-link{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:48px 0 0;padding:22px 0;border-top:1px solid #cbd0c2;border-bottom:1px solid #cbd0c2;font-size:14px;letter-spacing:.03em;color:#25301f}.project-help-link span{font-size:22px}.project-help-link:hover{color:#657b50}.project-help-link[hidden]{display:none}
.menu-project-group{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.crm-help-menu{display:grid;gap:7px;margin:1px 0 5px 12px;padding:9px 0 4px 13px;border-left:1px solid #bdc8ae;color:#536347}.crm-help-menu[hidden]{display:none}.crm-help-menu a{width:fit-content;font-size:12px;line-height:1.45;border-bottom:1px solid transparent}.crm-help-menu a:hover{color:#26351f;border-color:#91a47e}
@media(max-width:640px){.crm-help-menu{gap:6px;margin-left:8px;padding-left:11px}.crm-help-menu a{font-size:10px}}