*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;background:#0d0e14;display:flex;justify-content:center;align-items:center;min-height:100vh}.phone-frame{width:448px;height:966px;background:#1a1b22;border-radius:40px;overflow:hidden;position:relative;box-shadow:0 0 80px #00f0ff14;display:flex;flex-direction:column}@media(max-width:500px){body{align-items:stretch}.phone-frame{width:100%;height:100vh;border-radius:0;box-shadow:none}}.status-bar{height:53px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;color:#fff;font-size:15px;font-weight:600}.nav-bar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.nav-bar .title{color:#fff;font-size:16px;font-weight:500}.nav-bar .icon{width:24px;height:24px;opacity:.8;cursor:pointer}.chat-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:none}.chat-area::-webkit-scrollbar{display:none}.msg-user{align-self:flex-end;max-width:80%;background:#a7c5ff;color:#fff;padding:12px 16px;border-radius:16px 16px 4px;font-size:14px;line-height:1.5}.msg-ai{align-self:flex-start;width:100%;display:flex;flex-direction:column;gap:6px}.msg-ai .label{color:#a7c8ff;font-size:11px;font-weight:600;letter-spacing:.5px}.msg-ai .content{color:#dae2fd;font-size:14px;line-height:1.6}.check-card{background:#252a31;border-radius:12px;overflow:hidden;margin-top:8px;width:100%}.check-card .card-header{background:#30353b;padding:12px 16px;display:flex;align-items:center;gap:8px}.check-card .card-header .card-title{color:#fff;font-size:14px;font-weight:500;min-width:180px}.check-card .card-header .card-icon{font-size:16px}.check-card .card-body{padding:12px 16px}.check-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05);border-radius:6px;margin-bottom:2px;position:relative;overflow:hidden}.check-item:last-child{border-bottom:none}.check-item.running{background:linear-gradient(90deg,rgba(96,160,255,.12) 0%,rgba(96,160,255,.12) calc(var(--progress, 0%) - 8%),rgba(120,200,255,.35) calc(var(--progress, 0%) - 2%),rgba(167,200,255,.5) var(--progress, 0%),transparent calc(var(--progress, 0%) + 1%));transition:background .05s linear;box-shadow:inset 0 0 8px #60a0ff1a}.check-item.running:after{content:"";position:absolute;top:0;left:0;width:var(--progress, 0%);height:100%;background:linear-gradient(90deg,transparent 60%,rgba(167,200,255,.15) 80%,rgba(167,200,255,.4) 95%,rgba(200,230,255,.6) 100%);animation:electricPulse .8s ease-in-out infinite;pointer-events:none}@keyframes electricPulse{0%,to{opacity:.6;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}.check-item.running .status-icon{text-shadow:0 0 6px rgba(96,160,255,.8)}.check-item.running .item-name{color:#a7c8ff}.check-item.pass-bg{background:#43c36314;transition:all .3s ease}.check-item.pass-bg .status-icon{text-shadow:0 0 4px rgba(67,195,99,.6)}.check-item.fail-bg{background:#eb655e14;transition:all .3s ease}.check-item.fail-bg .status-icon{text-shadow:0 0 4px rgba(235,101,94,.6)}.check-item .status-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.check-item .status-icon.pass{background:#1a3a2a;color:#43c363}.check-item .status-icon.fail{background:#3a1a1a;color:#eb655e}.check-item .status-icon.pending{background:#2a2a1a;color:#f0c040}.check-item .status-icon.running{background:#1a2a3a;color:#60a0ff;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.check-item .item-name{color:#dae2fd;font-size:13px;flex:1}.check-item .item-status{font-size:12px;color:#6c6f71}.check-item .item-status.pass{color:#43c363}.check-item .item-status.fail{color:#eb655e}.summary-card{background:#252a31;border-radius:12px;padding:16px;margin-top:8px}.summary-card .summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.summary-card .summary-label{color:#9b9e9f;font-size:12px}.summary-card .summary-value{color:#fff;font-size:14px;font-weight:500}.summary-card .summary-value.pass{color:#43c363}.summary-card .summary-value.fail{color:#eb655e}.troubleshoot{background:#1e1f26;border-radius:8px;padding:12px;margin-top:8px}.troubleshoot .ts-title{color:#a7c8ff;font-size:12px;font-weight:600;margin-bottom:8px}.troubleshoot .ts-step{color:#9b9e9f;font-size:12px;line-height:1.8;padding-left:8px}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;border:none;margin-top:8px;margin-right:8px;transition:opacity .2s}.action-btn:hover{opacity:.8}.action-btn.primary{background:#324089;color:#86b7ee}.action-btn.secondary{background:#1e1f26;color:#9b9e9f;border:1px solid #30353b}.progress-bar{height:3px;background:#30353b;border-radius:2px;margin:8px 0;overflow:hidden}.progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#a7c8ff,#86b7ee);border-radius:2px;transition:width .3s ease}.bottom-bar{height:53px;min-height:53px;background:#1e1f26;display:flex;align-items:center;padding:0 16px;z-index:10}.bottom-bar .input-box{flex:1;height:36px;background:#2a2b33;border:1px solid #30353b;border-radius:18px;padding:0 16px;color:#fff;font-size:13px;outline:none}.home-indicator{width:160px;height:5px;background:#282a32;border-radius:3px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.ambient-glow{position:absolute;top:60px;right:20px;width:180px;height:180px;background:radial-gradient(ellipse,rgba(0,240,255,.06) 0%,transparent 70%);pointer-events:none}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:6px;height:6px;background:#a7c8ff;border-radius:50%;animation:typing 1.2s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
