.appbar--safe[data-v-908ac0b7]{min-height:calc(58px + max(env(safe-area-inset-top), 14px));height:auto;padding-top:max(env(safe-area-inset-top), 14px)}:root{--bg:#f4f7fb;--panel:#fff;--panel-soft:#f8fafc;--line:#dde5ef;--line-strong:#c7d2e2;--text:#172033;--muted:#66758a;--subtle:#8a99ad;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#e8f0ff;--cyan:#0891b2;--cyan-soft:#e6f7fb;--green:#15965d;--green-soft:#e8f8ef;--amber:#b7791f;--amber-soft:#fff4dc;--red:#d14343;--red-soft:#ffeded;--violet:#6d5bd0;--violet-soft:#f0edff;--shadow:0 16px 42px #1a253e1f;--radius:8px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{color:var(--text);background:radial-gradient(circle at 12% 0%, #2563eb1a, transparent 30%), linear-gradient(180deg, #eef3fb 0%, var(--bg) 28%, #eef3fb 100%);margin:0;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.prototype{place-items:start center;min-height:100vh;padding:20px 10px;display:grid}.phone{background:var(--bg);width:min(430px,100%);min-height:calc(100vh - 40px);box-shadow:var(--shadow);border:1px solid #1720331a;border-radius:24px;position:relative;overflow:hidden}.appbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;height:58px;padding:8px 16px 10px;display:flex;position:sticky;top:0}.title-block{min-width:0}.title-block strong{font-size:18px;line-height:22px;display:block}.title-block span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin-top:2px;font-size:12px;display:block;overflow:hidden}.icon-btn{width:36px;height:36px;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex:none;place-items:center;display:grid;position:relative}.appbar-actions{flex:none;align-items:center;gap:8px;display:flex}.avatar-btn{color:#fff;border-radius:var(--radius);background:#334155;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.icon svg,.icon-btn svg,.tabbar svg,.quick-icon svg,.upload-icon svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.dot{background:var(--red);border:1px solid #fff;border-radius:999px;width:7px;height:7px;position:absolute;top:8px;right:8px}main{min-height:calc(100vh - 146px);padding:12px 12px calc(88px + var(--safe-bottom))}.page{animation:.18s fade}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hero{color:#fff;border-radius:var(--radius);background:linear-gradient(135deg,#1d4ed8 0%,#0891b2 100%);padding:16px;position:relative;overflow:hidden;box-shadow:0 16px 30px #2563eb33}.hero:after{content:"";border:24px solid #ffffff21;border-radius:999px;width:136px;height:136px;position:absolute;top:-42px;right:-34px}.hero-content{z-index:1;position:relative}.hero-kicker{color:#ffffffc7;font-size:12px}.hero-title{letter-spacing:0;margin:5px 0 14px;font-size:22px;font-weight:800}.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.hero-stat{border-radius:var(--radius);min-width:0;color:inherit;text-align:left;background:#ffffff24;border:1px solid #fff3;padding:9px 8px}.hero-stat strong{font-size:18px;line-height:22px;display:block}.hero-stat span{color:#fffc;white-space:nowrap;margin-top:2px;font-size:11px;display:block}.section{margin-top:12px}.section-head{justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding:0 2px;display:flex}.section-title{font-size:15px;font-weight:800}.section-note,.link{color:var(--muted);font-size:12px}.link{color:var(--primary);background:0 0;padding:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 20px #1a253e0f}.quick-grid,.metric-grid,.info-grid,.upload-grid{gap:10px;display:grid}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.metric-grid,.info-grid,.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action{min-height:76px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px 6px;font-size:12px;display:flex}.quick-icon{width:32px;height:32px;color:var(--primary);background:var(--primary-soft);border-radius:var(--radius);place-items:center;display:grid}.quick-action.green .quick-icon{color:var(--green);background:var(--green-soft)}.quick-action.amber .quick-icon{color:var(--amber);background:var(--amber-soft)}.quick-action.violet .quick-icon{color:var(--violet);background:var(--violet-soft)}.account-card{align-items:center;gap:12px;min-height:76px;padding:14px;display:flex}.account-avatar{color:#fff;border-radius:var(--radius);background:#334155;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.account-action{min-height:70px;color:var(--text);text-align:left;align-items:center;gap:12px;padding:12px;display:flex}.account-action strong{font-size:14px;display:block}.account-action em{color:var(--muted);margin-top:3px;font-size:12px;font-style:normal;display:block}.account-action.danger .quick-icon{color:var(--red);background:var(--red-soft)}.info-cell{background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius);padding:11px}.info-cell span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.info-cell strong{font-size:14px;line-height:19px;display:block}.metric{padding:12px}.metric span{color:var(--muted);font-size:12px}.metric strong{margin-top:5px;font-size:24px;line-height:28px;display:block}.metric small{color:var(--green);margin-top:7px;font-size:12px;display:block}.chart-card,.detail-block,.task-card,.customer-card,.contract-card,.service-package-card{padding:12px}.chart-card{padding:14px}.bar-row{color:var(--muted);grid-template-columns:64px minmax(0,1fr) 32px;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:grid}.bar-track{background:#e8eef7;border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--primary), var(--cyan));border-radius:inherit;height:100%}.list,.service-list{gap:10px;display:grid}.customer-card,.contract-card{color:inherit;text-align:left;width:100%}.dropdown{flex:none;position:relative}.dropdown-trigger{width:34px;height:34px;color:var(--primary);background:var(--primary-soft);border-radius:var(--radius);justify-content:center;align-items:center;display:inline-flex}.dropdown-trigger svg{stroke:currentColor;fill:none;stroke-width:2px;width:15px;height:15px}.dropdown-menu{z-index:25;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:112px;padding:6px;position:absolute;top:40px;right:0;box-shadow:0 12px 28px #0f172a29}.dropdown-menu button{width:100%;height:34px;color:var(--text);text-align:left;background:0 0;border-radius:6px;padding:0 10px;font-size:13px}.dropdown-menu button:active{background:var(--primary-soft);color:var(--primary)}.dropdown-menu button:disabled{color:var(--subtle);cursor:not-allowed;opacity:.55}.dropdown-menu button:disabled:active{color:var(--subtle);background:0 0}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.row-start{align-items:flex-start}.name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;font-weight:800;overflow:hidden}.meta{color:var(--muted);margin-top:4px;font-size:12px}.tag-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:12px;display:inline-flex}.badge-blue{color:var(--primary);background:var(--primary-soft)}.badge-green{color:var(--green);background:var(--green-soft)}.badge-amber{color:var(--amber);background:var(--amber-soft)}.badge-red{color:var(--red);background:var(--red-soft)}.badge-cyan{color:var(--cyan);background:var(--cyan-soft)}.badge-violet{color:var(--violet);background:var(--violet-soft)}.segmented{border-radius:var(--radius);background:#e9eef7;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px;padding:4px;display:grid}.segmented button{height:32px;color:var(--muted);white-space:nowrap;background:0 0;border-radius:7px;font-size:12px}.segmented button.active{color:var(--primary);background:#fff;font-weight:700;box-shadow:0 3px 10px #1a253e14}.searchbar{height:42px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:8px;margin-bottom:10px;padding:0 12px;display:flex}.searchbar svg{stroke:currentColor;fill:none;stroke-width:2px;width:17px;height:17px}.searchbar input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.form-card{padding:14px}.form-grid{gap:12px;display:grid}.form-tabs{border-radius:var(--radius);background:#e9eef7;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.form-tabs button{height:32px;color:var(--muted);background:0 0;border-radius:7px;font-size:12px}.form-tabs button.active{color:var(--primary);background:#fff;font-weight:700;box-shadow:0 3px 10px #1a253e14}.follow-history{align-content:start;gap:8px;min-height:388px;max-height:420px;display:grid;overflow:auto}.follow-form-tab{align-content:start;gap:12px;min-height:388px;display:grid}.follow-history__item{background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.field label{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.required{color:var(--red);font-style:normal}.input,.select,.textarea{border:1px solid var(--line);background:var(--panel-soft);border-radius:var(--radius);width:100%;color:var(--text);outline:0}.input,.select{height:42px;padding:0 11px}.textarea{resize:vertical;min-height:92px;padding:10px 11px}.input:focus,.select:focus,.textarea:focus{background:#fff;border-color:#2563eb8c;box-shadow:0 0 0 3px #2563eb1a}.input-action{grid-template-columns:minmax(0,1fr) 86px;gap:8px;display:grid}.package-item-card{background:var(--panel-soft);border-radius:var(--radius);border:1px solid #d7e2f0;padding:10px}.package-item-card .meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.package-relation{gap:5px;display:grid}.package-relation span{color:var(--muted);font-size:12px}.package-relation strong{min-height:22px;color:var(--text);align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.item-dialog-remove{width:100%;color:var(--red);margin-top:10px;display:block}.selectpage{position:relative}.selectpage-trigger{width:100%;height:42px;color:var(--text);background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius);text-align:left;justify-content:space-between;align-items:center;padding:0 11px;display:flex}.selectpage-trigger:after{content:"";width:7px;height:7px;color:var(--muted);border-bottom:1.6px solid;border-right:1.6px solid;flex:none;transform:rotate(45deg)translateY(-2px)}.selectpage-trigger:disabled{opacity:.62}.selectpage-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.selectpage-trigger .placeholder{color:var(--subtle)}.selectpage-panel{z-index:35;border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:8px;padding:8px;display:grid;position:absolute;top:48px;left:0;right:0;box-shadow:0 14px 32px #0f172a29}.selectpage-list{gap:4px;max-height:220px;display:grid;overflow:auto}.selectpage-option{min-height:40px;color:var(--text);text-align:left;background:0 0;border-radius:6px;padding:7px 8px}.selectpage-option strong,.selectpage-option span{display:block}.selectpage-option strong{font-size:13px}.selectpage-option span{color:var(--muted);margin-top:2px;font-size:12px}.selectpage-option:active{color:var(--primary);background:var(--primary-soft)}.selectpage-more{height:34px;color:var(--primary);background:var(--primary-soft);border-radius:6px;font-size:12px;font-weight:700}.upload-card{min-height:108px;color:var(--text);background:var(--panel);border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:left;flex-direction:column;justify-content:space-between;padding:12px 10px;display:flex}.upload-card.done{background:linear-gradient(180deg, #fff 0%, var(--green-soft) 100%);border-style:solid;border-color:#15965d4d}.upload-title{font-weight:800;line-height:18px;display:block}.upload-sub{color:var(--muted);margin-top:4px;font-size:12px;display:block}.upload-icon{width:30px;height:30px;color:var(--primary);background:var(--primary-soft);border-radius:var(--radius);place-items:center;margin-top:8px;display:grid}.file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.service-item{background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.service-package-grid{margin-top:10px}.service-detail-list{gap:8px;margin-top:10px;display:grid}.service-detail-item{border-top:1px solid var(--line);gap:6px;padding-top:10px;display:grid}.progress{gap:10px;padding:14px;display:grid}.progress-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.progress-line{background:#e8eef7;border-radius:999px;height:8px;overflow:hidden}.progress-line span{height:100%;width:var(--progress,64%);background:linear-gradient(90deg, var(--green), var(--cyan));border-radius:inherit;display:block}.timeline{padding:12px}.timeline-item{grid-template-columns:22px minmax(0,1fr);gap:8px;padding-bottom:14px;display:grid;position:relative}.timeline-item:not(:last-child):before{content:"";background:var(--line);width:1px;position:absolute;top:18px;bottom:-2px;left:8px}.timeline-dot{border:4px solid var(--primary-soft);background:var(--primary);z-index:1;border-radius:999px;width:17px;height:17px;margin-top:2px;position:relative}.timeline-body{min-width:0}.timeline-time{color:var(--muted);font-size:12px}.timeline-text{color:var(--text);margin-top:4px}.btn-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.btn{border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:42px;font-weight:700;display:inline-flex}.btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:17px;height:17px}.btn-primary{color:#fff;background:var(--primary)}.btn-ghost{color:var(--primary);background:var(--primary-soft)}.btn-success{color:#fff;background:var(--green)}.btn-danger{color:#fff;background:var(--red)}.btn:disabled{opacity:.62;cursor:not-allowed}.material-summary{padding:14px}.material-summary__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.material-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.material-summary__stats{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.material-types{gap:10px;display:grid}.material-type-card{padding:12px}.material-type-card__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.material-type-card__title{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.material-required{color:var(--red);background:var(--red-soft);border-radius:999px;padding:1px 6px;font-size:11px}.material-entry-list{gap:8px;display:grid}.material-entry{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.material-entry__body{flex:1;min-width:0}.material-entry__title{align-items:center;gap:8px;min-width:0;display:flex}.material-entry__title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.material-file-mark{min-width:36px;height:22px;color:var(--primary);background:var(--primary-soft);border-radius:999px;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.material-entry__meta{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5}.material-entry__actions{flex-shrink:0;align-items:flex-start;gap:10px;display:flex}.material-empty{color:var(--muted);padding:10px 0 2px;font-size:12px}.material-dialog{width:min(620px,100vw - 20px)}.material-progress{padding:14px}.material-submit{width:100%;margin-top:12px}.material-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.material-upload-tile{aspect-ratio:1;color:#94a3b8;background:#f8fafc;border:1px solid #e5e7eb;border-radius:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.material-upload-tile.is-image{color:#0000;background:#f3f4f6}.material-upload-tile__preview{object-fit:cover;width:100%;height:100%}.material-upload-tile__placeholder{justify-items:center;gap:6px;font-size:12px;line-height:1.2;display:grid}.material-upload-tile__placeholder .icon{width:24px;height:24px}.material-upload-tile--add{color:#cbd5e1;cursor:pointer;background:#f8fafc;border-style:dashed;gap:8px}.material-upload-tile--add span{font-size:12px}.material-upload-tile--add .icon{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.material-upload-tile__remove{color:#fff;z-index:2;background:#0f172ac2;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:16px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px}.material-upload-note{color:var(--muted);margin-top:8px;font-size:12px}.material-existing{background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius);gap:10px;padding:12px;display:grid}.material-existing__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.material-existing__title{font-size:13px;font-weight:700}.material-existing__list{gap:8px;display:grid}.material-existing__item{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px}.material-existing__file{align-items:center;gap:8px;display:flex}.material-existing__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.material-existing__meta{color:var(--muted);margin-top:3px;font-size:12px}.material-file-picker{background:var(--panel-soft);border:1px dashed var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;padding:12px;display:flex}.material-file-picker .file-input{width:100%}.material-file-picker__title{font-size:13px;font-weight:600}.material-file-picker__meta,.material-dialog__tip{color:var(--muted);font-size:12px}.material-dialog__tip{background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius);margin-top:8px;padding:10px 12px}.link.danger{color:var(--red)}.task-time{text-align:right;min-width:54px;color:var(--muted);font-size:12px}.work-order-requirement{color:var(--text);background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius);margin-top:10px;padding:10px;font-size:13px;line-height:1.55}.work-order-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 10px;margin-top:10px;font-size:12px;display:flex}.work-order-actions{flex:none;align-items:flex-start;gap:8px;display:flex}.dropdown-menu button.danger{color:var(--red)}.work-order-dialog{width:min(430px,100vw - 20px)}.work-order-detail{padding:12px}.work-order-info-table{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:88px minmax(0,1fr) 88px minmax(0,1fr);display:grid;overflow:hidden}.work-order-info-label,.work-order-info-value{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;min-height:38px;padding:8px 10px;font-size:13px;line-height:1.4;display:flex}.work-order-info-label{color:var(--muted);background:var(--panel-soft)}.work-order-info-value{overflow-wrap:anywhere;min-width:0;font-weight:700}.work-order-info-table>:nth-child(4n),.work-order-info-value--wide{border-right:0}.work-order-info-value--wide{grid-column:span 3;font-weight:500}.work-order-info-table>:nth-last-child(-n+2){border-bottom:0}.work-order-feedback-title{margin-top:14px;font-size:15px;font-weight:800}.work-order-feedback-empty,.work-order-feedback-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-top:8px;padding:10px}.work-order-feedback-empty{color:var(--muted);font-size:12px}.work-order-feedback-list{gap:8px;display:grid}.work-order-feedback-content{overflow-wrap:anywhere;margin-top:5px;font-size:13px;line-height:1.5}.work-order-edit-form{margin:12px}.work-order-edit-textarea{min-height:142px}.field-count{color:var(--muted);text-align:right;margin-top:5px;font-size:12px}.contract-file{background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:10px;margin-top:10px;padding:10px;display:flex}.file-mark{color:#fff;background:var(--red);border-radius:6px;flex:none;place-items:center;width:36px;height:42px;font-size:11px;font-weight:800;display:grid}.notice{color:#244476;background:var(--primary-soft);border-radius:var(--radius);border:1px solid #2563eb29;padding:11px 12px}.sheet{z-index:40;background:#0f172a6b;justify-content:center;display:none;position:fixed;inset:auto 0 0}.sheet.show{display:flex}.sheet-panel{width:min(430px,100%);max-height:86vh;padding-bottom:calc(14px + var(--safe-bottom));background:#fff;border-radius:18px 18px 0 0;animation:.18s sheetIn;overflow:auto;box-shadow:0 -16px 40px #0f172a2e}@keyframes sheetIn{0%{opacity:.7;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sheet-head{border-bottom:1px solid var(--line);z-index:1;background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 14px;display:flex;position:sticky;top:0}.sheet-title{font-size:16px;font-weight:800}.sheet-body{padding:14px}.map-picker{z-index:70;background:#0f172a75;justify-content:center;display:flex;position:fixed;inset:0}.map-picker__panel{background:#fff;flex-direction:column;width:min(430px,100%);height:100vh;display:flex}.map-picker__body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex}.map-picker__search{grid-template-columns:minmax(0,1fr) 78px;gap:8px;display:grid}.map-picker__container{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);flex:1;min-height:340px;overflow:hidden}.map-picker__result{background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius);padding:10px 11px}.map-picker__result span{color:var(--muted);font-size:12px;display:block}.map-picker__result strong{margin-top:4px;font-size:13px;line-height:18px;display:block}.toast{left:50%;bottom:calc(96px + var(--safe-bottom));z-index:60;color:#fff;opacity:0;pointer-events:none;background:#0f172ae0;border-radius:999px;max-width:320px;padding:10px 13px;font-size:13px;transition:all .16s;position:fixed;transform:translate(-50%)translateY(12px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.confirm-mask{z-index:55;background:#0f172a6b;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.confirm-mask.show{display:flex}.modal-mask{z-index:75;background:#0f172a6b;justify-content:center;align-items:flex-start;padding:8px 16px 20px;display:flex;position:fixed;inset:0;overflow:auto}.item-dialog{background:#fff;border-radius:14px;width:min(430px,100%);margin-top:0;overflow:hidden;box-shadow:0 18px 50px #0f172a38}.item-dialog .sheet-head{min-height:70px;position:static}.item-dialog .form-card{margin:14px}.image-preview-mask{z-index:80;background:#0f172ab8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.image-preview-panel{justify-items:center;gap:10px;width:min(430px,100%);max-height:86vh;display:grid;position:relative}.image-preview-panel img{object-fit:contain;border-radius:var(--radius);background:#fff;max-width:100%;max-height:78vh;box-shadow:0 18px 50px #0f172a47}.image-preview-close{z-index:1;background:#ffffffeb;position:absolute;top:8px;right:8px}.image-preview-title{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.confirm-box{background:#fff;border-radius:14px;width:min(320px,100%);padding:18px;box-shadow:0 18px 50px #0f172a38}.confirm-title{font-size:16px;font-weight:800}.confirm-text{color:var(--muted);margin-top:8px;font-size:13px}.tabbar{z-index:30;width:min(430px,100%);padding:7px 4px calc(7px + var(--safe-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:fixed;bottom:0;left:50%;right:auto;transform:translate(-50%)}.tabbar button{min-width:0;height:48px;color:var(--subtle);border-radius:var(--radius);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.tabbar button.active{color:var(--primary);background:var(--primary-soft);font-weight:800}@media (width<=460px){.prototype{padding:0}.phone{min-height:100vh;box-shadow:none;border:0;border-radius:0}}.login-page{flex-direction:column;justify-content:center;width:min(430px,100%);min-height:100vh;margin:0 auto;padding:28px 16px;display:flex}.login-hero{color:#fff;border-radius:var(--radius);background:linear-gradient(135deg,#1d4ed8 0%,#0891b2 100%);padding:22px 18px;position:relative;overflow:hidden;box-shadow:0 16px 30px #2563eb33}.login-hero:after{content:"";border:26px solid #ffffff21;border-radius:999px;width:150px;height:150px;position:absolute;top:-46px;right:-42px}.login-hero h1{letter-spacing:0;z-index:1;margin:6px 0 8px;font-size:24px;line-height:30px;position:relative}.login-hero p{color:#fffc;z-index:1;margin:0;font-size:13px;position:relative}.login-card{margin-top:14px;padding:16px}.login-option{min-height:34px;color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.login-option span{align-items:center;gap:6px;display:inline-flex}.login-error{min-height:34px;color:var(--red);background:var(--red-soft);border-radius:var(--radius);align-items:center;padding:8px 10px;font-size:12px;display:flex}