:root{--primary-bg:#fff8ef;--primary-btn:#ff5b47;--secondary-orange:#ff9b61;--status-green:#169b62;--status-yellow:#f5a623;--card-bg:#fff;--text-primary:#2d2723;--text-secondary:#8e857e;--card-radius:24px;--btn-radius:20px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6}#root{justify-content:center;min-height:100vh;display:flex}.phone-container{background-color:var(--primary-bg);width:100%;max-width:430px;min-height:100vh;position:relative;box-shadow:0 0 40px #0000001a}@media (width>=431px){.phone-container{border-radius:0;min-height:100vh}}.page-container{padding:16px;padding-bottom:calc(108px + env(safe-area-inset-bottom));min-height:100dvh;overflow-y:auto}.status-page-container{padding:16px;padding-bottom:calc(180px + env(safe-area-inset-bottom));flex-direction:column;min-height:100dvh;display:flex;overflow-y:auto}.status-page-container section{flex-shrink:0}.card{background-color:var(--card-bg);border-radius:var(--card-radius);margin-bottom:12px;padding:16px;box-shadow:0 2px 8px #0000000a}.primary-btn{background:var(--primary-btn);color:#fff;border-radius:var(--btn-radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:16px 24px;font-size:16px;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.primary-btn:hover{opacity:.9}.primary-btn:active{transform:scale(.98)}.secondary-btn{background:var(--card-bg);color:var(--text-primary);cursor:pointer;border:1px solid #e0e0e0;border-radius:12px;padding:8px 16px;font-size:14px;transition:background .2s}.secondary-btn:hover{background:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}.toast{color:#fff;z-index:1000;background:#000c;border-radius:24px;padding:12px 24px;font-size:14px;animation:.3s ease-out toastIn;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.decoration-house{opacity:.8;position:absolute;top:16px;right:16px}.status-dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.status-dot.green{background-color:var(--status-green)}.status-dot.yellow{background-color:var(--status-yellow)}.timeline{position:relative}.timeline-item{padding-bottom:20px;padding-left:40px;position:relative}.timeline-item:before{content:"";background:repeating-linear-gradient(#d0d0d0,#d0d0d0 4px,#0000 4px 8px);width:2px;position:absolute;top:24px;bottom:0;left:15px}.timeline-item:last-child:before{display:none}.timeline-avatar{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 4px #0000001a}.input-field{resize:none;background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px}.input-field:focus{border-color:var(--primary-btn);background:#fff;outline:none}.bottom-nav{width:100%;max-width:430px;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:100;background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 10px #0000000d}.nav-item{cursor:pointer;color:#999;flex-direction:column;align-items:center;padding:6px 20px;transition:color .2s;display:flex}.nav-item.active{color:var(--primary-btn)}.nav-icon{margin-bottom:4px;font-size:24px}.nav-label{font-size:12px}