.chat-page{color:#292520}.chat-wrap{width:min(1180px,calc(100% - 80px));margin:auto}.chat-label{font-size:11px;font-weight:650;letter-spacing:.12em;color:#a35b42}.chat-hero{background:#efe9df;overflow:hidden}.chat-hero-inner{min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:70px 0}.chat-intro h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(52px,5.6vw,82px);font-weight:500;line-height:1.22;letter-spacing:-3px;margin:26px 0}.chat-intro h1 span{color:#bc6548}.chat-intro>p{max-width:470px;color:#71685e;font-size:17px;line-height:2}.chat-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.chat-text-link{font-size:13px;color:#6e5a4d}.chat-status{margin-top:32px;color:#8e8174;font-size:11px}.chat-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c57857;margin-right:6px}.chat-visual{background:#fffcf7;border:1px solid #ded6ca;border-radius:14px;box-shadow:0 25px 70px #5d46371f;transform:rotate(2deg);overflow:hidden}.visual-top{padding:16px 22px;border-bottom:1px solid #eee8df;font-size:12px;font-weight:600}.visual-top>span,.visual-answer>span{color:#bc6548}.visual-top small{float:right;font-weight:400;color:#a1978b}.visual-body{padding:28px 30px 30px}.visual-prompt{text-align:right}.visual-prompt span,.visual-answer>span,.visual-result small{font-size:10px;color:#a68e7e}.visual-prompt p{display:inline-block;text-align:left;background:#f2ede6;padding:15px 19px;border-radius:12px;line-height:1.7;font-size:14px;margin:8px 0 20px}.visual-prompt span{display:block}.visual-answer p{font-size:14px;line-height:1.8}.visual-progress{border-left:1px solid #e3d6c7;padding-left:16px;display:grid;gap:12px;color:#8b7b6d;font-size:12px;margin:22px 0}.visual-result{border:1px solid #eadfd1;border-radius:10px;padding:15px;display:flex;justify-content:space-between;align-items:center;background:#faf6ef}.visual-result small,.visual-result strong{display:block}.visual-result strong{font-size:13px;margin-top:5px}.visual-result>span{color:#b8694c}.chat-section{padding-top:115px;padding-bottom:115px}.chat-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;align-items:end}.chat-heading .chat-label{grid-column:1/-1}.chat-page h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(38px,4vw,56px);line-height:1.3;letter-spacing:-1px;font-weight:500;margin:20px 0}.chat-heading>p{color:#82776b;max-width:400px;line-height:1.9}.chat-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:65px}.chat-columns article{border-top:1px solid #dcd4ca;padding-top:24px}.chat-number{color:#ae725d;font-size:11px;letter-spacing:.1em}.chat-page h3{font-size:22px;font-weight:500;margin:22px 0 12px}.chat-columns p,.chat-examples p,.chat-space p{color:#81766a;line-height:1.9;font-size:14px}.chat-columns blockquote{margin:27px 0 0;padding:20px 24px;background:#f2eee7;color:#786353;font-size:13px;border-left:2px solid #c67758}.chat-caption{font-size:11px;color:#a89a8c;margin-top:28px}.chat-flow{background:#e8dfd3;padding:110px 0}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:60px}.flow-steps>div{border-top:1px solid #c8b9aa;padding-top:18px}.flow-steps b{color:#bd7357;font-size:12px}.flow-steps h3{font-size:18px}.flow-steps p{font-size:13px;color:#82766b}.chat-examples{margin-top:55px}.chat-examples article{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;border-top:1px solid #ded7cd;padding:23px 0}.chat-examples article:last-child{border-bottom:1px solid #ded7cd}.chat-examples article>span{color:#b07861;font-size:13px}.chat-examples h3{margin:0 0 5px}.chat-examples p{margin:0}.chat-space{background:#29251f;color:#f5eee5;padding:105px 0}.chat-space-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px}.chat-space .chat-label{color:#d28b6e}.chat-space p{color:#bcb0a3;font-size:15px}.space-link{display:inline-block;margin-top:20px;border-bottom:1px solid #bb8c76;padding:10px 0;color:#f4e9df}.space-link span{margin-left:35px}.chat-page a:focus-visible{outline:2px solid #bd684c;outline-offset:4px}@media(prefers-reduced-motion:no-preference){.chat-visual{animation:chat-enter .6s ease-out both}.chat-examples article{transition:padding .2s}.chat-examples article:hover{padding-left:8px}@keyframes chat-enter{from{opacity:0;transform:translateY(18px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}}
