@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{color:#18181b;font-synthesis:none;--teal-900:#08434a;--teal-700:#0c6a76;--teal-600:#0f8c9a;--teal-500:#1aa8b6;--teal-100:#c7eaee;--teal-050:#e9f6f7;--gold-500:#c9a85a;--gold-100:#f4ebd2;--oat-100:#f5f0e4;--oat-050:#faf6ee;--paper:#fbfaf6;--ink-900:#18181b;--ink-700:#43434a;--ink-500:#8e8e96;--line:#18181b17;background:#f5f0e4;font-family:Inter,Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}button,input{font:inherit}button{color:inherit}body{min-width:900px;min-height:100vh;margin:0;overflow:hidden}.desktop{background:radial-gradient(circle at 15% 5%,#ffffffd1,#0000 28%),radial-gradient(circle at 92% 90%,#0f8c9a1f,#0000 34%),linear-gradient(145deg,#f7f2e8,#e9e0cf);place-items:center;width:100vw;height:100vh;min-height:650px;padding:24px;display:grid}.app-window{background:var(--paper);border:1px solid #08434a2e;border-radius:16px;width:min(1480px,100%);height:min(940px,100%);position:relative;overflow:hidden;box-shadow:0 28px 70px #08434a29,0 4px 14px #18181b14}.titlebar{border-bottom:1px solid var(--line);-webkit-app-region:drag;background:#fbfaf6f7;grid-template-columns:1fr auto 1fr;align-items:center;height:40px;padding:0 14px;display:grid}.traffic-lights{gap:8px;display:flex}.traffic-lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000014}.traffic-lights i:nth-child(2){background:#febc2e}.traffic-lights i:nth-child(3){background:#28c840}.app-title{color:var(--teal-900);letter-spacing:.16em;align-items:center;gap:8px;font-family:Cormorant Garamond,serif;font-size:14px;font-weight:600;display:flex}.brand-seal{color:#fff;background:var(--teal-600);letter-spacing:0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.titlebar-status{color:#8c8c91;justify-self:end;align-items:center;gap:5px;font-size:10px;display:flex}.workspace{min-width:0;height:calc(100% - 40px);display:flex}.rail{background:var(--teal-900);border-right:1px solid #ffffff0f;flex-direction:column;flex:0 0 84px;align-items:center;width:84px;padding:18px 0 12px;display:flex}.rail-brand{color:#fff;background:linear-gradient(145deg, var(--teal-600), var(--teal-700));border:1px solid #ffffff47;border-radius:15px;place-items:center;width:48px;height:48px;display:grid;position:relative;box-shadow:0 8px 22px #00000029}.rail-brand span{font-size:18px;font-weight:700}.rail-brand small{color:var(--gold-100);font-size:7px;position:absolute;bottom:4px;right:6px}.rail-main{gap:6px;margin-top:26px;display:grid}.rail-button{color:#ffffff8c;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:64px;min-height:52px;padding:7px 0 5px;transition:all .18s;display:flex;position:relative}.rail-button span{font-size:9px}.rail-button:hover{color:#fff;background:#ffffff14}.rail-button.active{color:#fff;background:#1aa8b63b}.rail-button.active:before{content:"";background:var(--gold-500);border-radius:0 4px 4px 0;width:3px;height:26px;position:absolute;top:13px;left:-10px}.rail-button b{color:#fff;border:2px solid var(--teal-900);background:#b5402b;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:2px;right:7px}.rail-settings{margin-top:auto}.conversation-panel{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex:0 0 350px;width:350px;display:flex;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex}.panel-heading>div{align-items:center;gap:6px;display:flex}.panel-heading h1{letter-spacing:-.04em;margin:0;font-size:25px;font-weight:700}.compose-button{width:36px;height:36px;color:var(--teal-700);background:var(--teal-050);cursor:pointer;border:0;border-radius:10px;place-items:center;display:grid}.compose-button:hover{color:#fff;background:var(--teal-600)}.search-box{height:38px;color:var(--ink-500);background:var(--oat-100);border-radius:999px;align-items:center;gap:8px;margin:0 18px 12px;padding:0 13px;display:flex}.search-box input{min-width:0;color:var(--ink-900);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-box input::placeholder{color:#9b9995}.search-box button{color:#85837e;cursor:pointer;background:#00000014;border:0;border-radius:50%;place-items:center;padding:2px;display:grid}.official-card{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#87d0d7 0%,#1593a1 100%);border:0;border-radius:12px;align-items:center;gap:11px;min-height:68px;margin:0 18px 14px;padding:12px;transition:transform .18s;display:flex;box-shadow:0 5px 14px #0f8c9a29}.official-card:hover{transform:translateY(-1px)}.official-logo{width:43px;height:43px;color:var(--teal-700);background:#fff;border-radius:8px;flex-direction:column;flex:0 0 43px;justify-content:center;align-items:center;display:flex}.official-logo span{font-family:Cormorant Garamond,serif;font-size:19px;font-weight:600;line-height:16px}.official-logo small{letter-spacing:.13em;margin-top:2px;font-size:5px}.official-copy{flex:1;gap:3px;min-width:0;display:grid}.official-copy strong{font-size:12px}.official-copy small{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.official-card em{color:#fff;background:#fff3;border-radius:999px;padding:4px 8px;font-size:9px;font-style:normal}.conversation-list{flex:1;padding:0 8px 14px;overflow-y:auto}.conversation{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;min-height:70px;padding:9px 10px;transition:all .15s;display:flex}.conversation:hover{background:var(--oat-050)}.conversation.selected{background:var(--teal-050);box-shadow:inset 3px 0 0 var(--teal-600)}.avatar{color:#fff;border-radius:12px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:15px;font-weight:700;display:grid;position:relative;box-shadow:inset 0 0 0 1px #00000008}.avatar-large{border-radius:18px;flex-basis:72px;width:72px;height:72px;font-size:22px}.online-dot{background:#3aa56d;border:2.5px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:-2px}.conversation-copy{flex:1;gap:5px;min-width:0;display:grid}.conversation-top,.conversation-bottom{align-items:center;gap:6px;min-width:0;display:flex}.conversation-top strong{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:4px;min-width:0;font-size:13px;font-weight:600;display:flex;overflow:hidden}.conversation-top strong svg{color:var(--teal-600)}.conversation-top time{color:var(--ink-500);font-size:9.5px}.conversation-bottom small{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-500);flex:1;font-size:10.5px;overflow:hidden}.conversation-bottom b{color:#fff;background:#b5402b;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:8px;display:grid}.empty-search,.empty-chat{color:var(--ink-500);text-align:center;place-items:center;padding:44px 10px;font-size:12px;display:grid}.chat-panel{background:var(--paper);flex-direction:column;flex:auto;min-width:400px;display:flex}.chat-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#fbfaf6e6;flex:0 0 70px;justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex}.chat-person{align-items:center;gap:11px;display:flex}.chat-person .avatar{border-radius:10px;flex-basis:40px;width:40px;height:40px;font-size:13px}.chat-person>div:last-child{gap:3px;display:grid}.chat-person strong{align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.chat-person strong svg{color:var(--teal-600)}.chat-person span{color:var(--teal-700);font-size:9.5px}.chat-actions{align-items:center;gap:7px;display:flex}.icon-button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink-700);cursor:pointer;background:#fff;border-radius:10px;place-items:center;transition:all .18s;display:grid}.icon-button:hover,.icon-button.active-soft{border-color:var(--teal-100);color:var(--teal-700);background:var(--teal-050)}.icon-button.bare{background:0 0;border:0}.messages{scroll-behavior:smooth;background-color:var(--paper);background-image:radial-gradient(#0c6a7617 .65px,#0000 .65px);background-size:19px 19px;flex:1;padding:24px 34px 15px;overflow-y:auto}.date-pill{color:#8d8a84;background:#f5f0e4f0;border-radius:999px;width:max-content;margin:0 auto 23px;padding:5px 11px;font-size:9px;font-weight:600}.intro-card{flex-direction:column;align-items:center;margin-bottom:25px;display:flex}.intro-card strong{margin-top:10px;font-size:13px}.intro-card>span{color:var(--ink-500);margin-top:3px;font-size:9.5px}.message-row{flex-direction:column;align-items:flex-start;max-width:72%;margin:10px 0 17px;display:flex}.message-row.me{align-items:flex-end;margin-left:auto}.message-row.compact{margin-bottom:-5px}.bubble{color:#302f2d;border:1px solid var(--line);background:#fff;border-radius:5px 16px 16px;padding:10px 14px;font-size:12px;line-height:1.6;box-shadow:0 2px 7px #18181b0b}.me .bubble{color:#fff;background:var(--teal-600);border-color:var(--teal-600);border-radius:16px 5px 16px 16px;box-shadow:0 4px 12px #0f8c9a29}.message-meta{color:#9b9995;align-items:center;gap:3px;min-height:14px;margin:4px 5px 0;font-size:8.5px;display:flex}.message-meta time{margin-right:3px}.composer{background:var(--paper);border-top:1px solid var(--line);align-items:center;gap:7px;min-height:72px;padding:10px 15px 14px;display:flex}.composer button{cursor:pointer;border:0}.tool-button{color:#85837e;background:0 0;border-radius:10px;flex:0 0 35px;place-items:center;width:35px;height:35px;display:grid}.tool-button:hover{color:var(--teal-700);background:var(--teal-050)}.input-wrap{background:#fff;border:1px solid #18181b1f;border-radius:13px;flex:1;align-items:center;height:43px;padding:0 8px 0 14px;display:flex;box-shadow:0 2px 5px #18181b06}.input-wrap:focus-within{border-color:var(--teal-500);box-shadow:0 0 0 3px #0f8c9a14}.input-wrap input{min-width:0;color:var(--ink-900);background:0 0;border:0;outline:0;flex:1;font-size:11.5px}.input-wrap input::placeholder{color:#aaa7a0}.input-wrap button{color:#9b9995;background:0 0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.send-button{color:#fff;background:var(--teal-600);border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 5px 12px #0f8c9a38}.info-panel{border-left:1px solid var(--line);background:#fff;flex:0 0 290px;width:290px;overflow-y:auto}.info-top{height:55px;color:var(--ink-700);justify-content:space-between;align-items:center;padding:9px 12px 9px 18px;font-size:11px;font-weight:600;display:flex}.person-summary{border-bottom:1px solid var(--line);flex-direction:column;align-items:center;padding:4px 18px 19px;display:flex}.person-summary h2{letter-spacing:-.02em;margin:12px 0 2px;font-size:16px}.person-summary p{color:var(--teal-700);margin:0;font-size:9.5px}.quick-actions{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 18px;display:grid}.quick-actions button{color:var(--ink-700);background:var(--oat-050);cursor:pointer;border:0;border-radius:10px;place-items:center;gap:6px;padding:10px 2px 8px;display:grid}.quick-actions button:hover{color:var(--teal-700);background:var(--teal-050)}.quick-actions span{font-size:9px}.booking-card{background:linear-gradient(145deg,#fffdf7,#f7eed8);border:1px solid #c9a85a52;border-radius:12px;margin:15px;padding:15px;box-shadow:0 4px 12px #80674614}.booking-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.booking-title span{color:#806746;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.booking-title em{color:#2f7a52;background:#2f7a521a;border-radius:999px;padding:3px 7px;font-size:8px;font-style:normal}.booking-card>strong{margin-bottom:9px;font-size:13px;display:block}.booking-card p{color:#6e685c;align-items:center;gap:6px;margin:6px 0;font-size:9.5px;display:flex}.booking-card>button{color:#fff;cursor:pointer;background:#806746;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:11px;padding:8px 10px;font-size:9.5px;display:flex}.info-section{border-top:1px solid var(--line);padding:16px 18px}.info-section>button{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0;font-size:10.5px;display:flex}.info-section>button span{text-align:left;flex:1}.info-section>button strong{color:var(--ink-500);font-size:9px;font-weight:500}.media-grid{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px;display:grid}.media-grid i{aspect-ratio:1;background:linear-gradient(145deg,#b1dfe2,#339aa5);border-radius:7px}.media-grid i:nth-child(2){background:linear-gradient(145deg,#ead39f,#bd9250)}.media-grid i:nth-child(3){background:linear-gradient(145deg,#d5cbea,#8f7ac3)}.info-section.rows{gap:17px;display:grid}.toast{z-index:20;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08434af0;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font-size:10.5px;animation:.22s both toast-in;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #08434a38}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#d9d5cc;border-radius:6px}::-webkit-scrollbar-track{background:0 0}@media (width<=1160px){.info-panel{display:none}.conversation-panel{flex-basis:320px;width:320px}}@media (width<=900px){.desktop{padding:0}.app-window{border:0;border-radius:0;width:100%;height:100%}.rail{flex-basis:72px;width:72px}.conversation-panel{flex-basis:290px;width:290px}}