:root{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#171714;background:#171611}*{box-sizing:border-box}body{margin:0}.app{max-width:709px;margin:auto;background:#f5f2e9;position:relative;container-type:inline-size}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.header{height:21.72cqw;display:flex;align-items:center;gap:2.5cqw;padding:2.5cqw 4cqw;color:#ebcd8b;background:radial-gradient(ellipse at 18% 0,#29271e,transparent 65%),linear-gradient(130deg,#191813,#090908)}.back{font-size:9cqw;font-weight:200;margin-right:3cqw}.portrait{background-image:url('reference-ui.jpeg');background-size:738.54% 1600%;background-position:15.99% 2.083%;border-radius:50%;flex-shrink:0}.head-avatar{width:13.54cqw;height:13.54cqw}.identity{flex:1;min-width:0}.identity strong{font-size:4cqw}.status{font-size:2.9cqw;color:#ddd;margin-top:.5cqw;display:flex;align-items:center;gap:1.5cqw}.status i{background:#60c969;border-radius:50%;width:2cqw;height:2cqw}.identity p{font-size:2.15cqw;letter-spacing:.4cqw;margin:1.6cqw 0 0;white-space:nowrap}.brand{text-align:center;width:21cqw;flex-shrink:0}.brand span{font-size:6cqw;line-height:.8;display:block}.brand b{font-family:Georgia,"Songti SC",serif;font-size:4.7cqw;display:block;white-space:nowrap}.brand small{font-size:2.1cqw;letter-spacing:.4cqw;line-height:1.5;display:block}.notice{height:8.5cqw;border:1px solid #ac9162;border-radius:3cqw 3cqw 0 0;display:flex;align-items:center;gap:2cqw;padding:0 4.5cqw;color:#dec187;background:linear-gradient(100deg,#27251e,#11110e);font-size:3cqw}.notice b{font-size:2.8cqw;white-space:nowrap;font-weight:500}.notice small{margin-left:auto;font-size:2.15cqw;white-space:nowrap;letter-spacing:.1cqw}.messages{padding:2.5cqw 3.2cqw 0;background:radial-gradient(ellipse at 50% 0,#f8f6ef,#f4f1e9)}.row{display:flex;align-items:flex-start;gap:3.2cqw;margin:0 0 1.25cqw}.avatar,.user-avatar{width:9.3cqw;height:9.3cqw;flex-shrink:0}.user-avatar{border-radius:50%;background:linear-gradient(130deg,#292820,#080807);display:grid;place-items:center;width:8.5cqw;height:8.5cqw;margin-top:.25cqw}.user-avatar svg{width:60%;height:60%;fill:#d8b879}.message{max-width:calc(100% - 26cqw);min-width:0;display:flex;flex-direction:column;align-items:flex-start}.bubble{background:#fff;border:1px solid #eeece8;padding:1.7cqw 2.7cqw;border-radius:2.4cqw;font-size:3.2cqw;line-height:1.5;position:relative;overflow-wrap:anywhere}.bubble:before{content:'';position:absolute;left:-1.1cqw;top:3.1cqw;width:2cqw;height:2cqw;background:inherit;transform:rotate(45deg)}time{display:block;color:#8b8b87;font-size:2.45cqw;line-height:1.5;margin:.4cqw 1.2cqw}.me{flex-direction:row-reverse;gap:2.7cqw;margin-bottom:1.1cqw}.me .message{align-items:flex-end}.me .bubble{background:linear-gradient(115deg,#e4c990,#d6b67d);border:0;padding:2cqw 2.8cqw}.me .bubble:before{display:none}.card-message{margin:0 0 .5cqw 12.7cqw}.card-message img{width:100%;height:auto;display:block;border-radius:2.6cqw;border:1px solid #b79555}.quick{display:flex;justify-content:center;gap:2.5cqw;margin:1.2cqw 0 3.4cqw 12.7cqw}.quick a,.quick button{border:1px solid #b59455;border-radius:6cqw;padding:1.3cqw 2.5cqw;background:linear-gradient(#fcfaf3,#f3eedf);font-size:2.8cqw;white-space:nowrap;display:flex;align-items:center;gap:1.4cqw}.quick span{font-size:4cqw;color:#967c43;line-height:1}.composer{position:sticky;bottom:0;display:flex;align-items:center;gap:1.5cqw;padding:2.1cqw 2.5cqw calc(2.1cqw + env(safe-area-inset-bottom));background:linear-gradient(110deg,#24231c,#10100d);border-top:1px solid #7a6d52;z-index:2}.attachment{border:0;background:none;color:#daba7b;width:7.5cqw;flex-shrink:0;padding:.5cqw}.attachment svg{width:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.input-wrap{display:flex;align-items:center;border:1px solid #796c50;background:#26251f;border-radius:7cqw;flex:1;min-width:0;padding:0 1.3cqw 0 3cqw;height:8cqw;min-height:44px}.input-wrap input{border:0;background:none;color:#eee;min-width:0;width:100%;outline:none;font-size:max(16px,3.1cqw)}.emoji{background:none;border:0;color:#d8b470;font-size:5cqw;padding:0 1cqw}.send{background:linear-gradient(#ffdf90,#c89a4f);border:1px solid #d5b679;border-radius:6cqw;min-height:44px;height:8cqw;width:14.5cqw;color:#201809;font-size:3cqw;font-weight:600}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);padding:12px 16px;background:#242018;color:#f2d38e;border-radius:12px;max-width:90vw;width:max-content;font-size:14px;display:none;z-index:10}.toast.show{display:block}