*{box-sizing:border-box}body{margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#1b2b43;background:#edf1f6}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #8fb5fc;outline-offset:3px}button{-webkit-tap-highlight-color:transparent}svg{flex-shrink:0}p,h1,h2,h3{margin:0}.demo-stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:108px;padding:40px 24px 55px;background:radial-gradient(ellipse at 65% 30%,#e0e9f7 0,transparent 55%),#edf1f6}.demo-caption{width:280px}.brand-mark{background:#2563eb;color:#fff;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;margin-bottom:25px;box-shadow:0 8px 20px #2563eb22}.demo-caption h1{font-size:29px;letter-spacing:1px;margin-bottom:12px}.demo-caption p{color:#7d8ba0;font-size:14px}.caption-line{display:block;width:36px;height:3px;background:#b7c6db;margin:35px 0}.demo-caption .caption-note{font-size:24px;line-height:1.9;color:#51647f;font-weight:300}.demo-tools{margin-top:70px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.demo-tools button{display:flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid #ced8e7;border-radius:10px;font-size:13px;background:#ffffff70}.demo-tools>span,.stage-footnote{font-size:11px;letter-spacing:1px;color:#8b99ad}.stage-footnote{position:fixed;bottom:15px;right:24px}.device{position:relative;width:413px;height:872px;flex-shrink:0;border:10px solid #25292f;border-radius:57px;background:#f6f8fc;box-shadow:0 0 0 2px #67707b,0 0 0 5px #c4cbd3,0 35px 70px #3249662a;overflow:hidden}.status-bar{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:13px;color:#15243a;position:relative}.status-bar>div{display:flex;align-items:center;gap:5px}.island{position:absolute;left:50%;top:11px;transform:translate(-50%);width:112px;height:29px;border-radius:20px;background:#101215}.app-shell{height:calc(100% - 53px);display:flex;flex-direction:column}.app-header{height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 23px}.header-brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:650}.mini-logo{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#2865e8;color:#fff}.header-divider{font-weight:400;margin:0 10px;color:#bec8d5}.icon-button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%}.notification{position:relative}.notification i{position:absolute;right:6px;top:4px;background:#f07764;width:6px;height:6px;border-radius:50%;border:1px solid white}.app-content{overflow-y:auto;flex:1;min-height:0;padding:16px 21px 0;scrollbar-width:none}.app-content::-webkit-scrollbar{display:none}.greeting{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px}.greeting p,.page-heading>p{font-size:11px;color:#8b98aa;margin-bottom:8px}.greeting h2{font-size:24px;letter-spacing:-.5px;margin-bottom:8px}.greeting>div>span{font-size:11px;color:#8a96a8}.greeting .wave{color:#e7ac4d;font-size:23px;margin-left:8px}.avatar{width:47px;height:47px;background:#e1eaff;border:3px solid white;border-radius:17px;display:grid;place-items:center;color:#4368ad;font-size:21px;position:relative}.avatar>span{position:absolute;bottom:0;right:-3px;background:#40b89c;border:2px solid #fff;width:11px;height:11px;border-radius:50%}.overview{background:linear-gradient(115deg,#2462de,#3877ec);border-radius:20px;color:#fff;box-shadow:0 9px 20px #2868df22;overflow:hidden;margin-bottom:27px}.overview-top{display:flex;justify-content:space-between;padding:19px 18px 0;font-size:11px;color:#d8e7ff}.overview-top>span{display:flex;align-items:center;gap:6px}.overview-top i{width:5px;height:5px;border-radius:50%;background:#9fc6ff}.metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:19px 9px 20px}.metrics button{display:flex;align-items:flex-start;flex-direction:column;padding-left:12px;gap:8px;position:relative}.metrics button+button{border-left:1px solid #ffffff26;padding-left:20px}.metrics strong{font-size:33px;line-height:1;font-weight:600;letter-spacing:1px}.metrics strong>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ffd19c;vertical-align:top;margin:3px 0 0 5px}.metrics button>span{font-size:11px;color:#deebff}.overview-bottom{display:flex;align-items:center;gap:6px;background:#1554ca55;padding:12px 18px;font-size:10px;color:#d7e6ff}.overview-bottom svg{margin-left:auto}.live-dot{width:5px;height:5px;border-radius:50%;background:#92bbff}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h3{font-size:15px;display:flex;align-items:center;gap:7px}.section-heading>span{font-size:10px;color:#9aa6b6}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:29px}.quick-grid>button{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;padding:0}.quick-icon{width:47px;height:47px;border-radius:15px;display:grid;place-items:center}.blue{background:#eaf1ff;color:#3670df}.green{background:#e6f6f2;color:#29a38f}.orange{background:#fff1e4;color:#dd9440}.purple{background:#eeebff;color:#8670d0}.count{font-size:10px;background:#e7edf8;color:#6080af;padding:2px 5px;border-radius:5px}.text-button{display:flex;align-items:center;gap:4px;font-size:10px;color:#8c99ac;padding:0}.task-list{display:flex;flex-direction:column;gap:12px}.task-card{background:#fff;border:1px solid #edf0f5;border-radius:15px;padding:15px;text-align:left;width:100%;box-shadow:0 3px 8px #25385903}.task-top{display:flex;align-items:center;gap:9px}.task-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px}.task-title{font-size:13px;font-weight:600}.tag{display:inline-block;font-size:9px;padding:4px 7px;border-radius:5px;white-space:nowrap;font-weight:400}.task-top .tag{margin-left:auto}.urgent{background:#fff0e8;color:#d6834e}.pending{background:#eff4fc;color:#7290b8}.task-card>p{font-size:11px;color:#7d8ba0;margin:11px 0 13px}.task-bottom{display:flex;align-items:center;gap:6px;color:#96a1b2;font-size:10px;border-top:1px solid #f2f4f8;padding-top:11px}.task-bottom>span:nth-child(2){margin-left:auto}.task-bottom .deadline{color:#d49b6c}.end-note{display:flex;justify-content:center;align-items:center;gap:10px;font-size:9px;color:#b0b9c7;padding:25px 0}.end-note>span{height:1px;width:20px;background:#dfe5ee}.tabbar{flex-shrink:0;display:grid;grid-template-columns:repeat(4,1fr);background:#ffffffef;border-top:1px solid #edf0f5;padding:12px 6px 29px}.tabbar button{display:flex;align-items:center;flex-direction:column;gap:6px;font-size:10px;color:#9aa6b6}.tabbar button.selected{color:#2869df;font-weight:600}.tabbar button>span{position:relative;display:flex}.tabbar i{position:absolute;right:-9px;top:-5px;border:2px solid white;background:#ed8d73;border-radius:10px;min-width:16px;height:16px;font-size:8px;color:#fff;font-style:normal;display:grid;place-items:center}.home-indicator{position:absolute;bottom:8px;width:120px;height:4px;border-radius:5px;background:#15243a;left:50%;transform:translate(-50%);pointer-events:none}.page-heading{padding:6px 0 24px}.page-heading h2{font-size:26px}.page-heading small{font-size:15px;color:#9caec8;margin-left:8px}.search{display:flex;gap:10px;align-items:center;border:1px solid #e5eaf2;border-radius:12px;background:#fff;padding:13px;color:#9ca9ba}.search input{width:100%;min-width:0;border:0;outline:0;background:none;font-size:12px;color:#253859}.filters{display:flex;gap:10px;margin:20px 0}.filters button{font-size:12px;padding:8px 15px;border-radius:8px;color:#8190a6}.filters .active{background:#e6edfc;color:#2869df;font-weight:600}.empty{padding:60px 0;text-align:center;color:#8d9db2;font-size:13px}.project-list{display:grid;gap:15px}.project-card{background:#fff;padding:18px;border:1px solid #e8edf5;border-radius:17px;text-align:left}.project-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.running{background:#eaf7f1;color:#39a482}.project-card h3{font-size:15px;margin-bottom:8px}.project-card p{font-size:10px;color:#9ba7b9}.route{background:#f6f8fc;border-radius:8px;padding:13px 10px;font-size:11px;color:#788da9;line-height:1.8;margin:17px 0}.project-card footer{display:flex;justify-content:space-between;font-size:10px;color:#8696ad}.project-card footer span{display:flex;align-items:center;gap:4px}.profile{display:flex;align-items:center;flex-direction:column;gap:12px;padding:25px 0 32px}.profile .avatar{width:70px;height:70px;font-size:30px;border-radius:25px}.profile h2{font-size:22px}.profile p{font-size:12px;color:#8798af}.menu-card{background:#fff;border-radius:16px;padding:0 16px}.menu-card button{display:flex;align-items:center;gap:12px;width:100%;padding:20px 0;font-size:13px}.menu-card button+button{border-top:1px solid #f0f3f8}.menu-card button>svg:first-child{color:#7289aa}.menu-card button>span{margin-left:auto;font-size:11px;color:#9aa7ba}.menu-card button>svg:last-child{margin-left:auto;color:#a6b2c3}.menu-card button>span+svg:last-child{margin-left:0}.modal-layer{position:absolute;top:53px;right:0;bottom:0;left:0;background:#12233e66;z-index:10;display:flex;align-items:flex-end}.sheet{background:#fff;width:100%;padding:23px 23px 40px;border-radius:24px 24px 0 0;max-height:90%;overflow:auto}.sheet-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sheet-heading h3{font-size:17px}.sheet-note{font-size:13px;line-height:1.9;color:#8291a6;margin:20px 0}.primary-button{width:100%;padding:14px;border-radius:10px;color:#fff;background:#2869df;font-size:13px}dl{font-size:12px;display:grid;grid-template-columns:75px 1fr;gap:16px;margin:24px 0}dt{color:#96a3b5}dd{margin:0;overflow-wrap:anywhere;line-height:1.6}.notice{border-bottom:1px solid #edf1f7;padding:19px 0}.notice b{font-size:13px}.notice p{font-size:12px;line-height:1.9;color:#8291a6;margin:8px 0}.notice>span{font-size:10px;color:#abb4c3}.read-button{color:#5283d4;margin-left:auto;font-size:11px}.expanded{padding:0;display:block}.expanded .demo-caption{position:fixed;right:24px;top:16px;width:auto;z-index:5}.expanded .demo-caption>:not(.demo-tools),.expanded .demo-tools>span{display:none}.expanded .demo-tools{margin:0}.expanded .device{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.expanded .status-bar,.expanded .home-indicator,.expanded .stage-footnote{display:none}.expanded .app-shell{height:100%}.expanded .app-header{padding:0 36px;height:72px;border-bottom:1px solid #e7ecf4}.expanded .app-content{width:100%;max-width:1050px;margin:auto;padding:30px 30px 0}.expanded .tabbar{padding:15px;max-width:none}.expanded .task-list,.expanded .project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.expanded .overview{max-width:600px}.expanded .quick-grid{max-width:500px}.expanded .modal-layer{top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center}.expanded .sheet{max-width:480px;border-radius:24px}.expanded .menu-card{max-width:620px;margin:auto}.expanded .greeting{max-width:600px}@media(max-height:940px)and (min-width:701px){.demo-stage:not(.expanded){padding:25px;gap:80px}.demo-stage:not(.expanded) .device{width:383px;height:812px}.demo-stage:not(.expanded) .app-content{padding-top:9px}.demo-stage:not(.expanded) .greeting{margin-bottom:18px}.demo-stage:not(.expanded) .overview{margin-bottom:22px}.demo-stage:not(.expanded) .quick-grid{margin-bottom:23px}.demo-stage:not(.expanded) .end-note{padding:18px 0}}@media(max-width:700px){body{background:#f6f8fc}.demo-stage,.demo-stage:not(.expanded){display:block;padding:0;min-height:100dvh}.demo-caption,.stage-footnote{display:none!important}.device,.demo-stage:not(.expanded) .device{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.status-bar,.home-indicator{display:none}.app-shell{height:100%}.app-header,.expanded .app-header{padding:0 21px;height:62px;padding-top:env(safe-area-inset-top)}.app-content,.expanded .app-content{padding:16px 21px 0}.tabbar,.expanded .tabbar{padding:12px 6px max(16px,env(safe-area-inset-bottom))}.modal-layer{top:0;right:0;bottom:0;left:0}.expanded .task-list,.expanded .project-list{display:flex;flex-direction:column}.expanded .sheet{border-radius:24px 24px 0 0;max-width:none}.expanded .modal-layer{align-items:flex-end}.task-title{font-size:13px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}.sheet{animation:appear .2s ease-out}@keyframes appear{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}.tabbar{grid-template-columns:repeat(3,1fr)}.flow-list{display:grid;gap:16px}.flow-card{background:#fff;border:1px solid #e8edf5;border-radius:17px;padding:18px}.flow-card-heading{display:flex;align-items:center;gap:9px}.flow-card-heading h3{font-size:14px}.flow-card-heading .tag{margin-left:auto}.flow-project{font-size:11px;color:#7d8ba0;margin:15px 0 7px}.flow-code{font-size:10px;color:#a0adbf}.flow-steps{list-style:none;padding:0;margin:24px 0;display:grid;gap:0}.flow-steps li{position:relative;display:flex;align-items:center;gap:10px;font-size:12px;color:#9ba7b8;min-height:45px}.flow-steps li:not(:last-child):before{content:"";position:absolute;left:10px;top:32px;bottom:-12px;width:1px;background:#e1e7f1}.step-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0f3f8;color:#9ba7b8;font-size:10px;z-index:1}.flow-steps .done{color:#6a9587}.done .step-dot{background:#e7f5ee;color:#39a482}.flow-steps .current{color:#2869df;font-weight:600}.current .step-dot{background:#2869df;color:#fff;box-shadow:0 0 0 4px #edf3ff}.flow-steps small{margin-left:auto;font-size:10px;font-weight:400}.flow-card .primary-button{display:flex;justify-content:center;align-items:center;gap:6px}.flow-footnote{font-size:10px;line-height:1.8;color:#99a7ba;text-align:center;margin:22px 0}.expanded .flow-list{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.expanded .flow-list{grid-template-columns:1fr}}.tabbar{grid-template-columns:repeat(4,1fr)}.application-section{margin-top:24px}.application-section h3{font-size:14px;margin-bottom:14px}.application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.application-grid button{position:relative;text-align:left;background:#fff;border:1px solid #e8edf5;border-radius:17px;padding:18px;display:flex;flex-direction:column;gap:12px}.application-grid b{font-size:16px}.application-grid small{font-size:11px;color:#7d8ba0}.application-grid button>svg{position:absolute;right:16px;top:23px;color:#a1aec0}.application-hint{font-size:12px;line-height:1.8;color:#7d8ba0;margin:22px 0}.application-back{display:flex;align-items:center;gap:3px;font-size:12px;color:#53739d;margin-bottom:18px;padding:0}.operation-form{display:grid;gap:17px;margin-top:24px;padding-bottom:24px}.operation-form label{display:grid;gap:8px;font-size:12px;font-weight:600}.operation-form input,.operation-form select,.operation-form textarea{width:100%;min-width:0;border:1px solid #dce4ef;border-radius:10px;background:#fff;padding:12px;font:inherit;font-size:14px;color:#1b2b43}.operation-form select:disabled{background:#edf1f6;color:#9ba7b8}.operation-form textarea{resize:vertical}.operation-form .application-hint{margin:0}.packaging-summary{display:grid;gap:8px;border-radius:12px;background:#eaf1ff;padding:14px;font-size:12px}.packaging-summary span,.packaging-summary small{color:#647897}.form-error{font-size:12px;color:#ba3636}select:focus-visible,textarea:focus-visible{outline:3px solid #8fb5fc;outline-offset:3px}.record-card{display:block;width:100%;text-align:left;background:#fff;border:1px solid #e8edf5;border-radius:14px;padding:16px;margin:12px 0}.record-card b{display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:10px}.record-card small{display:block;color:#8290a5;font-size:11px;margin-top:10px}.record-card p{font-size:12px;color:#5c6e88;margin-top:10px;line-height:1.7;overflow-wrap:anywhere}.record-card strong{color:#2869df;white-space:nowrap;font-size:15px}.application-section:last-of-type{margin-bottom:22px}.filters{overflow-x:auto;flex-wrap:nowrap}.filters button{flex-shrink:0}