*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{background:var(--bg-body);color:var(--text-primary);font-family:Microsoft YaHei,PingFang SC,sans-serif}:root{--primary:#f97316;--primary-light:#fff7ed;--success:#52c41a;--warning:#f97316;--danger:#ff4d4f;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#999;--text-muted:#888;--bg-body:#fff;--bg-card:#fff;--bg-input:#fff;--bg-soft:#fff7ed;--bg-softer:#fffaf5;--bg-alt:#f8fcfc;--border-color:#fed7aa;--border-light:#ffedd5;--border-input:#dce9ed;--shadow:0 2px 12px #00000014;--shadow-card:0 8px 24px #f973160f;--shadow-soft:0 8px 20px #185d7014;--shadow-hover:0 2px 8px #0000000f;--el-color-primary:#f97316;--el-color-primary-light-3:#fb923c;--el-color-primary-light-5:#fdba74;--el-color-primary-light-7:#fed7aa;--el-color-primary-light-8:#ffedd5;--el-color-primary-light-9:#fff7ed;--el-color-primary-dark-2:#ea580c;--el-bg-color:#fff;--el-text-color-primary:#1f2937;--el-text-color-regular:#333;--el-text-color-secondary:#6b7280;--el-border-color:#fed7aa;--el-fill-color-blank:#fff;--el-fill-color-light:#fff7ed;--el-table-header-bg-color:#fff7ed;--el-table-header-text-color:#1f2937;--el-table-border-color:#ffedd5;--el-table-bg-color:#fff;--el-table-tr-bg-color:#fff;--el-dialog-bg-color:#fff;--el-drawer-bg-color:#fff;--el-pagination-bg-color:#fff;--van-background:#fff;--van-background-2:#fff;--van-background-3:#fff;--van-text-color:#1f2937;--van-text-color-2:#6b7280;--van-text-color-3:#999;--van-border-color:#ebedf0;--van-active-color:#f2f3f5;--van-nav-bar-background:#fff;--van-nav-bar-title-text-color:#1f2937;--van-nav-bar-icon-color:#1f2937;--van-tabbar-background:#fff;--van-tabbar-item-active-background:#fff7ed;--van-tabbar-item-active-color:#f97316;--van-tabs-nav-background:#fff;--van-search-background:#f7f8fa;--van-field-input-background:#f7f8fa;--van-cell-background:#fff;--van-cell-group-inset-background:#fff;--van-tag-primary-color:#fff7ed;--van-button-primary-background:#f97316;--van-button-primary-border-color:#f97316;--van-switch-on-background:#f97316}:root.dark,.dark{--text-primary:#e5e5e5;--text-secondary:#a0a0b0;--text-tertiary:#707080;--text-muted:#606070;--bg-body:#0f0f1a;--bg-card:#1a1a2e;--bg-input:#25253e;--bg-soft:#1a1a2e;--bg-softer:#1a1a2e;--bg-alt:#1a1a2e;--border-color:#2d2d44;--border-light:#2d2d44;--border-input:#2d2d44;--shadow:0 2px 12px #0000004d;--shadow-card:0 8px 24px #0000004d;--shadow-soft:0 8px 20px #0000004d;--shadow-hover:0 2px 8px #0003;--el-bg-color:#1a1a2e;--el-text-color-primary:#e5e5e5;--el-text-color-regular:#e0e0e0;--el-text-color-secondary:#a0a0b0;--el-border-color:#2d2d44;--el-fill-color-blank:#1a1a2e;--el-fill-color-light:#25253e;--el-table-header-bg-color:#25253e;--el-table-header-text-color:#e5e5e5;--el-table-border-color:#2d2d44;--el-table-bg-color:#1a1a2e;--el-table-tr-bg-color:#1a1a2e;--el-table-row-hover-bg-color:#25253e;--el-dialog-bg-color:#1a1a2e;--el-drawer-bg-color:#1a1a2e;--el-pagination-bg-color:#1a1a2e;--el-pagination-button-bg-color:#25253e;--el-pagination-hover-color:#f97316;--van-background:#0f0f1a;--van-background-2:#1a1a2e;--van-background-3:#25253e;--van-text-color:#e5e5e5;--van-text-color-2:#a0a0b0;--van-text-color-3:#707080;--van-border-color:#2d2d44;--van-active-color:#25253e;--van-nav-bar-background:#1a1a2e;--van-nav-bar-title-text-color:#e5e5e5;--van-nav-bar-icon-color:#e5e5e5;--van-tabbar-background:#1a1a2e;--van-tabbar-item-active-background:#25253e;--van-tabbar-item-active-color:#f97316;--van-tabs-nav-background:#1a1a2e;--van-search-background:#25253e;--van-field-input-background:#25253e;--van-cell-background:#1a1a2e;--van-cell-group-inset-background:#1a1a2e;--van-tag-primary-color:#25253e;--van-button-primary-background:#f97316;--van-button-primary-border-color:#f97316;--van-switch-on-background:#f97316}a{color:var(--primary);text-decoration:none}.page-container{padding:20px}.card{background:var(--bg-card);box-shadow:var(--shadow);border-radius:8px;padding:20px}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.work-page{color:var(--text-primary);background:var(--bg-body);gap:14px;display:grid}.work-hero{min-height:0;box-shadow:none;background:0 0;border:0;justify-content:flex-end;align-items:center;padding:0;display:flex}.work-hero:after,.work-hero-main{display:none}.work-kicker{color:#f97316;margin-bottom:8px;font-size:13px;font-weight:800}.work-hero h1{color:var(--text-primary);letter-spacing:0;margin:0;font-size:28px}.work-hero p{display:none}.work-actions{z-index:1;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:10px;display:flex;position:relative}.work-hero .work-actions{justify-content:flex-end;align-items:center;gap:8px;width:100%}.work-hero .work-actions .el-button{min-height:32px;padding:6px 12px}.work-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:8px;padding:18px}.work-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.work-section-title h2{color:var(--text-primary);margin:0;font-size:18px}.work-section-title p{display:none}.work-stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.work-stat{border:1px solid var(--border-color);background:var(--bg-soft);border-radius:8px;align-content:center;gap:6px;min-height:104px;padding:18px;display:grid}.work-stat b{color:#f97316;font-size:30px;line-height:1}.work-stat span{color:var(--text-secondary);font-size:13px}.flow-strip{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.flow-step{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;min-height:78px;padding:14px;position:relative;overflow:hidden}.flow-step:after{content:"";opacity:.9;background:#f97316;height:3px;position:absolute;bottom:0;left:0;right:0}.flow-step strong{color:#f97316;margin-bottom:6px;font-size:12px;display:block}.flow-step b{color:var(--text-primary);margin-bottom:4px;display:block}.flow-step span{display:none}.scenario-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:18px;display:grid}.soft-panel{border:1px solid var(--border-color);background:var(--bg-softer);border-radius:8px;padding:16px}.pill-list{flex-wrap:wrap;gap:8px;display:flex}.pill-list span{color:#ea580c;background:var(--bg-soft);border-radius:999px;padding:6px 10px;font-size:12px}.story-list{gap:10px;display:grid}.story-item{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.story-badge{background:var(--bg-soft);color:#f97316;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.story-item h3{color:var(--text-primary);margin:0 0 4px;font-size:15px}.story-item p{display:none}.work-workflow{grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;display:grid}.workflow-node{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;min-height:72px;padding:14px;position:relative}.workflow-node:not(:last-child):after{content:"";background:#fdba74;width:12px;height:2px;position:absolute;top:42px;right:-8px}.workflow-node strong{color:#f97316;margin-bottom:6px;font-size:12px;display:block}.workflow-node b{color:var(--text-primary);margin-bottom:4px;font-size:14px;display:block}.workflow-node span{display:none}.work-form-shell{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.live-preview{gap:12px;display:grid;position:sticky;top:18px}.preview-phone{border:1px solid var(--border-color);background:var(--bg-soft);border-radius:22px;padding:12px;box-shadow:0 14px 32px #f973161f}.preview-phone-screen{background:var(--bg-card);border-radius:14px;min-height:420px;overflow:hidden}.preview-phone-head{color:#fff;background:#f97316;padding:16px}.preview-phone-head b{font-size:18px;display:block}.preview-phone-head span{opacity:.88;margin-top:4px;font-size:12px;display:block}.preview-block{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;margin:12px;padding:12px}.preview-block h3{color:var(--text-primary);margin:0 0 8px;font-size:14px}.preview-row{color:var(--text-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;gap:10px;padding:6px 0;font-size:12px;display:flex}.preview-row:last-child{border-bottom:0}.preview-row b{color:var(--text-primary);text-align:right;font-size:12px}.qr-gallery{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;display:grid}.qr-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;grid-template-columns:96px 1fr;align-items:center;gap:14px;min-height:142px;padding:16px;display:grid}.qr-card h3{color:var(--text-primary);margin:0 0 6px;font-size:15px}.qr-card p{display:none}.evidence-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.evidence-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;padding:14px}.evidence-card b{color:var(--text-primary);margin-bottom:8px;display:block}.evidence-card span{color:var(--text-secondary);font-size:13px;line-height:1.55;display:block}.map-mini{border:1px solid var(--border-color);background:var(--bg-soft);border-radius:8px;min-height:220px;position:relative;overflow:hidden}.map-mini:before{content:"";background-image:none;background-size:28px 28px;position:absolute;inset:0}.map-pin{background:#f97316;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #f9731629}.map-pin.warning{background:#e6a23c;box-shadow:0 0 0 8px #e6a23c2e}.map-pin.danger{background:#f56c6c;box-shadow:0 0 0 8px #f56c6c2e}.el-table{--el-table-header-bg-color:var(--bg-soft);--el-table-header-text-color:var(--text-primary);--el-table-border-color:var(--border-light)}.el-button{border-radius:6px}.mobile-page{background:var(--bg-body);min-height:100vh}.mobile-hero{color:#fff;background:#f97316;padding:24px 18px}.mobile-hero h1{color:#fff;margin:0 0 6px;font-size:22px}.mobile-hero p{display:none}.mobile-panel{background:var(--bg-card);border-radius:14px;margin:14px 14px 0;padding:14px;box-shadow:0 8px 24px #f9731614}@media (width<=980px){.work-actions,.work-hero .work-actions{justify-content:flex-start}.work-stat-grid,.flow-strip,.scenario-grid,.work-workflow,.work-form-shell,.qr-gallery,.evidence-grid{grid-template-columns:1fr}.workflow-node:after{display:none}.live-preview{position:static}}.gap-2{gap:8px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.text-center{text-align:center}.text-lg{font-size:18px;font-weight:600}.text-xl{font-size:24px;font-weight:700}.text-2xl{font-size:32px;font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-blue{color:var(--primary)}.text-green{color:var(--success)}.text-orange{color:var(--warning)}.text-red{color:var(--danger)}.w-full{width:100%}.h-full{height:100%}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-4{gap:16px}