.chat-home-window { padding: 0; }
.chat-home-main { position: relative; min-height: 0; overflow: hidden; background: #fbfcfb; }
.chat-home-main::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(91,119,108,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(91,119,108,.055) 1px,transparent 1px),radial-gradient(circle at 47% 22%,rgba(171,235,214,.28),transparent 26%),radial-gradient(circle at 4% 64%,rgba(224,244,161,.24),transparent 20%),radial-gradient(circle at 77% 88%,rgba(161,235,217,.3),transparent 29%); background-size: 74px 74px,74px 74px,auto,auto,auto; pointer-events: none; }
.chat-home-stage { position: relative; z-index: 1; display:flex; flex-direction:column; align-items:center; min-height:100%; padding:clamp(72px,11vh,140px) 30px 0; text-align:center; }
.chat-home-intro { display:flex; flex-direction:column; align-items:center; }
.chat-home-logo { position:relative; width:66px; height:66px; margin-bottom:18px; transform:rotate(-8deg); filter:drop-shadow(0 10px 12px rgba(110,187,67,.24)); }
.chat-home-logo span,.chat-home-logo i,.chat-home-logo b { position:absolute; display:block; border:3px solid #a8e942; border-radius:14px; background:linear-gradient(145deg,#f5ffbf,#7ed22e); box-shadow:inset 0 0 0 2px rgba(255,255,255,.35); }
.chat-home-logo span { inset:9px 17px 20px 9px; transform:skewY(26deg) rotate(1deg); }.chat-home-logo i { inset:21px 7px 9px 21px; transform:skewY(-25deg) rotate(1deg); }.chat-home-logo b { width:22px; height:14px; top:4px; left:23px; border-radius:8px; transform:rotate(6deg); }
.chat-home-intro h1 { margin:0; color:#111718; font-size:30px; font-weight:850; letter-spacing:-.04em; }.chat-home-intro p { margin:12px 0 0; color:#a2a9a4; font-size:16px; }
.chat-home-composer { position:relative; width:min(100%, 930px); margin-top:48px; padding:22px 20px 15px; border:1px solid rgba(50,64,58,.13); border-radius:20px; background:rgba(255,255,255,.95); box-shadow:0 17px 40px rgba(46,65,57,.1); text-align:left; }
.chat-home-composer textarea { display:block; width:100%; min-height:105px; padding:0; border:0; outline:0; resize:none; background:transparent; color:#26312d; font:inherit; font-size:16px; line-height:1.6; }.chat-home-composer textarea::placeholder { color:#d0d3d0; }
.chat-home-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:10px; }.chat-home-tools,.chat-home-send-tools { display:flex; align-items:center; gap:10px; }.chat-home-tools button { width:38px; height:38px; border:0; border-radius:12px; background:#f5f6f5; color:#7c8580; cursor:pointer; font-size:22px; }.chat-home-tools button:nth-child(2),.chat-home-tools button:nth-child(3) { color:#111; font-size:17px; }.chat-home-tools button.is-active { background:#e6f5df; color:#5e9c56; }
.chat-home-model { display:flex; align-items:center; gap:7px; min-height:38px; max-width:250px; padding:0 13px; border:1px solid #e4e7e4; border-radius:11px; background:#fff; color:#1d2721; cursor:pointer; font-size:14px; }.chat-home-model span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.chat-home-model b { margin-left:6px; color:#9da59f; }.chat-home-send { width:38px; height:38px; border:0; border-radius:11px; background:#d0d2d1; color:#fff; cursor:pointer; font-size:23px; }.chat-home-send:hover { background:#67bb5b; }
.chat-home-model-menu { position:fixed; right:clamp(18px, 5vw, 70px); bottom:24px; z-index:15; display:grid; grid-template-columns:1fr; width:min(480px, calc(100vw - 48px)); max-height:min(670px, calc(100vh - 48px)); overflow:hidden; border:1px solid #e4e8e4; border-radius:20px; background:#fff; box-shadow:0 22px 50px rgba(26,48,32,.2); }.chat-home-model-menu[hidden] { display:none; }
.chat-model-list { min-width:0; overflow:auto; padding:18px 12px 18px 17px; scrollbar-width:thin; scrollbar-color:#cbd2cb transparent; }.chat-model-group + .chat-model-group { margin-top:15px; }.chat-model-group h3 { display:flex; align-items:center; justify-content:space-between; margin:0 7px 8px; color:#8c978e; font-size:12px; font-weight:800; }.chat-model-group h3 small { color:#b1bab2; font-size:10px; font-weight:600; }.chat-model-option { display:grid; grid-template-columns:34px minmax(0,1fr) auto 25px; align-items:center; gap:10px; width:100%; min-height:54px; padding:8px 8px; border:1px solid transparent; border-radius:14px; background:transparent; color:#111; cursor:pointer; text-align:left; transition:background .16s ease,border-color .16s ease; }.chat-model-option:hover { background:#f5f8f4; border-color:#edf2eb; }.chat-model-option.is-selected { background:#f4f7f3; border-color:#eef1ee; }.chat-model-icon { display:grid; place-items:center; width:34px; height:34px; border:1px solid #e0e5e0; border-radius:10px; background:#fff; color:#5b9860; font-size:19px; font-weight:800; }.chat-model-icon.is-openai { color:#2eb493; }.chat-model-icon.is-claude { color:#ec7556; }.chat-model-icon.is-gemini { color:#6c83ed; }.chat-model-icon.is-deepseek { color:#5174ed; }.chat-model-icon.is-glm { color:#333; font-size:15px; }.chat-model-icon.is-grok { color:#151515; }.chat-model-option-name { min-width:0; overflow:hidden; color:#171a18; font-size:14px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }.chat-model-cost { justify-self:end; white-space:nowrap; font-size:10px; font-style:normal; font-weight:800; }.chat-model-cost.is-free { color:#6f9870; }.chat-model-cost.is-credit { color:#b4792c; }.chat-model-radio { display:grid; place-items:center; width:24px; height:24px; border:1px solid #cbd2cb; border-radius:50%; color:#fff; font-size:12px; font-style:normal; }.chat-model-option.is-selected .chat-model-radio { border-color:#111; background:#111; }
.chat-home-attachment { min-height:0; margin-top:8px; color:#5e9860; font-size:11px; }.chat-home-explore { margin-top:100px; padding:10px 22px; border:1px solid rgba(64,81,71,.12); border-radius:999px; background:rgba(255,255,255,.55); color:#a0a7a2; cursor:pointer; font-size:16px; }.chat-home-explore span { margin-left:7px; font-size:20px; }.chat-home-cards { position:relative; width:min(100%, 1020px); height:260px; margin-top:55px; }.home-card { position:absolute; bottom:-76px; width:230px; height:175px; overflow:hidden; border:1px solid rgba(33,45,40,.09); border-radius:20px; box-shadow:0 20px 34px rgba(26,46,36,.14); }.twitter-card { left:0; display:grid; place-items:center; transform:rotate(-8deg); background:#19a9eb; color:#fff; font-size:67px; }.zodiac-card { left:20%; padding:22px; transform:rotate(-3deg); background:#f3f0e7; color:#222; font-size:58px; text-align:left; }.zodiac-card span { display:block; margin-top:35px; font-size:18px; letter-spacing:8px; }.study-card { left:39%; z-index:2; display:grid; place-items:center; transform:rotate(1deg); background:#fff; color:#333; font-size:46px; }.study-card b { margin-top:-54px; color:#4c9f4d; font-size:21px; }.flow-card { left:58%; z-index:1; display:grid; place-items:center; transform:rotate(5deg); background:linear-gradient(140deg,#b9bec0,#f0e7d9); color:#fff; font-size:68px; }.flow-card small { font-size:15px; }.resume-card { right:0; padding:24px; transform:rotate(8deg); background:#f5f4ed; color:#23372e; text-align:left; font-size:28px; }.resume-card span { display:block; margin-top:28px; color:#718b7d; }.chat-home-toast { position:fixed; right:26px; bottom:26px; z-index:20; padding:11px 15px; border:1px solid #c7dfc0; border-radius:10px; background:#f1faed; color:#508a53; font-size:12px; font-weight:750; opacity:0; transform:translateY(8px); transition:.2s ease; pointer-events:none; }.chat-home-toast.is-visible { opacity:1; transform:translateY(0); }
.chat-nav-symbol { display:inline-grid; width:18px; place-items:center; font-size:17px; }
@media (max-width:900px) { .chat-home-stage { padding-top:60px; }.chat-home-cards { transform:scale(.78); transform-origin:top center; }.chat-home-explore { margin-top:70px; } }
@media (max-width:760px) { .chat-home-model-menu { right:14px; bottom:14px; max-height:min(650px,calc(100vh - 28px)); }.chat-model-list { padding:13px 10px; } }
@media (max-width:600px) { .chat-home-intro h1 { font-size:25px; }.chat-home-intro p { font-size:13px; }.chat-home-composer { margin-top:32px; }.chat-home-toolbar { align-items:flex-start; flex-direction:column; }.chat-home-send-tools { width:100%; justify-content:flex-end; }.chat-home-cards { transform:scale(.55); margin-top:20px; }.chat-home-explore { margin-top:45px; }.chat-home-model-menu { width:calc(100vw - 28px); }.chat-model-option { grid-template-columns:32px minmax(0,1fr) auto 24px; gap:7px; }.chat-model-option-name { font-size:13px; }.chat-model-cost { font-size:9px; } }