*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;color:#172033;background:#f4f7fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.page{width:100%;max-width:560px;min-height:100vh;margin:0 auto;padding:16px 16px 92px;background:#f4f7fb}.login-page{display:flex;flex-direction:column;justify-content:center;gap:18px;padding-bottom:40px}.brand-mark{width:68px;height:68px;display:grid;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,#1464f4,#12b8a6);font-weight:800;letter-spacing:0}h1,h2,h3,p{margin:0}.login-page h1,.page-heading{font-size:28px;line-height:1.25}.subtitle,.hero p,.service-card p,.hint,.empty-text,.empty-state p{color:#657188}.panel,.service-card,.order-card,.status-card{border:1px solid #dce4ef;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f2d3d0f}.login-panel,.order-form,.content{display:grid;gap:14px}.panel{padding:16px}fieldset{margin:0;min-width:0}legend{padding:0 4px;font-weight:800;color:#172033}label{display:grid;gap:8px;margin-bottom:12px}label:last-child{margin-bottom:0}label span{color:#46556b;font-size:14px;font-weight:700}input,select,textarea{width:100%;min-height:44px;border:1px solid #cfd9e8;border-radius:8px;padding:10px 12px;color:#172033;background:#fff}textarea{resize:vertical}.inline-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.primary-btn,.secondary-btn,.text-btn,.icon-btn,.link-btn{min-height:44px;border:0;border-radius:8px;padding:0 16px;font-weight:800}.primary-btn{color:#fff;background:#1464f4}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.secondary-btn{color:#1464f4;border:1px solid #b8cdf6;background:#eef5ff}.danger{background:#d94646}.danger-outline{color:#b42318;border-color:#f0b8b4;background:#fff1ef}.text-btn,.link-btn,.icon-btn{color:#1464f4;background:transparent}.icon-btn{width:44px;padding:0;font-size:28px}.form-message{color:#d94646;font-weight:700}.topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;margin:-16px -16px 14px;padding:10px 12px;background:#f4f7fbf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #dce4ef}.topbar div{display:grid;gap:2px}.topbar span{color:#657188;font-size:12px}.hero,.detail-banner{display:grid;gap:12px;padding:22px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#1464f4f2,#12b8a6e6),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120'%3E%3Cpath fill='rgba(255,255,255,.18)' d='M0 96h48l24-56 32 80 28-64 24 40h84v24H0z'/%3E%3C/svg%3E");background-size:cover}.hero h1,.detail-banner h1{font-size:30px;line-height:1.2}.eyebrow,.hero-tags,.detail-banner span{font-weight:800}.hero-actions,.card-actions,.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-grid button,.guarantee-row div{min-height:64px;border:1px solid #dce4ef;border-radius:8px;color:#172033;background:#fff;font-weight:800}.section-block,.service-list,.order-list{display:grid;gap:12px}.section-head,.order-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.service-card,.order-card{display:grid;gap:14px;padding:16px}.service-card h3{margin-bottom:6px;font-size:20px}.service-card span{display:inline-block;margin-top:10px;padding:4px 8px;border-radius:999px;color:#0e766b;background:#dffaf4;font-size:12px;font-weight:800}.service-card strong{display:block;margin-top:10px}.guarantee-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}.guarantee-row div{display:grid;place-items:center;padding:10px 6px;color:#1464f4}.fixed-action{position:sticky;bottom:76px}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.tabs button{flex:0 0 auto;min-height:38px;border:1px solid #dce4ef;border-radius:999px;padding:0 12px;background:#fff}.tabs button.active{color:#fff;border-color:#1464f4;background:#1464f4}.status-pill{padding:4px 8px;border-radius:999px;color:#1464f4;background:#eef5ff;font-size:12px;font-weight:800;white-space:nowrap}.status-6,.status-7{color:#6d28d9;background:#f0e7ff}.status-8{color:#b45309;background:#fff1d6}.status-9,.status-10{color:#1d4ed8;background:#e0ecff}.status-4,.status-13{color:#0f8a4b;background:#ddf7e8}.status-11,.status-12,.status-14{color:#b42318;background:#ffe4e1}.status-5{color:#596579;background:#edf0f5}.empty-state{display:grid;gap:14px;justify-items:start;padding:24px;border:1px dashed #b9c6d8;border-radius:8px;background:#fff}.status-card{display:grid;gap:8px;padding:18px;color:#fff;background:linear-gradient(135deg,#172033,#1464f4)}.status-card strong{font-size:24px}.info-grid{display:grid;gap:10px}.info-grid p{display:grid;grid-template-columns:92px 1fr;gap:10px}.info-grid span{color:#657188}.timeline{display:grid;gap:10px}.timeline div{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;color:#657188}.timeline i{width:10px;height:10px;border-radius:50%;background:#cfd9e8}.timeline .done{color:#172033}.timeline .done i{background:#12b8a6}.timeline em{font-style:normal;font-size:12px}.chat-panel{display:grid;gap:12px}.chat-list{display:grid;gap:10px;max-height:320px;overflow-y:auto}.chat-message{display:grid;gap:4px;justify-self:start;max-width:86%;padding:10px 12px;border-radius:8px;background:#eef3fa}.chat-message.mine{justify-self:end;color:#fff;background:#1464f4}.chat-message.platform{justify-self:center;color:#46556b;background:#fff7d6}.chat-message em{font-size:12px;font-style:normal;opacity:.76}.chat-message span{font-size:12px;opacity:.76}.chat-input{display:grid;gap:10px}.runner-panel,.runner-list,.message-list{display:grid;gap:12px}.runner-card,.message-card{display:grid;gap:10px;padding:12px;border:1px solid #dce4ef;border-radius:8px;background:#fff}.runner-card>div:first-child,.message-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.runner-card span,.unread-badge{min-width:22px;min-height:22px;display:inline-grid;place-items:center;border-radius:999px;padding:0 7px;color:#fff;background:#d94646;font-size:12px;font-weight:800}.runner-card p,.message-card p,.message-card small{color:#657188}.runner-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.history-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.history-strip button{flex:0 0 auto;min-height:36px;border:1px solid #dce4ef;border-radius:999px;padding:0 12px;color:#1464f4;background:#fff;font-weight:800}.conversation-thread{min-height:360px}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:8;display:grid;grid-template-columns:repeat(4,1fr);width:min(560px,100%);transform:translate(-50%);border-top:1px solid #dce4ef;background:#fff}.bottom-nav button{min-height:58px;border:0;color:#657188;background:#fff;font-weight:800}.bottom-nav button.active{color:#1464f4}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0f172a85}.modal{width:min(420px,100%);display:grid;gap:14px;padding:20px;border-radius:8px;background:#fff}@media (max-width: 420px){.page{padding-inline:12px}.topbar{margin-inline:-12px}.hero-actions,.card-actions,.form-actions,.runner-actions{grid-template-columns:1fr}.login-page h1,.page-heading,.hero h1,.detail-banner h1{font-size:25px}}