:root{--ink:#3d3546;--muted:#81788a;--lav:#8772d8;--pink:#f3a6b8;--cream:#fffaf3;--line:#ebe4e7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 10%,#f9e9ee,transparent 30%),radial-gradient(circle at 85% 20%,#eae4ff,transparent 28%),var(--cream);color:var(--ink);font-family:ui-rounded,"PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh}main{width:min(1120px,92vw);margin:auto;padding:42px 0}.brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}.brand h1{font-size:21px;margin:0}.brand p{margin:4px 0 0;color:var(--muted);font-size:13px}.logo{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#f4b5c1,#9884df);color:white;font-weight:800;font-size:22px;box-shadow:0 8px 22px #9a80d333}.card,.chat-shell{background:#ffffffc9;border:1px solid #fff;border-radius:30px;box-shadow:0 24px 70px #685b7e19;backdrop-filter:blur(18px)}.create-card{padding:54px}.intro{text-align:center;max-width:650px;margin:0 auto 42px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--lav);font-weight:700}.intro h2{font-size:38px;margin:12px 0}.intro p{color:var(--muted);line-height:1.8}form{display:flex;gap:36px;max-width:850px;margin:auto}.upload{width:330px;min-height:380px;border:2px dashed #d8cce4;border-radius:24px;background:#fbf7fc;display:grid;place-items:center;text-align:center;color:var(--lav);overflow:hidden;cursor:pointer}.upload input{display:none}.upload b{display:block;color:var(--ink);margin:10px}.upload small{display:block;color:var(--muted)}.upload img{width:100%;height:100%;object-fit:cover}.fields{flex:1;display:flex;flex-direction:column;gap:18px}.fields label{font-size:13px;font-weight:700}.fields input,.fields textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:13px;padding:13px 15px;background:white;font:inherit;color:var(--ink);outline:none}.fields input:focus,.fields textarea:focus{border-color:var(--lav)}button{border:0;border-radius:14px;background:linear-gradient(135deg,#927ee0,#ed9eb3);color:white;padding:15px 20px;font-weight:700;cursor:pointer}.fields button{margin-top:auto;font-size:16px}.chat-shell{display:grid;grid-template-columns:340px 1fr;min-height:670px;overflow:hidden}.chat-shell aside{padding:28px;text-align:center;background:linear-gradient(180deg,#f3eaff,#fff3f3)}.back{display:block;background:none;color:var(--muted);padding:5px}.avatar-stage{height:350px;position:relative;display:flex;align-items:flex-end;justify-content:center}.avatar-stage img{width:210px;height:300px;object-fit:cover;border-radius:48% 48% 42% 42%;filter:saturate(.78) contrast(.95);border:8px solid white;box-shadow:0 18px 40px #77659c3d;position:relative;z-index:2}.avatar-base{position:absolute;bottom:1px;width:230px;height:38px;border-radius:50%;background:#b19ee66b;filter:blur(4px)}.spark{position:absolute;top:55px;right:30px;color:#f0a2b5;font-size:35px}.chat-shell aside h2{margin:18px 0 5px}.chat-shell aside p{color:var(--muted);font-size:13px}.memory{display:flex;justify-content:space-between;margin-top:28px;padding:15px;border-radius:16px;background:#ffffffb5;font-size:12px}.memory span{color:var(--lav)}.conversation{display:flex;flex-direction:column;min-width:0}.conversation header{height:82px;padding:20px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.conversation header b,.conversation header span{display:block}.conversation header span{font-size:11px;color:#70af82;margin-top:4px}.mode{color:var(--muted)!important}.messages{flex:1;padding:28px;overflow:auto;max-height:505px}.bubble{max-width:75%;padding:13px 17px;border-radius:18px;margin:10px 0;line-height:1.55;font-size:14px}.assistant{background:#f4effb;border-bottom-left-radius:5px}.user{background:linear-gradient(135deg,#9b88df,#d89ab9);color:white;margin-left:auto;border-bottom-right-radius:5px}.conversation form{display:flex;padding:20px 28px;border-top:1px solid var(--line);gap:12px}.conversation form input{flex:1;border:1px solid var(--line);border-radius:14px;padding:14px;outline:none}.conversation form button{padding:12px 25px}@media(max-width:760px){main{padding:20px 0}.create-card{padding:28px 20px}.intro h2{font-size:30px}.create-card form{flex-direction:column}.upload{width:100%;min-height:280px}.chat-shell{grid-template-columns:1fr}.chat-shell aside{display:none}.conversation{min-height:80vh}}
