/* Zhongcheng brand skin. Original chat inputs, network and viewport behavior remain in use. */
:root{--navy:#102b51;--deep:#0b1f3d;--gold:#d7b574;--gold-light:#f4dfb5;--bg:#f0f3f9;--ink:#23354d}
body{background:radial-gradient(ellipse at 8% 0,#dfe8f4,transparent 52%),var(--bg)}
.header{height:78px;border-bottom:1px solid #263d61;background:linear-gradient(105deg,#0d2243,#142f54);box-shadow:0 4px 16px #09224518}
.header .brand{color:#f8e6bc;font-size:24px;letter-spacing:2px}.brand small{color:#e6d2a8;letter-spacing:1.5px}
.header .brand-mark{width:43px;height:43px;border:0;padding:0;display:block}.header .brand-mark::after{display:none}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.desktop-nav button{color:#d7dfed}.desktop-nav button.active{color:#f6e3bb}.desktop-nav button[data-page="chat"]{background:#e7c58a;color:#172b48}.staff-link{color:#c1ccdc}
.chat-page.container{max-width:1480px;display:grid;grid-template-columns:298px minmax(0,1fr);gap:0;padding:22px 24px 30px;align-items:stretch}
.zc-chat-aside{display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #3a5174;border-radius:23px 0 0 23px;padding:30px 20px 20px;color:#f6e5c5;background:radial-gradient(ellipse at 80% 70%,#3b4862 0,transparent 45%),linear-gradient(145deg,#132e55,#0c203f 80%);box-shadow:0 12px 40px #071b3420}
.zc-side-brand{display:flex;align-items:center;gap:9px}.zc-side-brand img{width:64px;height:64px;object-fit:contain}.zc-side-brand>span{font-size:30px;font-weight:700;letter-spacing:2px;white-space:nowrap}.zc-side-brand small{display:block;font-size:11px;font-weight:500;letter-spacing:.7px}
.zc-side-caption{text-align:center;color:#ebd6a6;font-size:13px;font-weight:600;margin:20px -5px 25px}
.zc-side-services{border:1px solid #6780a52e;background:#10274966;border-radius:16px;padding:0 10px;z-index:1}
.zc-side-services>button{display:flex;align-items:center;text-align:left;gap:15px;width:100%;padding:18px 0;border-bottom:1px solid #b7c9e333}.zc-side-services>button:last-child{border:0}.zc-side-services>button>svg{color:#eac984;width:32px;height:32px}.zc-side-services strong{display:block;font-size:19px;color:#fff0d6;font-weight:600;letter-spacing:.3px}.zc-side-services small{display:block;font-size:11px;color:#c9d5e6;margin-top:3px;white-space:nowrap}.zc-side-services button:hover{background:#d7b57410}
.zc-city{display:flex;align-items:flex-end;justify-content:center;gap:7px;height:124px;margin:15px -20px 0;border-bottom:2px solid #efc67b;position:relative;background:linear-gradient(0deg,#e2bb6726,transparent 70%)}
.zc-city:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:#edcc8d;box-shadow:0 0 18px 4px #e3b55b50}
.zc-city i{display:block;width:31px;height:55px;border:1px solid #d8be8570;border-top:2px solid #f1d09a;background:repeating-linear-gradient(0deg,transparent 0 8px,#dabb6d4d 8px 9px),repeating-linear-gradient(90deg,#102b4b 0 7px,#e8c47955 7px 8px);transform:skewY(-7deg);box-shadow:0 -2px 12px #d6b77518}.zc-city i:nth-child(2){height:78px}.zc-city i:nth-child(3){height:98px;width:36px}.zc-city i:nth-child(4){height:61px}.zc-city i:nth-child(5){height:118px;width:38px}.zc-city i:nth-child(6){height:72px}.zc-city i:nth-child(7){height:48px}
.zc-advisor-entry{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:18px;border:1px solid #f4dfb0;background:linear-gradient(120deg,#fff0cc,#dfb67b);color:#182338;padding:16px 6px;border-radius:14px;box-shadow:0 5px 22px #030d211c}.zc-advisor-entry>svg{width:31px;height:31px}.zc-advisor-entry strong{display:block;font-size:20px}.zc-advisor-entry small{display:block;font-size:12px;font-weight:500}
.zc-side-download{display:flex;justify-content:center;align-items:center;gap:8px;color:#f8deb0;font-size:13px;padding:14px 0 0}.zc-side-download svg{width:16px;height:16px}.zc-side-note{text-align:center;font-size:11px;color:#b7c6dc;margin:7px 0 0}
.zc-chat-main{min-width:0;display:flex;flex-direction:column}.zc-chat-main .chat-shell{display:flex;flex-direction:column;margin:0;max-width:none;width:100%;height:calc(100dvh - 151px);min-height:675px;border-radius:0 23px 23px 0;border:1px solid #bdcbe0;box-shadow:0 12px 40px #071b3412;overflow:hidden}
.zc-chat-main .chat-toolbar{min-height:83px;flex-shrink:0;padding:17px 23px;background:linear-gradient(110deg,#14345d,#0e2342);color:#f3e7cc;border-bottom:1px solid #263f63;gap:14px}.zc-chat-main .chat-profile{min-width:0}.zc-chat-main .chat-profile strong{font-size:17px;color:#fff3d9;letter-spacing:.3px}.zc-chat-main .chat-profile .avatar{background:#f0d9a8;color:#16325b;border:2px solid #f7eac9;flex-shrink:0}.zc-chat-main .chat-status{color:#cad5e6;font-size:11px}.zc-chat-main .chat-tools{margin-left:auto;gap:10px;display:flex;align-items:center}.zc-chat-main .chat-tools .text-button{color:#d8e1f0;font-size:11px}.zc-chat-main .chat-tools .secondary-button{min-height:30px;padding:6px 10px;background:#ffffff0d;border-color:#a1b6d24d;color:#dbe4f2;font-size:10px}.chat-trust{display:flex;gap:14px;margin-left:auto;color:#e0e6f0;font-size:11px;white-space:nowrap}.chat-trust span{display:flex;align-items:center;gap:5px}.chat-trust svg{width:17px;height:17px;color:#e7d3ac}
.zc-chat-main .chat-safety{background:#eaf0f8;color:#6b7e98;font-size:10px;flex-shrink:0}.zc-chat-main .chat-messages{background:linear-gradient(125deg,#eff3fb,#e8eef8);flex:1;min-height:180px;padding:25px 23px;overflow:auto;overscroll-behavior:contain}.zc-chat-main .composer{background:#fbfcff;flex-shrink:0;padding:13px 20px}.zc-chat-main .composer textarea{border-radius:24px;background:#f6f8fd;border-color:#d9e2ef;font-size:14px;padding:12px 17px;min-height:48px}.zc-chat-main .chat-send{border-radius:24px;background:linear-gradient(120deg,#3e89ef,#0660dc);padding:12px 23px;height:48px;min-width:100px;box-shadow:0 4px 12px #075ad52b}.zc-chat-main .chat-compose-tools{margin-bottom:9px}.zc-chat-main .chat-compose-tools .text-button{color:#364d6d;font-size:12px}.zc-chat-main .chat-compose-hint{font-size:9px;color:#8492a8}.zc-chat-main .chat-bottom-links{margin:10px 0 0;justify-content:center;font-size:10px}.zc-chat-main .message .bubble{background:#fff;border-color:#e1e7f2;box-shadow:0 2px 4px #1f395d06;border-radius:4px 15px 15px 15px;color:#253850}.zc-chat-main .message.mine .bubble{background:linear-gradient(120deg,#3887f3,#0864e2);color:white;border:0;border-radius:15px 4px 15px 15px}.zc-chat-main .message-avatar{color:#173d70;background:#d5e5fb}.zc-chat-main .message.mine .message-avatar{background:#2773df;color:white}
.zc-chat-welcome{display:flex;gap:12px;align-items:flex-start;max-width:640px;margin-bottom:19px}.zc-welcome-mark{width:45px;height:45px;background:#17365e;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.zc-welcome-mark img{width:35px;height:35px}.zc-welcome-label{font-size:12px;color:#65758d;margin:0 0 5px}.zc-welcome-card{padding:18px 19px;background:#fff;border:1px solid #e1e6f0;border-radius:0 17px 17px 17px;box-shadow:0 3px 7px #19345c08}.zc-welcome-card h2{font-size:17px;letter-spacing:.4px;margin:0 0 9px;color:#202d42}.zc-welcome-card p{font-size:13px;color:#4b5c74;line-height:1.8;margin:0 0 15px}.zc-welcome-card>small{font-size:10px;color:#8a95a6;display:block;margin-top:14px;line-height:1.7}.zc-quick-businesses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zc-quick-businesses>button{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid #e3e8f1;border-radius:11px;background:linear-gradient(120deg,#fff,#f3f6fd);text-align:left;color:#253c58;min-width:0}.zc-quick-businesses>button>span{display:flex;align-items:center;justify-content:center;width:31px;height:31px;flex-shrink:0;border-radius:7px;background:#e3edff;color:#2679e9}.zc-quick-businesses strong{font-size:13px;white-space:nowrap}.zc-quick-businesses>button>svg{margin-left:auto;width:13px;height:13px;color:#7c8ba1}.zc-quick-businesses>button:nth-child(2)>span{background:#fff0df;color:#d49443}.zc-quick-businesses>button:nth-child(3)>span{background:#ffe9ea;color:#d6656b}.zc-quick-businesses>button:nth-child(4)>span{background:#eee7ff;color:#8660d8}
.zc-service-card.consult-photo-card{background:#102e53;border:1px solid #33527a;min-height:275px}.zc-service-card .consult-photo-copy{position:relative;background:none;min-height:0;padding:20px}.zc-service-card .consult-photo-copy strong{color:#f4e2bb}.zc-service-card .consult-photo-subtitle{color:#c3cfe1}.zc-service-symbol{display:flex;align-items:center;justify-content:center;height:110px;color:#eccd90;background:radial-gradient(ellipse,#d8b77518,transparent 65%)}.zc-service-symbol svg{height:60px;width:60px;stroke-width:1.2}.zc-service-card .consult-photo{height:130px}.app-download-banner{background:linear-gradient(115deg,#f9efd9,#fff);border-color:#e5d4b3}.app-download-actions a{background:#123359}.app-download-actions a:last-child{border-color:#d7c7a7;color:#17365c}.app-download-label{color:#9b7a45}.home-hero.hero{background:radial-gradient(ellipse at 98% 3%,#24456d 0,transparent 52%),#102b51}.support-emblem{background:#183960;border-color:#b89d6680}.support-emblem>svg{color:#ecd198}
@media(min-width:1450px){.zc-chat-main .chat-shell{min-height:720px}.chat-trust{gap:22px}.zc-chat-main .chat-toolbar{padding-left:27px;padding-right:27px}}
@media(max-width:1150px){.chat-trust{display:none}.chat-page.container{grid-template-columns:260px minmax(0,1fr);padding:16px}.zc-chat-aside{padding:25px 15px 18px}.zc-side-brand>span{font-size:27px}.zc-side-brand img{width:53px;height:53px}.zc-side-caption{font-size:12px}.zc-side-services strong{font-size:17px}.zc-side-services small{font-size:10px}.zc-chat-main .chat-toolbar{padding:16px}.zc-chat-main .chat-profile strong{font-size:14px}.zc-quick-businesses strong{font-size:12px}.zc-welcome-card{padding:16px}.zc-quick-businesses>button{gap:6px;padding:8px}}
@media(max-width:900px){.zc-chat-aside{display:none}.chat-page.container{display:block;max-width:850px}.zc-chat-main .chat-shell{border-radius:20px;min-height:620px}.zc-chat-welcome{max-width:610px}}
@media(max-width:650px){.header{height:64px}.header .brand{font-size:20px;color:#f8e6bc}.header .brand-mark{width:34px;height:36px}.brand small{font-size:7px}.zc-chat-main{display:flex;flex:1 1 0;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden}.customer-chat-mobile .zc-chat-main .chat-shell{flex:1 1 0;height:100%;min-height:0;border:0;border-radius:0}.customer-chat-mobile .zc-chat-aside{display:none}.customer-chat-mobile .chat-toolbar{min-height:66px;padding:11px 13px;background:linear-gradient(115deg,#14345d,#0e2342)}.customer-chat-mobile .chat-profile strong{font-size:13px;color:#fff0d3}.customer-chat-mobile .chat-status{color:#c8d4e6;font-size:9px}.customer-chat-mobile .chat-trust{display:none}.customer-chat-mobile .chat-tools{gap:8px}.customer-chat-mobile .chat-tools .text-button{font-size:9px;color:#d5dfed}.customer-chat-mobile .chat-tools .secondary-button{font-size:9px;padding:5px 7px;min-height:27px}.customer-chat-mobile .chat-safety{font-size:9px;line-height:1.6;padding:7px 12px;background:#e9eff9}.customer-chat-mobile .chat-messages{min-height:0;padding:17px 11px}.customer-chat-mobile .composer{padding:9px 11px}.customer-chat-mobile .composer textarea{font-size:16px;border-radius:20px;min-height:42px;padding:10px 13px}.customer-chat-mobile .chat-send{height:42px;min-height:42px;min-width:73px;padding:9px 13px;border-radius:22px}.customer-chat-mobile .chat-compose-tools .text-button{font-size:11px}.zc-chat-welcome{gap:7px;width:100%}.zc-welcome-mark{width:30px;height:30px}.zc-welcome-mark img{width:25px;height:25px}.zc-chat-welcome>div:last-child{min-width:0;max-width:calc(100% - 37px);flex:1}.zc-welcome-label{font-size:10px;margin-bottom:5px}.zc-welcome-card{padding:13px 11px;border-radius:0 13px 13px 13px}.zc-welcome-card h2{font-size:14px;margin-bottom:8px}.zc-welcome-card p{font-size:11px;line-height:1.7;margin-bottom:11px}.zc-welcome-card>small{font-size:9px;margin-top:11px}.zc-quick-businesses{gap:6px}.zc-quick-businesses>button{padding:8px 5px;gap:5px}.zc-quick-businesses>button>span{width:24px;height:26px}.zc-quick-businesses>button>span svg{width:17px;height:17px}.zc-quick-businesses strong{font-size:11px;font-weight:600}.zc-quick-businesses>button>svg{width:10px;height:10px}.zc-service-card.consult-photo-card{min-height:230px}.zc-service-symbol{height:95px}.zc-service-card .consult-photo-copy{padding:15px}.zc-service-card .consult-photo-copy strong{font-size:16px}.zc-service-card .consult-photo-subtitle{font-size:10px}.app-download-banner h2{font-size:18px}.bottom-nav .support-nav{color:#173f73}}
@media(max-width:359px){.zc-welcome-mark{display:none}.zc-chat-welcome>div:last-child{max-width:100%}.zc-quick-businesses strong{font-size:11px}.customer-chat-mobile .chat-tools .text-button{display:none}}
@media(max-width:650px){
  .customer-chat-mobile .header .brand-mark{padding:0}
  .customer-chat-mobile .chat-page.container.page-shell,
  .customer-chat-mobile .zc-chat-main,
  .customer-chat-mobile .zc-chat-main .chat-shell{width:100%;max-width:100%;min-width:0}
  .customer-chat-mobile .zc-chat-main{height:auto;flex:1 1 0}
  .customer-chat-mobile .chat-toolbar,
  .customer-chat-mobile .chat-safety,
  .customer-chat-mobile .chat-messages,
  .customer-chat-mobile .composer{min-width:0;max-width:100%}
  .customer-chat-mobile .zc-chat-aside{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;min-height:31px;padding:0;border:0;border-radius:0;background:#f6ecda;box-shadow:none}
  .customer-chat-mobile .zc-chat-aside>:not(.zc-side-download){display:none}
  .customer-chat-mobile .zc-chat-aside .zc-side-download{margin:0;padding:6px 12px;color:#284566;font-size:11px;line-height:19px}
  .customer-chat-mobile .zc-chat-welcome,
  .customer-chat-mobile .zc-welcome-card,
  .customer-chat-mobile .zc-quick-businesses{min-width:0;max-width:100%}
  .customer-chat-mobile .zc-chat-welcome>div:last-child{flex:1 1 0;min-width:0}
  .customer-chat-mobile .zc-quick-businesses>button{min-width:0;max-width:100%}
  .customer-chat-mobile .zc-quick-businesses strong{white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.6}
  .customer-chat-mobile .composer-row{width:100%;min-width:0;max-width:100%}
  .customer-chat-mobile .composer textarea{flex:1 1 0;min-width:0;width:0;max-width:100%}
  .customer-chat-mobile .composer .primary-button.chat-send{flex:0 0 73px;width:73px;min-width:73px}
  .customer-chat-keyboard .zc-chat-aside,
  .customer-chat-compact .zc-chat-aside{display:none}
}