:root{--paper:#fffdf8;--surface:#f6f4ee;--card:#fff;--sun:#ffd166;--ink:#2f3432;--muted:#6b706d;--line:#e3e3db;--ochre:#6b5714;font-family:"Helvetica Neue","Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.skip-link{position:fixed;z-index:30;top:-100px;left:16px;background:var(--sun);padding:12px}.skip-link:focus{top:12px}.section-width{max-width:1328px;margin:0 auto;padding-left:48px;padding-right:48px}
.demo-header{max-width:1440px;padding:24px 48px;display:flex;align-items:center;gap:36px;margin:auto}.demo-brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.demo-brand strong{font-size:21px;letter-spacing:.05em}.demo-header nav{display:flex;justify-content:center;gap:32px;margin:auto;color:#595e5a;font-size:14px}.demo-header nav a{padding:12px 0}.demo-header nav a:hover{color:var(--ochre)}.header-cta{border:1px solid var(--line);border-radius:24px;padding:12px 20px;font-size:14px;font-weight:600}.header-cta span{margin-left:18px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--ochre);font-size:13px;font-weight:600;letter-spacing:.06em;margin-bottom:20px}.eyebrow>span{width:7px;height:7px;background:var(--sun);border-radius:50%}
.hero{display:grid;grid-template-columns:1.14fr 1fr;align-items:center;gap:32px;padding-top:74px;padding-bottom:98px;min-height:610px}.hero h1{font-size:clamp(36px,3.8vw,56px);font-weight:650;line-height:1.36;letter-spacing:-.06em;margin-bottom:26px}.sun-underline{position:relative;white-space:nowrap;background:linear-gradient(transparent 78%,#ffe4a0 78%,#ffe4a0 94%,transparent 94%)}.hero-description{font-size:17px;line-height:1.95;max-width:470px;color:var(--muted);margin-bottom:32px}.hero-actions{display:flex;gap:23px;align-items:center}.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:12px;background:var(--sun);color:var(--ink);font-size:15px;font-weight:600;padding:17px 22px;box-shadow:0 6px 16px #dfb34c1c}.button-primary svg{width:19px;height:19px}.button-primary:hover{background:#ffca52}.text-link{font-size:14px;font-weight:500;border-bottom:1px solid #b9bdb4;padding-bottom:4px}.hero-note{font-size:12px;color:#787d75;margin:20px 0 0}.hero-scene{position:relative;padding:30px 26px 28px;min-height:430px;background:radial-gradient(ellipse at 68% 35%,#fff0c9 0%,#f7f5ec 52%,#f6f4ee 78%);border-radius:36px;isolation:isolate;overflow:hidden;border:1px solid #eceade}.scene-orbit{position:absolute;z-index:-1;border:1px solid #e5dfce;border-radius:50%;width:380px;height:380px;right:-120px;top:-170px;opacity:.65}.orbit-two{width:500px;height:500px;right:-185px;top:-235px}.scene-caption{font-size:12px;color:#777b6e;display:flex;align-items:center;gap:9px;margin-bottom:26px}.small-dot{width:6px;height:6px;border-radius:50%;background:#a89457}.scene-ticket{margin:0 9px 0 4px;background:#fffefa;border:1px solid #e4e2d9;border-radius:16px;padding:23px 25px 20px;box-shadow:0 18px 30px #6e624414;transform:rotate(-2deg)}.ticket-top{display:flex;align-items:center;gap:11px;font-size:13px;margin-bottom:18px}.ticket-top small{margin-left:auto;font-size:11px;background:#f5f3eb;border:1px solid #eae7dd;border-radius:5px;padding:3px 7px;color:#747a70}.ticket-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#ffe9b7;color:#765a14}.ticket-icon svg{width:18px;height:18px}.scene-ticket h2{font-size:21px;letter-spacing:-.02em;margin-bottom:10px}.scene-ticket p{font-size:12px;color:var(--muted);margin-bottom:20px}.ticket-rule{height:1px;background:#eeece4;margin-bottom:15px}.ticket-footer{display:flex;justify-content:space-between;font-size:11px;color:#7e8176;gap:8px}.ticket-footer strong{font-weight:500;color:#655936}.scene-route{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 20px 0;position:relative}.scene-route:before{content:"";position:absolute;left:14%;right:14%;top:6px;border-top:1px dashed #c9c3b1}.scene-route>div{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.route-dot{width:13px;height:13px;border-radius:50%;background:#fffdf8;border:3px solid #cbbd8c;box-shadow:0 0 0 5px #f6f4ee}.route-last{border-color:#c89c32;background:var(--sun)}.scene-route strong{font-size:12px;margin-top:4px}.scene-route small{font-size:10px;color:#888a7f}.scene-receipt{margin:22px 0 0 37px;padding:14px;background:#ffffffd9;border:1px solid #e3e2d8;border-radius:12px;display:flex;gap:12px;align-items:center}.receipt-check{width:29px;height:29px;border-radius:50%;background:#ffedbf;display:grid;place-items:center;color:#8e742a}.receipt-check svg{width:17px;height:17px}.scene-receipt strong{font-size:12px;font-weight:600}.scene-receipt p{font-size:11px;color:#797e74;margin:5px 0 0}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px}.section-heading h2{font-size:31px;line-height:1.5;letter-spacing:-.03em;margin:0;font-weight:600}.section-heading .eyebrow{margin-bottom:10px}.section-heading>p{max-width:335px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 4px}.value-section{padding-bottom:85px}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-grid article{padding:29px 30px 30px 0}.value-grid article+article{padding-left:30px;border-left:1px solid var(--line)}.value-number{font-size:12px;color:#9a977f;font-variant-numeric:tabular-nums;display:block;margin-bottom:20px}.value-grid h3{font-size:21px;font-weight:600;margin-bottom:12px}.value-grid p{font-size:14px;line-height:1.9;color:var(--muted);margin:0;max-width:300px}
.landscape-section{padding:73px 0 66px;background:#f6f4ee;border-top:1px solid #eae8df;border-bottom:1px solid #eae8df}.landscape{border-radius:22px;border:1px solid #dedfd4;background:#fffefa;overflow:hidden;box-shadow:0 15px 40px #635b3708}.landscape-top{padding:24px 34px;display:flex;align-items:center;gap:25px;background:#fdfcf7;border-bottom:1px solid #e9e8df}.landscape-top>span:first-child{font-size:12px;color:#888c80;margin-right:auto}.landscape-top strong{font-size:14px;font-weight:500}.landscape-divider{width:24px;height:1px;background:#d7d7cc}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:26px 26px 0}.module-card{background:#f9f8f3;border:1px solid #e6e5db;border-radius:15px;padding:23px 17px;text-align:left;display:flex;flex-direction:column;transition:background .2s,border-color .2s,transform .2s;position:relative}.module-card:hover{transform:translateY(-3px);border-color:#c8be9c}.module-card[aria-pressed=true]{background:#fff0c8;border-color:#e7c05b}.module-card[aria-pressed=true]:after{content:"";position:absolute;bottom:-9px;left:calc(50% - 8px);width:15px;height:15px;background:#fff0c8;border-right:1px solid #e7c05b;border-bottom:1px solid #e7c05b;transform:rotate(45deg)}.module-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #e1e0d4;border-radius:12px;background:#fffefa;margin-bottom:25px}.module-icon svg{width:22px;height:22px}.module-card strong{font-size:20px;margin-bottom:10px;font-weight:600}.module-card>span:not(.module-icon){font-size:12px;color:#656c60;line-height:1.6}.module-card small{margin-top:22px;font-size:11px;color:#858777}.landscape-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;padding:38px 34px 32px;min-height:185px;align-items:center}.detail-label{font-size:11px;color:#8e7937;display:block;margin-bottom:10px}.landscape-detail h3{font-size:21px;font-weight:600;margin-bottom:11px}.landscape-detail p{font-size:14px;line-height:1.85;color:#747b6d;margin:0;max-width:530px}.module-people{border-left:1px solid #e7e6db;padding-left:32px}.module-people>span{display:block;font-size:12px;color:#888c80;margin-bottom:15px}.module-people>div{display:flex;gap:8px;flex-wrap:wrap}.module-people a{border:1px solid #e1e1d5;background:#fff;border-radius:8px;padding:10px 13px;font-size:12px}.module-people a:hover{background:#fff3d2}.module-people a span{margin-left:10px;color:#98854a}.landscape-foundation{display:flex;gap:30px;align-items:center;padding:21px 34px;background:#eeefe7;border-top:1px solid #e2e4d9}.landscape-foundation span{font-size:12px;color:#808876;margin-right:auto}.landscape-foundation strong{font-size:13px;color:#606857;font-weight:500}.section-footnote{font-size:12px;color:#898d83;margin:20px 4px 0;line-height:1.7}
.roles-section{padding-top:85px;padding-bottom:75px}.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.role-card{padding:25px 23px 21px;border:1px solid var(--line);border-radius:17px;background:#fffefb;position:relative;transition:background .18s,border-color .18s,transform .18s}.role-card:hover{background:#fffaeb;border-color:#d8c68d;transform:translateY(-4px)}.role-icon{width:40px;height:40px;border-radius:12px;background:#f0f1e9;display:grid;place-items:center;margin-bottom:25px}.role-icon svg{width:21px;height:21px;color:#777e6d}.role-card-arrow{position:absolute;right:22px;top:31px;color:#aaa998;font-size:18px}.role-card h3{font-size:20px;line-height:1.5;font-weight:600;margin-bottom:9px}.role-card>p{font-size:13px;color:#747b6c;line-height:1.7;margin-bottom:18px}.role-card-detail{font-size:11px;display:block;color:#929488;line-height:1.8;min-height:36px}.role-card-action{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid #eae9df;font-size:12px;margin-top:15px}.role-card-action>span{color:#a48a3c}.experience-note{margin-bottom:66px;border-top:1px solid var(--line);padding-top:38px;display:flex;justify-content:space-between;align-items:center;gap:45px}.experience-note h2{font-size:27px;margin-bottom:14px}.experience-note p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:580px;margin-bottom:0}.experience-note .eyebrow{margin-bottom:12px}.device-symbols{min-width:190px;display:flex;align-items:flex-end;gap:13px;margin-right:30px}.symbol-desktop{display:block;width:140px;height:88px;border:3px solid #b5b9a8;border-radius:7px;position:relative;background:#f5f4eb}.symbol-desktop:before{content:"";position:absolute;left:60px;bottom:-16px;height:13px;border-left:3px solid #b5b9a8}.symbol-desktop:after{content:"";position:absolute;left:46px;bottom:-18px;width:30px;border-bottom:3px solid #b5b9a8}.symbol-desktop i{position:absolute;left:11px;right:11px;top:11px;bottom:11px;background:linear-gradient(90deg,#e6e7db 25%,transparent 25%),linear-gradient(#fff0bf 35%,transparent 35%);border-radius:3px}.symbol-phone{display:block;width:40px;height:73px;border:3px solid #b5b9a8;border-radius:9px;background:#fff0bf}.demo-footer{display:flex;gap:30px;align-items:center;padding-top:25px;padding-bottom:32px;border-top:1px solid var(--line)}.demo-footer .brand-mark{--product-logo-size:29px}.demo-footer .demo-brand strong{font-size:16px}.demo-footer p{font-size:12px;color:#92958a;margin:0 auto}.demo-footer>a:last-child{font-size:12px;color:#808878}
/* 双端体验容器：业务 iframe 保持独立滚动与导航。 */
.experience-page{background:#f2f3ed}.experience-header{background:#fffdf8;border-bottom:1px solid #dfe2d5;display:flex;align-items:center;gap:24px;padding:17px 32px}.experience-header .brand-mark{--product-logo-size:34px}.experience-header .demo-brand strong{font-size:18px}.back-link{font-size:13px;color:#727a68}.experience-header label{margin-left:auto;font-size:12px;color:#7a8370}.experience-header select{min-width:155px;padding:10px 32px 10px 14px;border:1px solid #dce0d2;border-radius:9px;background:#fff;font-size:14px;color:var(--ink)}.experience-main{max-width:1850px;padding:29px 32px 28px;margin:auto}.experience-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:25px}.experience-heading .eyebrow{margin-bottom:8px;font-size:11px}.experience-heading h1{font-size:29px;font-weight:600;margin-bottom:8px}.experience-heading p:not(.eyebrow){font-size:13px;line-height:1.8;color:#77806d;margin:0;max-width:600px}.role-duties{list-style:none;display:flex;gap:17px;font-size:12px;color:#737d68;padding:0;margin:0}.role-duties li{display:flex;align-items:center;gap:7px;white-space:nowrap}.role-duties li:before{content:"";width:5px;height:5px;border-radius:50%;background:#b5b99d}.viewer-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0d2;padding:0 0 15px}.role-home{border:1px solid #dce0d2;background:#fffdf8;color:#2f3432;border-radius:9px;padding:10px 15px;min-height:40px;font-size:13px;box-shadow:0 2px 4px #525d3910}.role-home:hover{background:#fffaeb;border-color:#c3c9b6}.view-modes{display:flex;align-items:center;background:#e5e8dc;padding:4px;border-radius:9px;white-space:nowrap}.view-modes button{border:0;background:transparent;border-radius:6px;padding:8px 13px;font-size:12px;color:#7a8370}.view-modes button[aria-pressed=true]{background:#fffdf8;color:#3e4637;box-shadow:0 2px 4px #4c5b3112}.viewer-context{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 1px 16px;min-height:43px}.viewer-context p{font-size:11px;color:#7a8470;margin:0;line-height:1.65}.viewer-independent{font-size:11px;color:#89927e;white-space:nowrap}.preview-grid{display:grid;grid-template-columns:minmax(0,1fr) 366px;gap:26px;align-items:start}.preview-pane{min-width:0}.pane-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;min-height:24px}.pane-heading>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:#626d56}.pane-heading svg{width:16px;height:16px}.pane-heading>div{display:flex;gap:13px;align-items:center}.pane-heading button,.pane-heading a{font-size:11px;color:#7f8972;border:0;padding:4px 0;background:none}.pane-heading button:hover,.pane-heading a:hover{color:#60541f}.desktop-frame{border:1px solid #cdd2c1;border-radius:13px;box-shadow:0 9px 20px #6171460e;overflow:hidden;background:#fffdf8}.browser-bar{height:35px;display:flex;align-items:center;gap:5px;padding:0 14px;border-bottom:1px solid #e4e7dc;background:#f9faf4}.browser-bar>span{width:7px;height:7px;border-radius:50%;background:#d9ddce}.browser-bar>div{margin:0 auto;width:40%;background:#eef0e7;border-radius:4px;padding:4px;text-align:center;font-size:9px;letter-spacing:.03em;color:#929a87}.device-stage{height:var(--stage-height,640px);position:relative;overflow:hidden;background:#fffdf8}.device-stage iframe{display:block;border:0;position:absolute;top:0;left:0;transform-origin:0 0;background:#fffdf8}.frame-loading{position:absolute;inset:0;display:grid;place-items:center;background:#fffdf8;color:#838c76;font-size:13px;pointer-events:none;margin:0}.phone-frame{max-width:366px;margin:auto;border:6px solid #3c4434;border-radius:35px;background:#3c4434;overflow:hidden;position:relative;box-shadow:0 9px 20px #4d5c3015;padding-top:16px;padding-bottom:12px}.phone-camera{position:absolute;top:5px;left:calc(50% - 22px);width:44px;height:5px;border-radius:8px;background:#252d20}.phone-frame .device-stage{border-radius:18px;height:calc(var(--stage-height,640px) - 2px)}.phone-home{height:4px;width:82px;border-radius:5px;background:#8c9482;position:absolute;bottom:3px;left:calc(50% - 41px)}.viewer-footer{font-size:11px;color:#949c87;text-align:center;margin:23px 0 0;line-height:1.6}.preview-grid[data-layout=desktop]{grid-template-columns:minmax(0,1fr)}.preview-grid[data-layout=desktop] .phone-pane{display:none}.preview-grid[data-layout=phone]{grid-template-columns:minmax(0,1fr)}.preview-grid[data-layout=phone] .desktop-pane{display:none}.preview-grid[data-layout=phone] .phone-pane{max-width:430px;width:100%;margin:auto}.preview-grid[data-layout=phone] .phone-frame{max-width:402px}
/* 预览视口保持固定比例，只等比缩放；实机手机页使用实际可用高度。 */
.desktop-frame .device-stage{width:100%;height:auto;aspect-ratio:1280 / 800}.phone-frame .device-stage{width:100%;height:auto;aspect-ratio:390 / 844}
@media(min-width:1100px){.preview-grid[data-layout=both]{align-items:stretch}}
@media(min-width:761px) and (max-width:1099px){.preview-grid[data-layout=both]{grid-template-columns:minmax(0,1fr)}.preview-grid[data-layout=both] .phone-pane{max-width:430px;width:100%;justify-self:center}}
/* 每个端都有明确的外框和标题栏；手机实机访问时移除展示外框。 */
.viewer-toolbar{margin-bottom:18px}.experience-info-button{border:0;background:none;padding:10px 0;font:inherit;font-size:12px;color:#7a8271;cursor:pointer}.experience-info-dialog{width:calc(100% - 40px);max-width:480px;border:1px solid #dfe1d5;border-radius:20px;padding:28px;background:var(--paper);color:var(--ink)}.experience-info-dialog::backdrop{background:#2f34324d}.experience-info-dialog h2{font-size:21px;margin-bottom:18px}.experience-info-dialog p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:16px}.experience-info-dialog button{width:100%;border:0;border-radius:10px;background:var(--sun);padding:13px;font:inherit;font-size:14px;margin-top:8px}
.preview-grid{grid-template-columns:minmax(0,1fr) 414px;gap:24px}.preview-pane{padding:16px;background:#fffdf8;border:2px solid #a9b09f;border-radius:20px;box-shadow:0 4px 0 #dce1d2}.pane-heading{padding-bottom:13px;margin-bottom:15px;border-bottom:1px solid #d8dece;min-height:42px}.pane-heading>span{font-size:14px;font-weight:650;color:#3c4732}.pane-heading svg{width:18px;height:18px}.pane-heading>div{gap:9px}.pane-heading button,.pane-heading a{color:#667255;min-height:34px;padding:7px 0;display:inline-flex;align-items:center}.desktop-frame{border-color:#bcc5af;box-shadow:none}.phone-frame{max-width:378px;box-shadow:none}
@media(min-width:1600px){.preview-grid{grid-template-columns:minmax(0,1fr) 432px;gap:28px}.phone-frame{max-width:392px}.experience-main{padding-left:40px;padding-right:40px}}
@media(max-width:1150px){.section-width{padding-left:32px;padding-right:32px}.demo-header{padding:22px 32px}.hero{gap:25px;padding-top:45px}.hero h1{font-size:39px}.hero-actions{gap:14px}.hero-scene{padding:26px 17px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-card-detail{min-height:0}.role-duties{display:none}.experience-main{padding:24px}.experience-header{padding:15px 24px}.section-heading h2{font-size:27px}.module-grid{gap:9px;padding:20px 20px 0}.module-card{padding:19px 13px}.module-card strong{font-size:18px}.module-card>span:not(.module-icon){font-size:11px}.landscape-detail{padding:30px 26px}.module-people{padding-left:25px}}
@media(max-width:760px){html{scroll-padding-top:28px}.section-width{padding-left:22px;padding-right:22px}.demo-header{padding:18px 22px;gap:12px}.demo-header nav{display:none}.demo-brand strong{font-size:18px}.brand-mark{--product-logo-size:34px}.header-cta{margin-left:auto;padding:10px 14px;font-size:12px}.header-cta span{margin-left:10px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:55px;gap:36px;min-height:0}.hero h1{font-size:clamp(30px,7.7vw,46px);letter-spacing:-.055em;line-height:1.4;margin-bottom:21px}.hero-description{font-size:15px;line-height:1.9;margin-bottom:26px}.hero .eyebrow{font-size:11px;margin-bottom:18px}.hero-actions{gap:18px;flex-wrap:wrap}.button-primary{font-size:13px;padding:15px 17px;gap:14px}.text-link{font-size:12px}.hero-note{font-size:10px;margin-top:18px}.hero-scene{min-height:0;max-width:480px;width:100%;justify-self:center;border-radius:24px;padding:23px 21px}.scene-ticket{padding:21px}.scene-caption{font-size:11px;margin-bottom:21px}.scene-ticket h2{font-size:18px}.scene-ticket p{font-size:11px;line-height:1.7}.scene-receipt{margin-left:12px}.scene-receipt strong{font-size:11px}.scene-receipt p{font-size:10px}.value-section{padding-bottom:50px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:24px;line-height:1.5}.section-heading>p{font-size:13px;margin-top:13px;max-width:none}.section-heading .eyebrow{font-size:11px}.value-grid{grid-template-columns:1fr}.value-grid article,.value-grid article+article{padding:23px 0;border-left:0;display:grid;grid-template-columns:34px 1fr;column-gap:12px}.value-grid article+article{border-top:1px solid var(--line)}.value-number{grid-row:1 / 3;font-size:11px;margin-top:6px}.value-grid h3{font-size:19px;margin-bottom:8px}.value-grid p{grid-column:2;font-size:13px;max-width:none}.landscape-section{padding:47px 0 39px}.landscape{border-radius:16px}.landscape-top{padding:18px 15px;gap:11px;flex-wrap:wrap}.landscape-top>span:first-child{width:100%;font-size:10px;margin-bottom:3px}.landscape-top strong{font-size:12px}.landscape-divider{width:13px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px 12px 0;gap:10px}.module-card{padding:16px 11px;border-radius:11px}.module-icon{width:31px;height:31px;border-radius:9px;margin-bottom:16px}.module-icon svg{width:18px;height:18px}.module-card strong{font-size:17px;margin-bottom:7px}.module-card>span:not(.module-icon){font-size:10px}.module-card small{font-size:9px;margin-top:14px;line-height:1.7}.module-card[aria-pressed=true]:after{display:none}.landscape-detail{display:block;padding:23px 18px;min-height:0}.landscape-detail h3{font-size:19px;line-height:1.5}.landscape-detail p{font-size:12px;line-height:1.8}.detail-label{font-size:10px;margin-bottom:8px}.module-people{border-left:0;border-top:1px solid #e7e6db;padding:17px 0 0;margin-top:19px}.module-people>span{font-size:11px;margin-bottom:10px}.module-people a{padding:11px;font-size:11px;min-height:40px}.landscape-foundation{padding:16px 18px;gap:13px;flex-wrap:wrap}.landscape-foundation span{width:100%;font-size:10px}.landscape-foundation strong{font-size:10px}.section-footnote{font-size:10px;margin:16px 1px 0}.roles-section{padding-top:49px;padding-bottom:42px}.role-grid{gap:11px}.role-card{padding:19px 14px 16px;border-radius:13px}.role-icon{width:34px;height:34px;margin-bottom:19px}.role-icon svg{width:19px;height:19px}.role-card-arrow{right:15px;top:22px;font-size:17px}.role-card h3{font-size:18px;margin-bottom:7px}.role-card>p{font-size:11px;min-height:37px;margin-bottom:12px}.role-card-detail{font-size:10px;min-height:34px}.role-card-action{font-size:11px;padding-top:13px;margin-top:13px}.experience-note{display:block;margin-bottom:40px;padding-top:28px}.experience-note h2{font-size:23px}.experience-note p:not(.eyebrow){font-size:13px}.device-symbols{display:none}.demo-footer{flex-wrap:wrap;gap:18px;padding-top:24px;padding-bottom:25px}.demo-footer p{order:3;width:100%;font-size:10px}.demo-footer>a:last-child{margin-left:auto;font-size:11px}
.experience-page{background:var(--paper)}.experience-header{padding:12px 15px;gap:11px;flex-wrap:wrap}.experience-header .demo-brand strong{font-size:15px}.experience-header .brand-mark{--product-logo-size:28px}.back-link{margin-left:auto;font-size:11px}.experience-header label{font-size:11px;margin-left:0}.experience-header select{flex:1;min-width:0;padding:10px 13px;font-size:14px;min-height:42px}.experience-main{padding:0;max-width:none}.experience-heading{padding:17px 16px 0;margin:0}.experience-heading .eyebrow,.experience-heading h1,.experience-heading p:not(.eyebrow){display:none}.viewer-toolbar{padding:0 12px 12px;border-bottom:1px solid #e6e8dd;display:block}.role-home{padding:11px 13px;font-size:12px;min-height:42px}.view-modes,.viewer-independent{display:none}.viewer-context{padding:10px 16px;min-height:0;background:#f6f6ef}.viewer-context p{font-size:10px}.preview-grid,.preview-grid[data-layout=mobile]{display:block}.preview-grid .desktop-pane{display:none}.preview-grid .phone-pane{max-width:none;width:100%;margin:0}.preview-pane .pane-heading{display:none}.phone-frame{max-width:none!important;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--paper)}.phone-camera,.phone-home{display:none}.phone-frame .device-stage{border-radius:0;height:var(--stage-height,680px)}.viewer-footer{padding:13px 16px;margin:0;text-align:left;background:#f6f6ef;font-size:10px}}
@media(max-width:760px){.preview-pane{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.viewer-toolbar{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* 角色按实际工作分组，公共成果独立呈现。 */
.role-groups{display:grid;gap:22px}.role-group{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid #cfd3c7;border-radius:20px;background:#fffefb;overflow:hidden}.role-group-heading{padding:28px 25px;background:#edf0e6;border-right:1px solid #d7dccd}.role-group-heading h3{font-size:21px;line-height:1.5;margin:0 0 13px;color:#414d36}.role-group-heading p{font-size:13px;line-height:1.9;color:#727c66;margin:0}.role-group .role-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:14px}.role-group .role-grid-single{grid-template-columns:1fr}.role-group .role-card{padding:22px;display:flex;flex-direction:column;min-width:0;border-radius:13px;box-shadow:none}.role-group .role-card:hover{transform:translateY(-2px)}.role-card-intro{display:grid;grid-template-columns:36px minmax(0,1fr);gap:5px 12px;padding-right:14px}.role-group .role-icon{width:36px;height:36px;margin:0;grid-row:1 / 3}.role-card h4{font-size:19px;line-height:1.5;margin:0;font-weight:600}.role-audience{font-size:12px;line-height:1.8;color:#757e6c;margin:0;grid-column:2}.role-group .role-card-arrow{top:24px;right:18px}.role-responsibilities{font-size:13px;line-height:1.85;color:#626b5c;padding:0;list-style:none;margin:20px 0}.role-responsibilities li{position:relative;padding-left:13px;margin-top:5px}.role-responsibilities li:before{content:"";position:absolute;left:0;top:.8em;width:4px;height:4px;border-radius:50%;background:#b5ad87}.role-group .role-card-action{margin-top:auto;font-size:12px}.role-grid-single .role-card{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;align-items:center}.role-grid-single .role-responsibilities{margin:0 12px 0 0}.role-grid-single .role-card-action{grid-column:1 / -1}
.outcomes-section{padding-bottom:70px}.outcomes-panel{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;padding:42px;background:#f2f0e4;border:1px solid #dfdfcf;border-radius:25px}.outcomes-copy .eyebrow{margin-bottom:13px}.outcomes-copy h2{font-size:32px;line-height:1.5;letter-spacing:-.03em;margin-bottom:18px}.outcomes-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#73796b;max-width:430px;margin-bottom:25px}.outcome-preview{padding:27px;background:#fffefa;border:1px solid #dcdfd2;border-radius:16px;box-shadow:0 12px 25px #655d3b08}.outcome-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;padding-bottom:22px;border-bottom:1px solid var(--line)}.outcome-preview-heading>span{font-size:11px;color:#8b8e7e}.outcome-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 0}.outcome-summary>div{display:grid;gap:13px}.outcome-summary span{font-size:12px;color:#7f8575}.outcome-summary strong{font-size:40px;line-height:1;font-weight:550;font-variant-numeric:tabular-nums}.outcome-summary small{font-size:11px;font-weight:400;color:#858a79;margin-left:8px}.outcome-records{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.outcome-records li{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #eeeee6;font-size:12px}.outcome-records li:last-child{border:0;padding-bottom:0}.outcome-records strong{font-size:10px;font-weight:500;white-space:nowrap;border-radius:5px;background:#fff0c9;padding:4px 7px;color:#8e742c}.outcome-records strong.is-complete{background:#edf2e8;color:#677b54}
@media(max-width:1000px){.role-group{grid-template-columns:180px minmax(0,1fr)}.role-group-heading{padding:24px 20px}.role-group-heading h3{font-size:19px}.role-group .role-card{padding:18px}.role-card-intro{grid-template-columns:1fr}.role-group .role-icon{grid-row:auto;margin-bottom:6px}.role-audience{grid-column:1}.role-grid-single .role-card-intro{grid-template-columns:36px 1fr}.role-grid-single .role-icon{grid-row:1 / 3}.role-grid-single .role-audience{grid-column:2}.outcomes-panel{gap:30px;padding:30px}.outcome-preview{padding:23px}}
@media(max-width:760px){.role-groups{gap:20px}.role-group{grid-template-columns:1fr;border-radius:16px}.role-group-heading{padding:20px 20px 17px;border-right:0;border-bottom:1px solid #d7dccd}.role-group-heading h3{font-size:20px;margin-bottom:7px}.role-group-heading p{font-size:12px;line-height:1.8}.role-group .role-grid{grid-template-columns:1fr;padding:12px;gap:12px}.role-group .role-card,.role-grid-single .role-card{display:flex;padding:20px;gap:0;align-items:stretch}.role-card-intro,.role-grid-single .role-card-intro{grid-template-columns:34px minmax(0,1fr)}.role-group .role-icon{grid-row:1 / 3;width:34px;height:34px;margin:0}.role-audience,.role-grid-single .role-audience{grid-column:2;font-size:12px}.role-responsibilities,.role-grid-single .role-responsibilities{margin:16px 0;font-size:12px}.role-card h4{font-size:18px}.role-group .role-card-action{width:100%;font-size:12px}.outcomes-section{padding-bottom:44px}.outcomes-panel{grid-template-columns:1fr;gap:28px;padding:25px 20px;border-radius:19px}.outcomes-copy h2{font-size:26px}.outcomes-copy>p:not(.eyebrow){font-size:13px;margin-bottom:22px}.outcome-preview{padding:20px}.outcome-preview-heading{font-size:12px;flex-wrap:wrap;gap:7px}.outcome-summary strong{font-size:37px}.outcome-records li{font-size:11px;gap:8px}}

/* 手机实机体验：压缩外层控制区，用明确的产品框承载真实页面。 */
.mobile-preview-handle{display:none}
@media(max-width:760px){
  .experience-header{padding:7px 10px;gap:7px;flex-wrap:nowrap;min-height:50px}
  .experience-header .brand-mark{--product-logo-size:24px}
  .experience-header .demo-brand strong{font-size:13px;white-space:nowrap}
  .experience-header .back-link{margin-left:0;font-size:10px;white-space:nowrap}
  .experience-header label{display:none}
  .experience-header select{flex:0 1 126px;min-width:100px;min-height:36px;padding:7px 9px;font-size:12px}
  .experience-heading,.viewer-toolbar{display:none}
  .phone-pane{padding:8px 10px 10px!important;background:#f3f4ee!important}
  .mobile-preview-handle{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;margin:0;border:2px solid #a9b09f;border-bottom:0;border-radius:14px 14px 0 0;background:#fffdf8;color:#48513f;touch-action:pan-y}
  .mobile-preview-handle>span{width:34px;height:4px;border-radius:4px;background:#b9beae}
  .mobile-preview-handle>strong{font-size:12px;font-weight:600}
  .mobile-preview-handle>small{margin-left:auto;font-size:10px;color:#7b8472}
  #mobile-preview-exit{display:none;margin-left:auto;border:0;background:transparent;color:#5f6b55;font:inherit;font-size:11px;padding:7px}
  .phone-frame{margin:0!important;border:2px solid #a9b09f!important;border-top:1px solid #d8ddcf!important;border-radius:0 0 14px 14px!important;box-shadow:0 5px 13px #4e5a3b12!important;background:#fffdf8!important;overflow:hidden}
  html.mobile-preview-fullscreen,body.mobile-preview-fullscreen{overflow:hidden}
  body.mobile-preview-fullscreen .experience-header{display:none}
  body.mobile-preview-fullscreen .phone-pane{position:fixed;inset:0;z-index:9999;padding:0!important;background:#fffdf8!important}
  body.mobile-preview-fullscreen .mobile-preview-handle{height:45px;margin:0;border:0;border-bottom:1px solid #d8ddcf;border-radius:0}
  body.mobile-preview-fullscreen .mobile-preview-handle>small{display:none}
  body.mobile-preview-fullscreen #mobile-preview-exit{display:block}
  body.mobile-preview-fullscreen .phone-frame{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  body.mobile-preview-fullscreen .phone-frame .device-stage{height:calc(100dvh - 45px)!important;border-radius:0}
}