:root{--color-primary: #5ec4f5;--color-text: #001d41;--color-text-secondary: #6b7c93;--color-text-muted: #9aa8b8;--color-bg: #f5faff;--color-border: #e8eef5;--color-ai-bubble: #eef7fc}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{min-height:100vh}body{display:flex;align-items:center;justify-content:center;background:#e8eef5;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:var(--color-text)}button,input,textarea{font:inherit}button{cursor:pointer}.phone{width:375px;height:812px;overflow:hidden;background:var(--color-bg);position:relative;box-shadow:0 20px 60px #001d4126;border-radius:40px;display:flex;flex-direction:column}.page-view{display:flex;flex:1;flex-direction:column;position:relative;min-height:0}.bg-gradient{position:absolute;top:0;left:0;right:0;height:260px;background:linear-gradient(180deg,#d6efff,#f5faff);z-index:0;pointer-events:none}.bg-gradient.short{height:180px}.cube{position:absolute;border-radius:6px;background:#ffffff59;border:1px solid rgba(255,255,255,.6);transform:rotate(45deg);z-index:0;pointer-events:none}.c1{width:40px;height:40px;top:60px;left:30px;opacity:.5}.c2{width:28px;height:28px;top:40px;right:50px;opacity:.4}.c3{width:20px;height:20px;top:100px;right:90px;opacity:.3}.status-bar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:15px;font-weight:600;color:var(--color-text);position:relative;z-index:2;flex-shrink:0}.capsule-row{height:44px;display:flex;justify-content:flex-end;padding-right:12px;position:relative;z-index:2;flex-shrink:0}.capsule{width:87px;height:32px;background:#fff9;border:1px solid rgba(0,0,0,.08);border-radius:16px;display:flex;align-items:center;justify-content:space-around;font-size:12px}.login-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:32px 24px 0;flex:1}.logo{width:80px;height:80px;border-radius:50%;background:linear-gradient(145deg,#1b6b4a,#2d8a5e);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #1b6b4a40;margin-bottom:24px}.logo-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:3px solid rgba(201,162,39,.6)}.logo-text{font-size:36px;font-weight:700;color:#fff}.greeting{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:8px}.subtitle{font-size:13px;color:var(--color-text-secondary);margin-bottom:32px;text-align:center}.form-area{width:100%}.input-group{margin-bottom:16px}.input-label{display:block;font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:6px}.input{width:100%;height:48px;background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:0 16px;font-size:14px;color:var(--color-text);outline:none}.input:focus{border-color:var(--color-primary)}.btn-primary{width:100%;height:48px;background:var(--color-primary);color:#fff;font-size:16px;font-weight:500;border:none;border-radius:24px;margin-top:8px}.btn-primary:disabled{background:#b8dff5;cursor:not-allowed}.link-dev{text-align:center;margin-top:12px;font-size:12px;color:var(--color-text-muted);cursor:pointer}.footer{padding:0 24px 20px;z-index:2;flex-shrink:0;position:relative}.agreement{display:flex;align-items:flex-start;padding:16px 0 12px;cursor:pointer}.checkbox{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-primary);margin-right:6px;margin-top:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:transparent}.checkbox.on{background:var(--color-primary);color:#fff}.agreement-text{font-size:12px;line-height:1.6;color:var(--color-text-muted)}.agreement-link{color:var(--color-primary);cursor:pointer}.home-indicator{width:134px;height:4px;background:#000;border-radius:2px;margin:8px auto 0;opacity:.15}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#001d41d9;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;display:none;z-index:9999}.nav-header{height:44px;display:flex;align-items:center;padding:0 12px;position:relative;z-index:2;flex-shrink:0}.back-icon{font-size:28px;color:var(--color-text);width:32px;cursor:pointer;line-height:1;background:none;border:none}.nav-title-wrap{flex:1;text-align:center}.nav-title{font-size:16px;font-weight:600;color:var(--color-text)}.nav-sub{font-size:11px;color:var(--color-text-secondary);margin-top:2px}.nav-placeholder{width:32px}.chat-scroll{flex:1;overflow-y:auto;padding:12px 16px;position:relative;z-index:2;min-height:0}.upload-card{background:#ffffffe6;border:1px dashed var(--color-primary);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;margin-bottom:12px;cursor:pointer}.upload-icon-wrap{width:36px;height:36px;border-radius:50%;background:var(--color-ai-bubble);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.upload-arrow{width:10px;height:10px;border-top:2px solid var(--color-primary);border-right:2px solid var(--color-primary);transform:rotate(-45deg) translateY(2px)}.upload-title{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px}.upload-desc{font-size:12px;color:var(--color-text-muted);margin-bottom:8px;text-align:center}.tag{font-size:11px;color:var(--color-primary);background:var(--color-ai-bubble);padding:4px 10px;border-radius:10px;margin:0 4px}.file-chip{display:flex;align-items:center;background:#fff;border-radius:8px;padding:10px 12px;margin-bottom:12px;box-shadow:0 2px 8px #001d410f}.file-icon{width:28px;height:28px;border-radius:6px;background:var(--color-ai-bubble);color:#1b6b4a;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-size:13px;color:var(--color-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:11px;color:var(--color-text-muted);margin-top:2px}.file-remove{font-size:18px;color:var(--color-text-muted);margin-left:auto;cursor:pointer;padding:0 4px;background:none;border:none}.msg-row{display:flex;margin-bottom:14px;align-items:flex-start}.msg-row.user{flex-direction:row-reverse}.avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.ai-avatar{background:linear-gradient(145deg,#c9a227,#e0b840);margin-right:8px}.user-avatar{background:var(--color-primary);margin-left:8px}.bubble{max-width:250px;border-radius:12px;padding:10px 12px}.ai-bubble{background:#fff;box-shadow:0 2px 8px #001d410f}.user-bubble{background:var(--color-primary)}.bubble-name{display:block;font-size:11px;color:var(--color-primary);font-weight:500;margin-bottom:6px}.bubble-text{font-size:13px;line-height:1.6;color:var(--color-text);white-space:pre-wrap}.user-bubble .bubble-text{color:#fff}.bubble-text.streaming:after{content:"▍";color:var(--color-primary);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.review-card{background:linear-gradient(180deg,#f8fcff,#fff);border:1px solid #d9ecfb;border-radius:10px;padding:10px;margin-bottom:10px}.review-header{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}.review-score{font-size:28px;font-weight:700;color:#1b6b4a;line-height:1;flex-shrink:0}.review-score-unit{font-size:12px;font-weight:500;margin-left:2px}.review-summary{font-size:12px;line-height:1.5;color:var(--color-text-secondary)}.review-dimensions{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.review-dim{background:#fff;border-radius:8px;padding:8px;border:1px solid #eef4fa}.review-dim-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.review-dim-name{font-size:12px;font-weight:600;color:var(--color-text)}.review-dim-score{font-size:12px;color:var(--color-primary);font-weight:600}.review-dim-comment{font-size:11px;line-height:1.5;color:var(--color-text-muted)}.review-suggestions{margin:0;padding-left:16px}.review-suggestions li{font-size:11px;line-height:1.5;color:var(--color-text-secondary);margin-bottom:4px}.chat-meta{display:block;margin-top:8px;font-size:10px;color:var(--color-text-muted)}.typing .bubble-text{letter-spacing:4px;color:var(--color-primary)}.input-bar{background:#fff;border-top:1px solid var(--color-border);padding:12px 16px 16px;position:relative;z-index:2;flex-shrink:0;box-shadow:0 -4px 16px #001d410f}.input-bar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.input-bar-title{font-size:14px;font-weight:600;color:var(--color-text)}.input-bar-tip{font-size:11px;color:var(--color-text-muted)}.input-box{min-height:44px;background:#f5f8fb;border:2px solid var(--color-primary);border-radius:10px;padding:8px 12px;margin-bottom:10px}.input-field{width:100%;min-height:28px;max-height:60px;border:none;background:transparent;font-size:14px;color:var(--color-text);line-height:1.5;resize:none;outline:none;font-family:inherit}.input-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.char-count{font-size:11px;color:var(--color-text-muted)}.send-btn{width:64px;height:32px;border-radius:16px;background:#b8dff5;border:none;cursor:pointer;color:#fff;font-size:13px;font-weight:500}.send-btn.on{background:var(--color-primary)}.send-btn:disabled{cursor:wait}.agreement-page{background:#fff}.agreement-page .nav-header{border-bottom:1px solid var(--color-border)}.agreement-body{flex:1;overflow-y:auto;padding:16px;font-size:14px;line-height:1.8;color:var(--color-text-secondary);white-space:pre-wrap}.hidden-input{display:none}@media (max-width: 400px){body{align-items:stretch;background:var(--color-bg)}.phone{width:100%;height:100vh;border-radius:0;box-shadow:none}}