:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#333;background:#fff}*{box-sizing:border-box}html,body,#app,main{margin:0;width:100%;min-width:0;min-height:100%}main{container-type:inline-size}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:default}.splash-page{width:100cqw;height:100dvh;background:#3369ff;display:flex;align-items:center;justify-content:center;overflow:hidden}.splash-content{display:flex;flex-direction:column;align-items:center;animation:fadeInUp .8s ease-out}.logo-wrapper{margin-bottom:min(5.333cqw,23px)}.logo-icon{width:min(21.333cqw,92px);height:min(21.333cqw,92px);background:#fff3;border-radius:min(5.333cqw,23px);display:grid;place-items:center}.logo-inner{width:min(10.667cqw,46px);height:min(10.667cqw,46px);background:#fff;border-radius:min(2.667cqw,12px)}.app-name{font-size:min(7.467cqw,32px);font-weight:700;color:#fff;letter-spacing:.267cqw;margin-bottom:min(1.6cqw,7px)}.app-tagline{font-size:min(4cqw,17px);color:#ffffffb3;margin-bottom:min(8cqw,34px)}.loader-row{display:flex;gap:min(1.6cqw,7px)}.loader-row i{width:min(1.6cqw,7px);height:min(1.6cqw,7px);min-width:6px;min-height:6px;background:#fff9;border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite}.loader-row i:nth-child(2){animation-delay:.2s}.loader-row i:nth-child(3){animation-delay:.4s}.intro-page{width:100%;min-height:100dvh;display:flex;justify-content:center;background:#fff;overflow-x:hidden}.intro-content{width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:min(10.667cqw,46px) min(8cqw,34px) 0}.intro-avatar{margin-bottom:min(5.333cqw,23px)}.avatar-ring{width:min(21.333cqw,92px);height:min(21.333cqw,92px);max-width:160px;max-height:160px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3369ff,#5b8def);box-shadow:0 min(1.6cqw,7px) min(5.333cqw,23px) #3369ff40}.avatar-text{font-size:min(8cqw,34px);font-weight:700;color:#fff}.intro-title{font-size:min(5.333cqw,23px);font-weight:700;color:#1a1a1a;margin-bottom:min(1.067cqw,5px)}.intro-subtitle{font-size:min(3.467cqw,15px);color:#a1a1a1;letter-spacing:.267cqw}.intro-divider{height:1px;width:100%;background:transparent}.intro-features{width:100%}.feature-item{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:min(2.667cqw,12px) 0}.feature-header{width:100%;display:flex;justify-content:center;align-items:center;gap:min(1.6cqw,7px);margin-bottom:min(1.333cqw,6px)}.feature-icon{font-size:min(4.8cqw,21px)}.feature-title{font-size:min(3.733cqw,16px);font-weight:700;color:#1a1a1a}.feature-desc{width:100%;margin:0;color:#666;font-size:min(3.467cqw,15px);line-height:1.7;text-align:center}.intro-actions{width:100%;display:flex;flex-direction:column;gap:min(3.2cqw,14px);margin-top:min(8cqw,34px);padding:0 min(2.667cqw,12px) calc(min(8cqw,34px) + env(safe-area-inset-bottom))}.btn-primary,.btn-secondary{width:100%;height:min(14.667cqw,63px);max-height:110px;border-radius:min(7.467cqw,32px);display:flex;align-items:center;justify-content:center}.btn-primary{gap:min(2.133cqw,9px);color:#fff;background:linear-gradient(135deg,#3369ff,#5b8def);box-shadow:0 min(2.133cqw,9px) min(6.4cqw,28px) #3369ff59}.btn-primary span,.btn-secondary{font-size:min(5.067cqw,22px);font-weight:700;letter-spacing:min(.8cqw,3px)}.btn-primary b{font-size:min(4.533cqw,20px)}.btn-secondary{color:#505050;background:#f8f9fc;border:.267cqw solid #E8ECF4}.chat-room-page{width:100%;height:100dvh;background:#fff;display:flex;flex-direction:column}.chat-nav{background:#fff;padding:max(min(2.667cqw,12px),env(safe-area-inset-top)) min(5.333cqw,23px) 0;flex:0 0 auto}.chat-nav-content{height:min(9.6cqw,41px);min-height:48px;display:flex;align-items:center;justify-content:space-between}.chat-nav-left{padding:0;background:transparent;display:flex;align-items:center;gap:min(2.133cqw,9px);text-align:left}.nav-back-icon{font-size:min(5.333cqw,23px);color:#333;font-weight:300}.nav-avatar{width:min(7.467cqw,32px);height:min(7.467cqw,32px);min-width:36px;min-height:36px;border-radius:min(2.4cqw,10px);background:#eef2ff;display:grid;place-items:center}.nav-avatar i{width:min(4cqw,17px);height:min(4cqw,17px);border-radius:min(1.333cqw,6px);background:#3369ff}.nav-info{display:flex;flex-direction:column}.nav-info b{font-size:min(4.533cqw,20px);color:#3369ff}.nav-info small{display:flex;align-items:center;gap:min(.8cqw,3px);font-size:min(2.933cqw,13px);color:#3abf38}.nav-info small i{width:min(1.333cqw,6px);height:min(1.333cqw,6px);min-width:6px;min-height:6px;background:#3abf38;border-radius:50%}.chat-nav-right{display:flex;gap:min(1.6cqw,7px)}.nav-action{width:min(7.467cqw,32px);height:min(7.467cqw,32px);min-width:36px;min-height:36px;border-radius:min(2.4cqw,10px);background:#f4f4f4;font-size:min(3.467cqw,15px)}.nav-divider{height:1px;background:#ececec;margin-top:min(2.133cqw,9px)}.toggle-bar{display:flex;gap:min(1.6cqw,7px);padding:min(1.6cqw,7px) min(5.333cqw,23px);flex:0 0 auto}.toggle-pill{display:flex;align-items:center;gap:min(.8cqw,3px);padding:min(1.067cqw,5px) min(2.4cqw,10px);border-radius:min(3.2cqw,14px);background:#f4f4f4}.toggle-pill span{font-size:min(2.933cqw,13px)}.toggle-pill b{color:#999;font-size:min(2.933cqw,13px);font-weight:500}.toggle-pill.active{background:#3369ff}.toggle-pill.active b{color:#fff}.message-scroll{flex:1;min-height:0;overflow-y:auto}.message-list{display:flex;flex-direction:column;gap:min(3.2cqw,14px);padding:min(3.2cqw,14px) min(5.333cqw,23px) min(2.667cqw,12px)}.msg-row{display:flex}.msg-row-ai{justify-content:flex-start}.msg-row-user{justify-content:flex-end}.msg-bubble{max-width:80%;padding:min(3.467cqw,15px) min(4cqw,17px);border-radius:min(5.867cqw,25px);position:relative}.msg-bubble-ai{background:#f5f5f5;border-top-left-radius:min(1.6cqw,7px)}.msg-bubble-user{background:#3369ff;border-top-right-radius:min(1.6cqw,7px)}.msg-text{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;user-select:text;font-size:min(3.733cqw,16px);line-height:1.7}.msg-bubble-ai .msg-text{color:#505050}.msg-bubble-user .msg-text{color:#fff}.chat-empty{display:flex;flex-direction:column;align-items:center;padding:min(20cqw,86px) min(5.333cqw,23px) 0}.empty-illustration{width:100%;display:flex;justify-content:center;margin-bottom:min(5.333cqw,23px)}.empty-bubble-row{display:flex;flex-direction:column;align-items:center;gap:min(2.667cqw,12px)}.empty-bubble{display:block;height:min(8.533cqw,37px);background:#f5f5f5;border-radius:min(4cqw,17px)}.empty-b1{width:42.667cqw;border-bottom-left-radius:min(1.067cqw,5px)}.empty-b2{width:32cqw;background:#3369ff;border-bottom-right-radius:min(1.067cqw,5px);opacity:.4}.empty-b3{width:24cqw;border-bottom-left-radius:min(1.067cqw,5px)}.chat-empty b{font-size:min(4.533cqw,20px);color:#333;margin-bottom:min(1.6cqw,7px)}.chat-empty span{color:#a1a1a1;font-size:min(3.467cqw,15px)}.input-area{padding:min(2.667cqw,12px) min(5.333cqw,23px) calc(min(2.667cqw,12px) + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #F0F0F0;flex:0 0 auto}.input-wrapper{height:min(10.667cqw,46px);min-height:48px;display:flex;align-items:center;gap:min(2.133cqw,9px);padding:min(1.067cqw,5px) min(1.067cqw,5px) min(1.067cqw,5px) min(4cqw,17px);background:#fff;border-radius:min(6.667cqw,29px);box-shadow:0 .533cqw min(2.667cqw,12px) #0000000f}.chat-input{flex:1;min-width:0;height:min(8.533cqw,37px);border:0;outline:0;color:#333;font-size:min(3.733cqw,16px)}.send-btn{width:min(8.533cqw,37px);height:min(8.533cqw,37px);min-width:40px;min-height:40px;padding:0;border-radius:50%;color:#3369ff;background:#f0f0f0;font-size:min(3.733cqw,16px);font-weight:700}.send-btn.active{color:#fff;background:#3369ff}.stop-btn{color:#fff;background:#ff4757;font-size:min(2.933cqw,13px)}.conv-page{width:100%;height:100dvh;display:flex;flex-direction:column;background:#fff}.conv-nav{background:#fff;padding:max(min(2.667cqw,12px),env(safe-area-inset-top)) min(5.333cqw,23px) 0;flex:0 0 auto}.conv-nav-content{height:min(9.6cqw,41px);min-height:48px;display:flex;align-items:center}.conv-nav-left{padding:0;background:transparent;display:flex;align-items:center;gap:min(2.133cqw,9px)}.conv-back-icon{font-size:min(5.333cqw,23px);color:#333;font-weight:300}.conv-nav-title{font-size:min(4.533cqw,20px);color:#292d32}.conv-scroll{flex:1;min-height:0;overflow-y:auto}.conv-list{display:flex;flex-direction:column;gap:min(2.133cqw,9px);padding:min(3.2cqw,14px) min(5.333cqw,23px)}.conv-item{width:100%;display:flex;align-items:center;gap:min(2.667cqw,12px);padding:min(3.733cqw,16px) min(4cqw,17px);border-radius:min(3.2cqw,14px);background:#f8faff;text-align:left}.conv-item-left{flex:1;min-width:0;display:flex;flex-direction:column}.conv-item-title,.conv-item-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-item-title{color:#292d32;font-size:min(4cqw,17px);margin-bottom:min(1.067cqw,5px)}.conv-item-preview{color:#757575;font-size:min(3.467cqw,15px);margin-bottom:min(.8cqw,3px)}.conv-item-time{color:#a1a1a1;font-size:min(2.933cqw,13px)}.conv-msg-count{min-width:min(6.4cqw,28px);height:min(6.4cqw,28px);padding:0 min(1.067cqw,5px);display:grid;place-items:center;border-radius:50%;color:#fff;background:#3369ff;font-size:min(2.933cqw,13px);font-weight:600}.conv-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a1a1a1;gap:min(3.2cqw,14px)}.conv-empty span{font-size:min(10.667cqw,46px)}.conv-empty b{font-size:min(3.733cqw,16px);font-weight:500}.retry-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:min(6.4cqw,28px);background:#0000005c}.retry-dialog{width:100%;max-width:74.667cqw;background:#fff;border-radius:min(3.733cqw,16px);padding:min(5.867cqw,25px) min(5.067cqw,22px) min(4.533cqw,20px);box-shadow:0 min(2.4cqw,10px) min(8cqw,34px) #0000002e;text-align:center}.retry-dialog b{display:block;font-size:min(4.533cqw,20px);color:#252525;margin-bottom:min(2.667cqw,12px)}.retry-dialog p{margin:0;color:#555;font-size:min(3.733cqw,16px);line-height:1.65;white-space:pre-wrap}.retry-dialog small{display:block;color:#8a8a8a;font-size:min(3.2cqw,14px);margin-top:min(2.667cqw,12px)}.retry-dialog button{width:100%;height:min(10.133cqw,44px);margin-top:min(4.267cqw,18px);border-radius:min(5.067cqw,22px);color:#4d5665;background:#f2f4f8;font-size:min(3.6cqw,16px)}.dialog-actions{display:flex;gap:min(2cqw,9px)}.dialog-actions button{flex:1}.dialog-actions .dialog-cancel{background:#fff;border:1px solid #E8ECF4}.toast{position:fixed;left:50%;bottom:calc(15cqw + env(safe-area-inset-bottom));z-index:30;transform:translate(-50%);padding:min(2.133cqw,9px) min(4cqw,17px);border-radius:min(4cqw,17px);color:#fff;background:#000000b8;font-size:min(3.2cqw,14px);white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5.333cqw)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@media(min-width:750px){main{max-width:600px;margin:0 auto}}@media(min-width:1200px){main{max-width:1200px}}@media(min-width:1600px){main{max-width:1600px}}@media(orientation:landscape)and (max-height:500px){.intro-content{padding-top:min(4cqw,17px);justify-content:flex-start}.intro-features{max-height:35vh;overflow-y:auto}.intro-actions{margin-top:min(4cqw,17px)}.chat-nav{padding-top:max(1.333cqw,env(safe-area-inset-top))}.toggle-bar{padding:.8cqw min(5.333cqw,23px)}.message-list{padding:1.6cqw min(5.333cqw,23px) 1.067cqw}.input-area{padding:1.333cqw min(5.333cqw,23px) calc(1.333cqw + env(safe-area-inset-bottom))}.chat-empty{padding-top:min(8cqw,34px)}.empty-illustration{margin-bottom:2.667cqw}}
