/* 独立银灰视觉预览；继承原有交互与响应式结构。 */
:root{--blue:#838383;--ink:#353535;--muted:#a1a1a1}
body{font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--ink)}
main{background:radial-gradient(ellipse at 78% 19%,#efefef 0,transparent 55%),radial-gradient(ellipse at 3% 70%,#efefef 0,transparent 62%),linear-gradient(145deg,#fafafa,#f3f3f3 64%,#ededed)}
aside{background:#fafafade;border-right:1px solid #ebebeb}.brand,.brand-row p{color:#5a5a5a}.primary{background:#888888}.primary:hover{background:#767676}.history-item.selected,.history-item:hover{background:#f1f1f1}.history-open{color:#666666}.aside-bottom{border-color:#e9e9e9}
header{background:#ffffff30;border-bottom:1px solid #ffffff72;color:#363636}header strong{color:#393939}header>span{color:#9e9e9e}header .text-button,.icon-button{color:#6d6d6d}
#welcome{max-width:660px;padding:42px 45px 30px}.welcome-visual{min-height:122px;margin-bottom:14px}.welcome-visual:before{background:radial-gradient(ellipse,#d7d7d770,transparent 70%);width:240px;height:150px}.large{width:100px;height:100px;background:linear-gradient(135deg,#ececec,#dfdfdf);border:5px solid #ffffff;box-shadow:0 0 0 10px #ffffff30,0 14px 32px #9797971a;color:#7b7b7b;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:43px}#welcome h1{font-size:27px;line-height:1.55;font-weight:600;color:#363636}#welcome>p{color:#a1a1a1;font-size:13px;margin-bottom:30px}
.recommendations{border:1px solid #ffffffb5;background:#ffffff68;border-radius:25px;padding:24px 20px;box-shadow:0 8px 32px #8f8f8f05}.recommendation-heading{color:#363636;font-size:16px;margin-bottom:18px}.recommendation-heading span{font-size:9px;letter-spacing:1.8px;color:#adadad}.suggestions{gap:12px}.suggestions button{background:#ffffffd9;border:1px solid #fff;border-radius:18px;color:#454545;font-size:14px;padding:17px 15px;gap:12px}.suggestions button small{background:#f4f4f4;border-radius:50%;width:25px;height:25px}.suggestions button small:after{color:#898989;font-size:12px}.suggestions button span{color:#b9b9b9}.suggestions button:hover{background:white;box-shadow:0 5px 20px #92929212;transform:translateY(-1px)}
.quick-prompts{gap:9px;padding-bottom:12px}.quick-prompts button{background:#ffffffce;border:1px solid #fff;color:#797979;font-size:12px;padding:9px 16px;border-radius:20px}.quick-prompts button:hover{color:#808080;background:white}
footer{max-width:900px;background:linear-gradient(0deg,#f1f1f1f2,transparent);padding-bottom:max(20px,env(safe-area-inset-bottom))}footer #chat-form{background:#fffffff0;border:1px solid #fff;box-shadow:0 6px 25px #9393930b,0 0 0 1px #ffffff50;border-radius:28px;padding-left:22px;min-height:66px}footer #chat-form:focus-within{border-color:#d3d3d3;box-shadow:0 0 0 3px #9898980a}#question{color:#4b4b4b}#question::placeholder{color:#b4b4b4}#send{background:linear-gradient(145deg,#9e9e9e,#7d7d7d);border:0;border-radius:50%;box-shadow:0 5px 13px #9494942b;width:42px;height:42px;flex-basis:42px}#send:hover:not(:disabled){box-shadow:0 7px 18px #9494943b}.footnote{color:#aaaaaa}
.sender-name{color:#9e9e9e}.message .avatar{background:#efefef;border-color:#dbdbdb;color:#8c8c8c}.bubble{color:#464646;background:#ffffffdb;border-color:#fff;box-shadow:0 5px 18px #8d8d8d04;border-radius:4px 19px 19px 19px}.user .bubble{background:linear-gradient(135deg,#989898,#7f7f7f);color:white;box-shadow:0 5px 14px #8d8d8d1a}.copy-message{color:#9e9e9e;border-color:#e7e7e7;background:#ffffff80}.jump-bottom{color:#8c8c8c;border-color:#e7e7e7}.brand-mark:has(img),.brand-row .brand-mark:has(img),header .header-logo{background:#747474}dialog{background:#fdfdfd;border-color:#ebebeb;color:#494949}dialog::backdrop{background:#efefefd4}dialog .primary{background:#888888}dialog input{border-color:#e3e3e3}dialog h2{color:#494949}dialog .brand-mark:has(img){background:#747474}.history-heading,.aside-bottom p,.empty-history{color:#a4a4a4}
@media(max-width:760px){header{background:#ffffff2e}#welcome{padding:30px 24px 25px}.welcome-visual{min-height:112px;margin-bottom:18px}.large{width:91px;height:91px;font-size:40px}#welcome h1{font-size:22px;margin-bottom:11px}#welcome>p{font-size:12px;max-width:290px;line-height:1.8;margin-bottom:27px}.recommendations{border-radius:24px;padding:20px 14px}.recommendation-heading{font-size:15px;margin-bottom:17px}.recommendation-heading span{font-size:8px}.suggestions{gap:12px}.suggestions button{font-size:13px;padding:16px 13px;gap:10px;border-radius:17px}.suggestions button small{width:23px;height:23px}.quick-prompts{gap:7px}.quick-prompts button{font-size:11px;padding:8px 13px}footer{padding:8px 15px max(13px,env(safe-area-inset-bottom))}footer #chat-form{border-radius:26px;padding:10px 10px 10px 18px;min-height:64px}#send{width:40px;height:40px;flex-basis:40px}.footnote{font-size:8px}aside{background:#fafafa}.bubble{line-height:1.95}}
@media(min-width:761px) and (max-height:850px){#welcome{padding-top:22px}.welcome-visual{min-height:94px}.large{width:80px;height:80px}#welcome h1{font-size:23px}#welcome>p{margin-bottom:22px}.suggestions button{padding:12px 15px}}
#welcome{max-width:850px;padding:30px 35px}.silver-hero{position:relative;min-height:270px;text-align:left;display:flex;align-items:center;border:1px solid #fff;background:linear-gradient(125deg,#ffffffcc,#e7e8ec99);border-radius:26px;margin-bottom:25px;overflow:hidden;box-shadow:0 10px 40px #22222204}.hero-copy{position:relative;z-index:1;padding:34px;width:65%}.hero-kicker{font-size:9px;letter-spacing:2px;color:#9b9da5}.hero-copy h1{font-size:29px!important;line-height:1.5!important;letter-spacing:1px!important;margin:20px 0 15px!important;color:#34363e!important}.hero-copy p{font-size:12px;line-height:1.8;color:#878b95;margin:0 0 18px}.hero-caption{display:inline-block;font-size:10px;color:#8d9099;letter-spacing:1px}.hero-portrait{position:absolute;right:-6px;bottom:-6px;width:47%;height:290px}.hero-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.recommendations{border-radius:24px;background:#ffffff72}.recommendation-heading{font-size:15px}.recommendation-heading span{letter-spacing:.3px}.suggestions{grid-template-columns:1fr 1fr}.suggestions button{font-size:13px}main{background:radial-gradient(ellipse at 90% 20%,#e0e3e9,transparent 55%),radial-gradient(ellipse at 0 70%,#f3f4f7,transparent 65%),linear-gradient(140deg,#f9fafb,#e9ebef 75%,#f1f0f3)}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transform:scale(1.55);transform-origin:center 30%}.message .avatar{overflow:hidden;background:#e4e5e9}.brand-mark:has(img),.brand-row .brand-mark:has(img),header .header-logo{background:#666973}aside{background:#fafafbd9}.primary,dialog .primary{background:#626672}.primary:hover,dialog .primary:hover{background:#484d59}#send{background:linear-gradient(145deg,#777e8c,#4d5360);box-shadow:0 4px 12px #43495720}.user .bubble{background:linear-gradient(135deg,#767d8a,#565d6b)}.bubble{color:#444b59}.message .avatar img{object-fit:cover}.brand-mark{color:#666}.suggestions button small{background:#edf0f4}.quick-prompts button{color:#7d8593}.footnote{color:#a1a5af}dialog::backdrop{background:#e7e9edd9}
@media(max-width:760px){#welcome{padding:22px 16px}.silver-hero{min-height:236px;border-radius:23px;margin-bottom:23px}.hero-copy{padding:23px 0 23px 20px;width:66%}.hero-kicker{font-size:7px;letter-spacing:1.2px}.hero-copy h1{font-size:23px!important;line-height:1.55!important;margin:18px 0 12px!important;letter-spacing:.3px!important}.hero-copy p{font-size:10px;max-width:165px;margin-bottom:14px}.hero-caption{font-size:8px;letter-spacing:.2px}.hero-portrait{width:53%;height:238px;right:-21px}.suggestions{grid-template-columns:1fr}.suggestions button{padding:15px 12px}.recommendations{padding:20px 14px}.recommendation-heading span{font-size:9px}.hero-copy h1{max-width:210px}.hero-portrait img{object-position:center bottom}aside{background:#f8f9fb}}
@media(min-width:761px) and (max-height:850px){.silver-hero{min-height:220px}.hero-portrait{height:238px}.hero-copy{padding:23px 30px}.hero-copy h1{font-size:25px!important;margin:14px 0!important}}

.brand-mark:has(img),.brand-row .brand-mark:has(img),header .header-logo,dialog .brand-mark:has(img){background:transparent;border-radius:0;box-shadow:none}