:root{--blue:#1a2744;--blue-light:#2c3e6b;--orange:#f0a04b;--orange-light:#f5c48a;--bg:#f0f2f5;--card:#fff;--text:#2d3436;--text-light:#636e72;--text-muted:#b2bec3;--border:#e8ecf1;--success:#27ae60;--danger:#e74c3c;--radius:12px;--radius-sm:8px;--radius-lg:20px;--shadow:0 2px 12px #0000000f;--shadow-lg:0 8px 30px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;background:#e8ecf1;justify-content:center;align-items:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;display:flex}#root{justify-content:center;align-items:center;width:100%;display:flex}.app-phone{background:var(--bg);border-radius:28px;flex-direction:column;width:390px;max-width:100%;height:844px;max-height:95vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0003,0 0 0 2px #333}.screen{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.header{background:var(--blue);color:#fff;flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex}.header .back-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1}.header .title{font-size:17px;font-weight:600}.header .subtitle{opacity:.7;font-size:12px}.scroll-area{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.btn{border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--orange);color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:#e8943a}.btn-outline{color:var(--blue);border:1.5px solid var(--blue);background:#fff}.btn-outline:hover:not(:disabled){background:#f0f2f5}.btn-ghost{color:var(--text-light);background:0 0}.btn-sm{border-radius:var(--radius-sm);padding:6px 14px;font-size:13px}.btn-block{width:100%}.btn-row{gap:10px;display:flex}.btn-row .btn{flex:1}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-title{color:var(--blue);margin-bottom:8px;font-size:15px;font-weight:600}.card-text{color:var(--text-light);font-size:14px;line-height:1.6}.quick-tags{flex-wrap:wrap;gap:8px;display:flex}.quick-tag{border-radius:var(--radius-lg);cursor:pointer;border:1px solid var(--border);color:var(--text-light);background:#fff;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.quick-tag.rescue{border-color:var(--danger);color:var(--danger)}.quick-tag.hot{border-color:var(--orange);color:var(--orange)}.msg{gap:10px;max-width:88%;display:flex}.msg.user{flex-direction:row-reverse;align-self:flex-end}.msg.ai{align-self:flex-start}.msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.msg.user .msg-avatar{background:var(--orange);color:#fff}.msg.ai .msg-avatar{background:var(--blue);color:#fff}.msg-bubble{border-radius:18px;padding:12px 16px;font-size:14px;line-height:1.6}.msg.user .msg-bubble{background:var(--blue);color:#fff;border-bottom-right-radius:6px}.msg.ai .msg-bubble{color:var(--text);box-shadow:var(--shadow);background:#fff;border-bottom-left-radius:6px}.input-area{border-top:1px solid var(--border);background:#fff;flex-shrink:0;align-items:flex-end;gap:10px;padding:12px 16px;display:flex}.input-area textarea{border:1.5px solid var(--border);border-radius:var(--radius-lg);resize:none;outline:none;flex:1;min-height:44px;max-height:120px;padding:10px 16px;font-family:inherit;font-size:14px;line-height:1.5;transition:border .2s}.input-area textarea:focus{border-color:var(--blue)}.icon-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.icon-btn.mic{background:var(--orange);color:#fff}.icon-btn.send{background:var(--blue);color:#fff}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.steps{justify-content:center;align-items:center;gap:4px;padding:8px;display:flex}.step-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:all .3s}.step-dot.done{background:var(--success)}.step-dot.current{background:var(--orange);width:10px;height:10px}.step-line{background:var(--border);width:24px;height:1px}.step-line.done{background:var(--success)}.step-label{color:var(--text-muted);margin-left:8px;font-size:11px}.bottom-nav{border-top:1px solid var(--border);z-index:10;background:#fff;flex-shrink:0;justify-content:space-around;padding:8px 0 20px;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-family:inherit;font-size:10px;transition:all .2s;display:flex}.nav-item .icon{font-size:22px}.nav-item.active{color:var(--blue)}.stats-summary{gap:10px;display:flex}.stat-item{text-align:center;border-radius:var(--radius-sm);background:#f8f9fa;flex:1;padding:10px 4px}.stat-item .stat-val{color:var(--blue);font-size:18px;font-weight:700}.stat-item .stat-lbl{color:var(--text-muted);margin-top:2px;font-size:11px}.stats-row{gap:12px;display:flex}.stat-card{border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);background:#fff;flex:1;padding:14px}.stat-card .number{color:var(--blue);font-size:26px;font-weight:700}.stat-card .label{color:var(--text-muted);margin-top:2px;font-size:12px}.badge-list{flex-wrap:wrap;gap:8px;display:flex}.badge{border-radius:var(--radius-lg);color:#c0392b;background:#fde8e8;padding:4px 12px;font-size:13px;font-weight:500}.mindmap{border-radius:var(--radius-sm);border-left:3px solid var(--orange);background:#fafbfc;padding:16px}.mindmap-node{align-items:flex-start;gap:8px;margin:4px 0;font-size:14px;display:flex}.mindmap-node .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.mindmap-node .dot.root{background:var(--orange)}.mindmap-node .dot.child{background:var(--blue)}.mindmap-node .dot.leaf{background:var(--text-muted)}.mindmap-node.lv0{color:var(--blue);font-weight:600}.mindmap-node.lv1{color:var(--text);margin-left:16px}.mindmap-node.lv2{color:var(--text-light);margin-left:32px;font-size:13px}.persona-row{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:2px 0 8px;display:flex;overflow-x:auto}.persona-row::-webkit-scrollbar{display:none}.persona-card{text-align:center;border-radius:var(--radius);width:68px;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:2px solid #0000;flex:none;padding:10px 6px;transition:all .2s}.persona-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.persona-card.selected{border-color:var(--orange);background:#fef9f3}.persona-card .p-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 6px;font-size:22px;display:flex}.persona-card .p-name{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600}.persona-card .p-tag{color:var(--text-muted);font-size:11px}.persona-card .p-info{color:var(--orange);cursor:pointer;white-space:nowrap;margin-top:4px;font-size:10px;text-decoration:underline}.compare-box{border-radius:var(--radius);border:1.5px solid var(--border);background:#fff;padding:16px}.compare-box .cb-label{letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.compare-box.original .cb-label{color:var(--text-light)}.compare-box.persona .cb-label{color:var(--orange)}.compare-box .cb-content{font-size:14px;line-height:1.7}.compare-box .cb-why{border-top:1px dashed var(--border);color:var(--orange);margin-top:10px;padding-top:10px;font-size:12px;font-weight:500}.section-divider{text-align:center;color:var(--text-muted);letter-spacing:1px;padding:4px 0;font-size:12px}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:75%;padding:8px 0 24px;animation:.3s slideUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{background:#ccc;border-radius:2px;width:36px;height:4px;margin:8px auto 16px}.modal-header{border-bottom:1px solid var(--border);text-align:center;padding:0 20px 14px}.modal-body{padding:16px 20px}.toast{color:#fff;border-radius:var(--radius-lg);z-index:200;opacity:0;pointer-events:none;white-space:nowrap;background:#2d3436;padding:10px 20px;font-size:13px;transition:opacity .3s;position:fixed;top:40px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.loading-box{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.spinner{border:4px solid var(--border);border-top-color:var(--orange);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-light);font-size:15px}.form-group{margin-bottom:14px}.form-group label{color:var(--text-light);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.form-group input{border:1.5px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border .2s}.form-group input:focus{border-color:var(--blue)}.toggle-link{color:var(--orange);cursor:pointer;font-weight:500}.divider{color:var(--text-muted);align-items:center;gap:12px;margin:4px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.error-banner{color:#c0392b;border-radius:var(--radius);text-align:center;background:#fde8e8;padding:12px 16px;font-size:13px}.dim-row{align-items:center;gap:10px;padding:6px 0;display:flex}.dim-row .dim-icon{text-align:center;flex-shrink:0;width:28px;font-size:16px}.dim-row .dim-label{color:var(--text);flex-shrink:0;width:56px;font-size:13px;font-weight:500}.dim-row .dim-bar-wrap{background:#e8ecf1;border-radius:4px;flex:1;height:8px;overflow:hidden}.dim-row .dim-bar-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.dim-row .dim-val{text-align:right;flex-shrink:0;width:32px;font-size:14px;font-weight:700}.int-review{border-left:3px solid var(--orange)}.int-review-item{border:1px solid var(--border);background:#fafbfc;border-radius:10px;flex-direction:column;gap:6px;margin-bottom:8px;padding:10px 12px;display:flex}.int-review-item .int-head{align-items:center;gap:8px;font-size:12px;display:flex}.int-review-item .int-text{color:var(--text);font-size:14px;font-weight:500;line-height:1.5}.int-review-item .int-response{color:var(--text-light);border-left:2px solid var(--orange);background:#fff;border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.5}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state .empty-icon{margin-bottom:12px;font-size:48px}.empty-state .empty-text{margin-bottom:16px;font-size:14px}.vote-btn{transition:all .2s}.vote-btn:hover:not(:disabled){transform:scale(1.05)}.comment-input:focus{border-color:var(--blue)!important}.top-card{transition:transform .2s}.top-card:hover{transform:translateY(-2px)}.topic-card{transition:transform .15s,box-shadow .15s}.date-btn{transition:background .2s}.bottom-nav .nav-item{padding:6px 0;font-size:11px}@media (width<=450px){body{padding:0}.app-phone{width:100%;height:100vh;max-height:100vh;box-shadow:none;border-radius:0}}