*{box-sizing:border-box}body{color:#1f2329;background:#eef0f3;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.page{min-height:100vh;padding:20px}.phone{background:#f7f8fa;border-radius:30px;width:min(430px,100%);min-height:100vh;margin:auto;overflow:hidden;box-shadow:0 18px 60px #00000024}header{z-index:5;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand small,.section-title p,.result-head p,.item small,.group-item small,.req small{color:#8b8f97;margin-top:3px;font-size:12px;display:block}.logo{color:#fff;background:#ff6a00;border-radius:11px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.mode{color:#e85f00;background:#fff2e8;border-radius:999px;padding:6px 8px;font-size:11px}.mode.live{color:#087f49;background:#eaf8f1}.mode.fallback{color:#9b6600;background:#fff7df}main{padding:14px}.hero{color:#fff;background:linear-gradient(145deg,#ff6a00,#ff963f);border-radius:22px;padding:16px}.hero-title{gap:10px;display:flex}.hero h1{margin:0;font-size:21px}.hero p{opacity:.9;margin:4px 0 12px;font-size:12px}.chat{flex-direction:column;gap:8px;margin:8px 0;display:flex}.bubble-row{align-items:flex-start;gap:6px;display:flex}.bubble-row.user{flex-direction:row-reverse}.bubble{background:#ffffff2e;border-radius:13px;max-width:84%;padding:9px 11px;font-size:13px;line-height:1.45}.bubble-row.user .bubble{color:#333;background:#fff}.typing{gap:4px;display:flex}.typing i{background:#fff;border-radius:50%;width:5px;height:5px;animation:1s infinite pulse}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes pulse{50%{opacity:.3}}.composer{background:#fff;border-radius:15px;align-items:flex-end;gap:6px;padding:8px;display:flex}.composer textarea{resize:none;width:100%;height:68px;font:inherit;border:0;outline:0;font-size:13px;line-height:1.5}.composer button{color:#fff;background:#1f2329;border:0;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.composer button:disabled{opacity:.4}.example{color:#fff;background:0 0;border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:7px 10px;display:flex}.error{color:#b42318;background:#fff0f0;border-radius:12px;gap:7px;margin-top:10px;padding:10px;font-size:13px;display:flex}.panel,.result{background:#fff;border-radius:18px;margin-top:12px;overflow:hidden}.panel{padding:15px}.section-title h3{margin:0;font-size:17px}.section-title p{margin:4px 0 0}.req-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.req{color:#ff6a00;background:#f7f8fa;border-radius:11px;align-items:center;gap:8px;padding:10px;display:flex}.req b{color:#1f2329;font-size:13px}.tags{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.tag{background:#f7f8fa;border:1px solid #e5e6eb;border-radius:999px;padding:8px 10px;font-size:12px}.tag.active{color:#e85f00;background:#fff2e8;border-color:#ff6a00}.result-head{justify-content:space-between;gap:8px;padding:15px;display:flex}.result-head h2{margin:0;font-size:19px}.confidence{color:#087f49;background:#eaf8f1;border-radius:999px;height:max-content;padding:6px 8px;font-size:11px}.metrics{grid-template-columns:repeat(3,1fr);gap:7px;padding:0 15px 12px;display:grid}.metric{background:#f7f8fa;border-radius:11px;padding:9px}.metric small{color:#999;font-size:11px;display:block}.metric b{font-size:14px}.tabs{background:#f5f6f7;border-radius:12px;grid-template-columns:1fr 1fr;margin:0 15px 10px;padding:4px;display:grid}.tabs button{background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:9px;display:flex}.tabs button.active{color:#ff6a00;background:#fff;box-shadow:0 1px 4px #00000014}.day,.group{border-top:8px solid #f7f8fa;padding:13px 15px}.day-title,.group-title{align-items:center;gap:9px;display:flex}.day-title>span{color:#fff;background:#ff6a00;border-radius:8px;padding:7px;font-size:11px}.day-title>div{flex:1}.day-title small{color:#999;margin-top:2px;font-size:11px;display:block}.day-title button,.group-title button{color:#ff6a00;background:#fff2e8;border:0;border-radius:999px;padding:6px 9px}.item{border-bottom:1px solid #f0f0f0;grid-template-columns:42px 28px 1fr auto;align-items:center;gap:7px;padding:12px 0;display:grid}.item time{color:#777;font-size:11px}.item-icon{color:#ff6a00;background:#fff2e8;border-radius:9px;place-items:center;width:27px;height:27px;display:grid}.item-icon svg{width:15px}.item b,.group-item b{font-size:13px}.price{color:#ff6a00;font-size:11px}.group-title{justify-content:space-between}.group-title h3{margin:0}.group-item{border-bottom:1px solid #eee;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:11px 0;display:grid}.group-item>span{color:#ff6a00;font-size:11px}.warnings{background:#fffaf4;padding:10px 15px}.warnings p{color:#8a5a24;gap:5px;margin:4px 0;font-size:11px;display:flex}.suggestions{flex-direction:column;gap:7px;margin-top:11px;display:flex}.suggestions button{text-align:left;background:#fff;border:1px solid #eee;border-radius:11px;justify-content:space-between;padding:10px;display:flex}.quick-config{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.adjust{background:#f7f8fa;border-radius:11px;padding:9px}.adjust>span{color:#999;font-size:11px}.adjust>div{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.adjust button{background:#fff;border:1px solid #ddd;border-radius:7px;padding:4px;display:grid}@media (width<=460px){.page{padding:0}.phone{border-radius:0}.req-grid{grid-template-columns:1fr 1fr}}