@charset "UTF-8";
/* 投屏可读、角色待办、五阶段导览与成果预览。 */
:root{--muted:#62766e;--line:#dfe8e2;--bg:#f5f7f4;--green:#087c63}body{font-size:14px}.ui-icon{width:23px;height:23px;display:block;flex-shrink:0}.brand{letter-spacing:1px}.sidebar-label{font-size:12px;letter-spacing:1px}.role-switch button,.nav-button{font-size:14px}.nav-button{padding:14px 12px}.nav-icon{width:23px}.sidebar-bottom{font-size:12px}.brand strong{font-size:11px}.topbar{height:70px}.breadcrumb,.text-button{font-size:13px}.demo-badge,.badge{font-size:12px}.demo-notice{display:block;background:#eef2ec;color:#637363;font-size:12px;border-bottom:1px solid #e2e9dd}.demo-notice summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none}.demo-notice summary::-webkit-details-marker{display:none}.demo-notice summary span{display:inline;color:#486953;white-space:nowrap;margin-left:15px}.demo-notice p{max-width:860px;margin-top:10px;padding-bottom:6px;font-size:13px}.page-heading{margin-bottom:23px}.page-heading p{font-size:15px;line-height:1.7}.eyebrow{font-size:11px;letter-spacing:1.5px}h1{font-size:28px}h2{font-size:19px}h3{font-size:16px}.workspace-tag{font-size:12px;padding:8px 13px;border:1px solid #d7e4d9;border-radius:30px;color:#50705e;background:#f0f5ee;white-space:nowrap}.button{font-size:14px;padding:12px 19px}.button.small{font-size:12px}.muted{font-size:13px}.panel-header p,.section-heading p{font-size:13px;line-height:1.7}.panel{border-radius:12px}.panel-header{align-items:flex-start}
.focus-card{display:flex;align-items:center;gap:20px;background:linear-gradient(110deg,#163f34,#235c47);border:1px solid #2b654f;border-radius:12px;color:white;padding:24px 28px;margin-bottom:24px}.focus-icon{width:52px;height:52px;display:grid;place-items:center;flex-shrink:0;border:1px solid #ffffff26;background:#ffffff08;border-radius:14px}.focus-icon .ui-icon{width:28px;height:28px;color:#a8debc}.focus-card>div:nth-child(2){flex:1}.focus-card .eyebrow{color:#b3d5bc;margin-bottom:7px}.focus-card h2{font-size:24px;font-weight:500;line-height:1.45}.focus-card p{font-size:14px;color:#c0d6c9;margin-top:7px}.focus-card>.button{background:#e1f1d8;color:#244c35;border-color:#e1f1d8;flex-shrink:0}.focus-card>.button:hover{background:#cde8bf;color:#173e2b}.journey-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;margin-bottom:22px}.journey-panel .section-heading{margin:0 0 19px}.progress-label{font-size:23px;font-weight:600;color:#207957;white-space:nowrap}.progress-label small{font-size:12px;font-weight:400;color:var(--muted)}.stage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.stage{border:1px solid #e2e8df;border-radius:9px;padding:16px 14px;background:#f9fbf8;min-width:0}.stage.current{background:#eaf5e9;border-color:#7aad8e}.stage.done{background:#f3f8ef}.stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stage-top>span{font-family:"Segoe UI",sans-serif;font-size:17px;color:#718276}.stage-top small{font-size:11px;color:#79897b}.stage.current .stage-top small{color:#267b4e}.stage.done .stage-top>span{color:#288854}.stage h3{font-size:15px;margin-bottom:14px}.stage-links{display:grid;gap:8px}.stage-links button{display:flex;justify-content:space-between;gap:4px;background:transparent;border:0;padding:0;color:#66796c;text-align:left;font-size:12px;line-height:1.7}.stage-links button:hover{color:#00734f}.stage-links button span{color:#94a594}.stats{gap:14px;margin-bottom:24px}.stat{padding:20px 22px;border-radius:10px}.stat-label{font-size:13px}.stat-foot{font-size:12px;line-height:1.6}.stat-value{font-size:31px;margin-top:10px}.stat-value small{font-size:13px}.overview-bottom{display:grid;grid-template-columns:1.45fr 1fr;gap:22px}.overview-bottom>.panel{margin:0}.ecosystem-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px}.ecosystem-item{display:flex;align-items:center;gap:12px;border:0;border-top:1px solid #edf1e9;background:white;padding:18px 0;text-align:left;color:var(--ink)}.ecosystem-item:hover{color:var(--green)}.ecosystem-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#f0f5eb;color:#478166;flex-shrink:0}.ecosystem-item strong{font-size:14px;font-weight:500;display:block}.ecosystem-item small{display:block;font-size:12px;color:#71836f;line-height:1.7;margin-top:5px}.eco-arrow{margin-left:auto;color:#8ea18e}.timeline-item{font-size:14px;line-height:1.6}.timeline-item p{font-size:12px}
.field{font-size:14px}.field input,.field select,.field textarea{font-size:14px;padding:12px}.field small,.field input[type=file]{font-size:12px}.note{font-size:12px;background:#f5f7ef;border-color:#d2dfc6;line-height:1.8}.review-row p{font-size:13px}.review-row .actions{flex-shrink:1}.quota-card p,.quota-card small{font-size:13px}table,td{font-size:14px}th{font-size:12px}.tab{font-size:14px;padding:11px 15px}.empty p{font-size:14px}.product-layout p,.product-meta{font-size:13px}.product-meta strong{font-size:18px}.price-grid>div{font-size:13px}.guide-card{background:#eef4e9}.guide-card p{font-size:14px}.guide-card .guide-symbol{display:none}.guide-card h3{font-size:17px}.guide-card .button{background:transparent;color:#287454;border:1px solid #9cbea5}.money-row{font-size:14px}.money-row.total{font-size:21px;margin-top:8px}.order-id,.order-progress div{font-size:13px}.complete-card p{font-size:14px}.complete-card h2{line-height:1.7}.claw-launch{padding:10px 15px;font-size:12px;bottom:18px;right:20px}.claw-launch span{font-size:15px}.assistant-panel p{font-size:14px}.assistant-panel .muted{font-size:12px}.assistant-panel{max-height:calc(100dvh - 105px);overflow:auto}.type-button{font-size:14px}.supplier-list p{font-size:12px}.toast{font-size:14px}.tabs{gap:8px}footer{font-size:12px}
.preview-label{font-size:12px;color:#70806e;display:block;margin-bottom:13px}.design-comparison{display:grid;grid-template-columns:.65fr 1.35fr;gap:17px;align-items:stretch}.source-product{background:#f6f7f2;border:1px solid #e4e8de;border-radius:10px;padding:17px;display:flex;flex-direction:column;justify-content:center}.source-product img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}.source-product p{font-size:12px;margin-top:12px;color:#698066}.asset-cover{padding:22px;gap:13px;min-height:235px}.asset-cover h3{font-size:25px;color:#2f4737;line-height:1.23;margin:15px 0}.asset-cover p{font-size:12px;line-height:1.7}.asset-caption{gap:10px;align-items:center;font-size:12px;padding:14px 17px}.detail-preview{border:1px solid #e0e6d7;border-radius:10px;background:#f6f3e9;padding:23px;margin-top:18px}.detail-preview h3{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:8px 0 22px;color:#3a5040}.detail-preview .detail-strip{border:0;background:transparent;gap:12px}.detail-preview .detail-strip div{font-size:13px;padding:16px 10px;background:#fff9;border-radius:7px}.detail-preview .detail-strip small{font-size:12px}
.social-post{border:1px solid #dde5dd;border-radius:10px;overflow:hidden;background:white;max-width:660px;margin:auto}.social-post header{display:flex;align-items:center;gap:11px;padding:17px}.social-avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#dce9d4;color:#467a54;font-weight:700}.social-post header strong{font-size:14px;display:block}.social-post header small{font-size:11px;color:#7c8877;display:block;margin-top:5px}.social-more{margin-left:auto;font-size:22px;color:#6f7e6c}.social-post>p{font-size:14px;line-height:1.7;padding:0 17px 18px}.social-image{display:grid;grid-template-columns:1fr 1fr;padding:30px 25px;gap:17px;align-items:center;background:#eae7d8}.social-image small{font-size:11px;letter-spacing:1px;color:#66775e}.social-image h3{font-family:Georgia,serif;font-size:36px;font-weight:400;line-height:1.2;margin-top:18px;color:#35503b}.social-image img{border-radius:50% 50% 4px 4px;aspect-ratio:1;object-fit:cover}.social-link{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#f3f6ef;gap:10px}.social-link small{font-size:11px;color:#7c8773;display:block;margin-bottom:6px}.social-link strong{font-size:14px}.social-link>span{font-size:12px;white-space:nowrap;color:#356645;border:1px solid #c5d4bd;border-radius:5px;padding:8px}.social-post footer{margin:0;padding:12px 17px;font-size:12px;color:#788570;gap:10px}.social-post footer span{font-size:10px}
.browser-preview{border:1px solid #d9e1d7;border-radius:10px;overflow:hidden;background:#faf9f4}.browser-chrome{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;background:#e8eee5;font-size:11px;color:#788471}.browser-chrome>span:first-child{letter-spacing:3px;color:#a0ad96}.browser-preview .mini-site{border:0;border-radius:0}.mini-site-header{font-size:12px;padding:19px}.mini-site-body{padding:30px;min-height:260px}.mini-site-body h3{font-size:35px;line-height:1.15;color:#344735}.mini-site-body p{font-size:13px;line-height:1.8}.site-cta{display:inline-block;font-size:12px;background:#345b42;color:#fff;padding:11px 16px;border-radius:3px;margin-top:19px}.site-benefits{display:flex;justify-content:space-around;gap:15px;border-top:1px solid #d9dece;padding:20px;font-size:12px;color:#6d7b63}.preview-actions{display:flex;gap:15px;align-items:center;margin-top:17px}.site-dialog{width:min(1060px,94vw);max-height:90dvh;overflow:auto;padding:24px}.site-dialog .preview-actions{display:none}.site-dialog .mini-site-body{min-height:400px;padding:45px;gap:45px}.site-dialog .mini-site-body h3{font-size:52px}.site-dialog .mini-site-body img{max-height:360px;width:100%;object-fit:cover}
.storyboards{gap:13px}.storyboard div:last-child{font-size:13px}.story-scene{height:210px;overflow:hidden;isolation:isolate}.story-scene>span{z-index:3;font-size:11px;background:#fffc}.story-scene>img{position:absolute;z-index:2;bottom:33px;width:95px;height:95px;border-radius:10px;transform:rotate(-12deg);box-shadow:0 10px 20px #32443120}.story-scene>b{position:absolute;bottom:10px;left:15px;font-size:12px;z-index:3;font-weight:500;color:#3e5640}.scene-environment{position:absolute;inset:0;padding:0!important}.scene-01{background:linear-gradient(110deg,#ede6cb,#fcf8e8)}.scene-01 .scene-environment:before{content:"";position:absolute;right:18px;top:23px;width:63px;height:90px;border:7px solid #fafaf1;box-shadow:0 0 0 2px #c8cbb8;background:linear-gradient(90deg,transparent 48%,#fafaf1 48%,#fafaf1 54%,transparent 54%),linear-gradient(#bbd4cf,#e7eecb)}.scene-01 .scene-environment:after{content:"";position:absolute;left:0;right:0;bottom:0;height:65px;background:#d5c5a4;transform:skewY(-8deg);transform-origin:left}.scene-02{background:linear-gradient(#c8ded8,#e7efe7)}.scene-02 .scene-environment{display:flex;align-items:flex-end;gap:8px;padding:0 10px 45px!important}.scene-02 i{height:103px;flex:1;background:repeating-linear-gradient(0deg,transparent 0 15px,#d5e2dc 15px 19px),#89a69d}.scene-02 i:nth-child(2){height:143px;background-color:#a7b6a4}.scene-02 i:nth-child(3){height:80px}.scene-02>img{transform:rotate(8deg)}.scene-03{background:radial-gradient(ellipse at 50% 45%,#e8ebd6,#acbf9b)}.scene-03 .scene-environment:before{content:"轻行生活";position:absolute;top:40px;width:100%;text-align:center;color:#406642;font-size:16px;letter-spacing:4px}.scene-03>img{bottom:38px;transform:rotate(0);border-radius:50%;width:105px;height:105px}.scene-03>b{width:100%;left:0;text-align:center}
@media(max-width:1150px){.overview-bottom{grid-template-columns:1fr}.focus-card{padding:22px}.stage-grid{gap:8px}.stage{padding:13px 10px}.stage-links button{font-size:12px}.stage h3{font-size:14px}.stage-top small{font-size:10px}.two-col{grid-template-columns:1fr}.asset-cover h3{font-size:31px}.stat{padding:17px}.stat-value{font-size:28px}}
@media(max-width:760px){main{padding:23px 17px 50px}.sidebar{padding:17px}.brand{font-size:20px}.nav-button{padding:10px;font-size:13px}.role-switch button{font-size:14px}.topbar{padding:0 17px}.breadcrumb{font-size:11px}.top-actions{gap:9px}.top-actions .demo-badge{display:none}.demo-notice{padding:10px 17px;font-size:11px}.demo-notice summary span{display:inline;font-size:11px}.demo-notice p{font-size:12px}.page-heading{gap:12px;margin-bottom:20px}.page-heading>div{flex:1 1 100%}h1{font-size:25px}.page-heading p{font-size:14px}.workspace-tag{display:none}.focus-card{flex-wrap:wrap;gap:13px;padding:22px}.focus-icon{width:39px;height:39px;border-radius:10px}.focus-icon .ui-icon{width:23px;height:23px}.focus-card>div:nth-child(2){flex:1;min-width:180px}.focus-card h2{font-size:20px}.focus-card p{font-size:13px}.focus-card>.button{width:100%;margin-top:5px}.journey-panel{padding:18px}.journey-panel .section-heading{align-items:flex-start}.journey-panel .section-heading p{font-size:12px;max-width:220px}.journey-panel h2{font-size:18px}.progress-label{font-size:19px}.stage-grid{grid-template-columns:1fr;gap:9px}.stage{display:grid;grid-template-columns:45px 1fr;column-gap:12px;padding:15px}.stage-top{grid-row:1/3;display:grid;align-content:start;gap:5px;margin:0;justify-content:start}.stage-top small{font-size:10px}.stage h3{font-size:15px;margin:0}.stage-links{grid-template-columns:1fr 1fr;gap:13px;margin-top:8px}.stage-links button{font-size:12px}.stage-links button span{display:none}.stat-label{font-size:12px}.stat-foot{font-size:11px}.stat-value{font-size:25px}.stats{gap:10px}.stat{padding:16px}.ecosystem-list{grid-template-columns:1fr}.ecosystem-item{padding:15px 0}.overview-bottom{gap:18px}.panel{padding:19px}.review-row .actions{width:100%}.design-comparison{grid-template-columns:1fr}.source-product{display:grid;grid-template-columns:70px 1fr;gap:8px 14px;align-items:center;padding:15px}.source-product img{grid-column:1;grid-row:1/3}.source-product .preview-label{grid-column:2;margin:0}.source-product p{grid-column:2;margin:0}.asset-cover{padding:18px;min-height:220px}.asset-cover h3{font-size:25px}.detail-preview{padding:19px}.detail-preview .detail-strip{gap:6px}.detail-preview .detail-strip div{font-size:11px;padding:12px 5px}.detail-preview .detail-strip small{font-size:11px}.social-image{padding:23px 17px;gap:10px}.social-image h3{font-size:29px}.social-post header strong{font-size:13px}.social-post>p{font-size:13px}.social-link{padding:14px;flex-wrap:wrap}.social-post footer{padding-bottom:12px;font-size:11px}.mini-site-body{padding:23px 17px;min-height:220px;gap:12px}.mini-site-body h3{font-size:27px}.mini-site-body p{font-size:12px}.mini-site-header{font-size:10px;padding:15px}.browser-chrome{font-size:10px;padding:11px}.site-benefits{font-size:11px;padding:15px 10px;gap:5px}.site-dialog{padding:15px}.site-dialog .panel-header h2{font-size:17px}.site-dialog .panel-header .button{font-size:12px;padding:9px}.site-dialog .mini-site-body{padding:20px;min-height:260px;gap:15px}.site-dialog .mini-site-body h3{font-size:30px}.site-dialog .mini-site-body img{max-height:220px}.preview-actions{flex-wrap:wrap}.tabs{gap:7px}.tab{font-size:13px;padding:10px 12px}.price-grid>div{font-size:11px}.storyboards{grid-template-columns:1fr}.story-scene{height:240px}.story-scene>img{width:135px;height:135px;bottom:39px}.scene-01 .scene-environment:before{right:35px;width:100px;height:120px}.scene-02 .scene-environment{padding-bottom:40px!important}.storyboard div:last-child{font-size:14px}.order-progress div{font-size:12px}.claw-launch{padding:9px 12px;font-size:11px;right:15px;bottom:16px}.claw-launch span{font-size:13px}.money-row{font-size:13px}.assistant-panel{right:15px;bottom:68px}footer{font-size:10px}.button{font-size:13px}}