/* 全景图独立样式，避免专家广场样式更新影响业务矩阵。 */
#panorama-view { --pano-navy:#193e73; --pano-gold:#b88c4e; padding:16px 18px 20px; display:grid; grid-template-columns:minmax(0,1fr) 280px; grid-template-rows:auto auto auto; gap:12px 20px; align-content:start; background:linear-gradient(135deg,#eef5ff 0%,#f8fafd 55%,#f4f7fc); }
#panorama-view > .business-line-picker { grid-column:1/-1; grid-row:1; min-width:0; margin:0; flex-wrap:wrap; }
#panorama-view > .pano-hero { grid-column:1; grid-row:2; min-height:120px; align-self:start; }
#panorama-view > .pano-card-wrap { grid-column:1; grid-row:3; }
#panorama-view > .pano-rail { grid-column:2; grid-row:2/4; }
#panorama-view.hidden { display:none; }
.pano-hero { position:relative; min-width:0; overflow:hidden; border-radius:12px; }
.pano-hero-main { position:relative; z-index:1; padding:4px 14px; }
.pano-hero-title { color:#102448; font-size:34px; letter-spacing:1px; line-height:1.5; }
.pano-hero-title span { font-size:12px; font-weight:500; letter-spacing:0; color:#55749f; margin-left:12px; }
.pano-hero-sub { display:inline-block; margin-top:8px; color:#b48b4d; font:italic 23px KaiTi,STKaiti,serif; transform:rotate(-4deg); border-bottom:1px solid #d0ad73; padding-bottom:8px; }
.pano-hero-art { position:absolute; inset:0 0 0 32%; }
.pano-hero-art svg { width:100%; height:100%; opacity:.75; }
.pano-milestones { position:absolute; inset:24px 12% 0 38%; display:flex; justify-content:space-between; font-size:11px; text-align:center; color:#34476b; }
.pano-milestones span:nth-child(2) { margin-top:12px; }.pano-milestones span:last-child { margin-top:-18px; }
.pano-milestones b { display:block; font-size:14px; }.pano-milestones span:after { content:""; display:block; margin:7px auto; width:13px; height:13px; border-radius:50%; background:#b98d4e; border:3px solid white; box-shadow:0 0 0 2px #e6c692; }
.pano-card-wrap { min-width:0; background:#fff; padding:10px; border-radius:13px; box-shadow:0 5px 25px #204f8c06; }
.pano-scroll { overflow-x:auto; }.pano-grid { min-width:760px; }
.pano-lc-row,.pano-row { display:grid; grid-template-columns:160px repeat(3,minmax(0,1fr)); gap:7px; margin-bottom:7px; }
.pano-lc-row { margin-bottom:10px; }.pano-lc-spacer { align-self:end; padding:0 6px; color:#8195b4; font-size:13px; }.pano-lc-spacer:after { content:"业务体系"; }
.pano-lc { position:relative; display:flex; align-items:center; gap:10px; min-height:68px; padding:10px 16px; background:linear-gradient(110deg,#d5b783,#b58a4d); color:white; clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,5% 50%); }
.pano-lc-pre { clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%); border-radius:7px 0 0 7px; }
.pano-lc-mid { background:linear-gradient(110deg,#e6f1ff,#cee2fe); color:#193e73; }.pano-lc-post { background:linear-gradient(110deg,#fcf4e5,#f7edda); color:#69512d; }
.pano-lc-number { font-size:32px; font-weight:700; opacity:.7; }.pano-lc-txt { position:relative; z-index:1; }.pano-lc-txt b { display:block; font-size:18px; }.pano-lc-txt i { display:none; }.pano-lc-txt em { display:block; font-style:normal; font-size:10px; margin-top:3px; opacity:.85; }.pano-lc-icon { position:absolute; right:16px; width:36px; opacity:.16; }.pano-lc-icon svg { width:36px; height:36px; }
.pano-sys { display:flex; align-items:center; gap:12px; padding:12px; border-radius:7px; background:linear-gradient(125deg,#274f86,#163665); color:#fff; min-height:83px; box-shadow:inset 0 1px 0 #ffffff25; }.pano-sys-icon { color:#edc982; flex-shrink:0; }.pano-sys-icon svg { display:block; width:32px; height:32px; }.pano-sys-txt b { display:block; font-size:14px; }.pano-sys-txt i { display:block; font-size:10px; color:#abc4e9; font-style:normal; margin-top:4px; }
.pano-cell { position:relative; min-width:0; border-radius:7px; padding:6px 10px; background:linear-gradient(120deg,#f8fafc,#f1f5fa); display:flex; flex-direction:column; justify-content:center; gap:5px; }
.pano-labels { display:flex; flex-wrap:wrap; gap:5px; padding-right:20px; }
#panorama-view button { font-family:inherit; cursor:pointer; }.pano-chip,.pano-xchip { max-width:100%; border:1px solid #cbdcfa; border-radius:15px; background:#fff; color:#345a91; font-size:11px; line-height:1.4; padding:3px 9px; text-align:left; }.pano-chip.star { background:#fff1d9; border-color:#f1dbb2; color:#77592c; }.pano-chip:hover,.pano-xchip:hover { border-color:#538af1; background:#eaf2ff; }.pano-chip:focus-visible,.pano-xchip:focus-visible,.pano-more summary:focus-visible { outline:2px solid #2165e9; outline-offset:2px; }
.pano-xwrap { display:flex; flex-wrap:wrap; gap:4px; }.pano-xchip { display:inline-flex; align-items:center; gap:5px; background:#fff4df; border-color:#eedab5; color:#69512d; }.pano-xdot { display:inline-flex; align-items:center; justify-content:center; height:15px; width:15px; border-radius:50%; color:#fff; font-size:9px; flex-shrink:0; }.pano-xname { overflow-wrap:anywhere; }
.pano-more { position:absolute; right:8px; top:12px; color:#6a84ae; font-size:10px; }.pano-more summary { cursor:pointer; list-style:none; }.pano-more summary:after { content:" ›"; }.pano-more[open] { z-index:5; }.pano-more>div { position:absolute; right:0; top:22px; width:235px; padding:10px; display:flex; flex-wrap:wrap; gap:6px; background:#fff; border:1px solid #dce5f1; border-radius:8px; box-shadow:0 8px 24px #193e7325; }
.pano-futu-row { margin-bottom:0; }.pano-futu-sys { min-height:56px; }.pano-futu-body { grid-column:2/-1; display:flex; align-items:center; justify-content:center; gap:9px; padding:10px; background:linear-gradient(110deg,#fbf0dc,#fff8ed,#f9eed9); border-radius:7px; flex-wrap:wrap; }.pano-futu-body>.pano-chip { border:0; background:#fffcf5; color:#7a5b34; }
.pano-cap-row { display:grid;grid-template-columns:155px repeat(3,minmax(0,1fr));gap:6px;margin:6px 0 8px;align-items:stretch; }
.pano-cap-head { background:#18365f;color:#fff;padding:11px 13px;border-radius:7px;display:flex;flex-direction:column;justify-content:center; }
.pano-cap-head b { font-size:12px; }.pano-cap-head small { margin-top:5px;color:#bfcde0;font-size:9px; }
.pano-cap-group { position:relative;border:1px solid #dce7f6;background:#f7faff;padding:8px 10px;border-radius:7px;min-width:0; }
.pano-cap-group.has-link::before { content:"";position:absolute;left:-7px;top:50%;width:7px;border-top:1px solid #73a1e8; }
.pano-cap-group.has-link::after { content:"";position:absolute;left:-4px;top:calc(50% - 3px);width:5px;height:5px;border-top:1px solid #73a1e8;border-right:1px solid #73a1e8;transform:rotate(45deg); }
.pano-cap-group header { display:flex;align-items:baseline;gap:7px;margin-bottom:7px;white-space:nowrap;overflow:hidden; }
.pano-cap-group header b { color:#194d96;font-size:11px; }.pano-cap-group header small { color:#8497b2;font-size:8px;overflow:hidden;text-overflow:ellipsis; }
.pano-cap-group>div { display:flex;gap:5px;min-width:0;flex-wrap:wrap; }.pano-cap-group .pano-xchip { padding:3px 7px;font-size:9px; }
.pano-cap-group .pano-xdot { width:17px;height:17px;font-size:8px; }.pano-cap-group .pano-xname { max-width:94px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pano-rail { grid-column:2; grid-row:1/3; display:flex; flex-direction:column; gap:12px; min-width:0; }.pano-summary { padding:19px; border-radius:9px; background:linear-gradient(120deg,#315b92,#19365f); color:white; }.pano-summary h3 { font-size:16px; }.pano-summary>div { display:flex; align-items:center; gap:13px; margin-top:16px; }.pano-summary strong { display:grid; place-items:center; width:70px; height:70px; border:7px solid #88b0ed; border-radius:50%; font-size:26px; }.pano-summary p { font-size:13px; line-height:1.9; }.pano-summary p span { color:#c3d8f5; font-size:11px; }
.pano-panel { background:#fff; border:1px solid #eef2f8; border-radius:10px; padding:16px; box-shadow:0 4px 18px #193e7304; }.pano-panel h3 { color:#18365f; font-size:14px; margin-bottom:10px; display:flex; justify-content:space-between; }.pano-panel h3 a { font-size:11px; font-weight:400; color:#7d94b7; text-decoration:none; }.pano-service-list .pano-chip { display:flex; align-items:center; gap:10px; border:0; border-radius:0; border-bottom:1px solid #f0f3f8; width:100%; padding:9px 0; font-size:12px; }.pano-service-list i { font-style:normal; padding:1px 6px; background:#fbecd0; border-radius:4px; color:#8b6936; }.pano-service-list .pano-chip>span { margin-left:auto; color:#91a4be; }
.pano-recommend { display:flex; flex-direction:column; }.pano-recommend .pano-xchip { border:0; border-bottom:1px solid #eff3f8; border-radius:0; background:white; width:100%; padding:9px 0; gap:10px; color:#25416b; }.pano-expert-avatar { display:grid; place-items:center; width:34px; height:38px; flex-shrink:0; border-radius:7px; color:#fff; font-size:17px; }.pano-recommend .pano-xchip>span:last-child { min-width:0; }.pano-recommend b { display:block; font-size:12px; font-weight:600; }.pano-recommend small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:190px; color:#8192ad; font-size:10px; margin-top:3px; }
.pano-recent { font-size:11px; color:#8192ad; }.pano-recent a { display:flex; gap:8px; padding:9px 0; text-decoration:none; color:#405b82; }.pano-recent a>span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.pano-recent small { margin-left:auto; white-space:nowrap; color:#4c88bd; }.pano-empty { color:#8192ad; font-size:12px; }
body:has(#panorama-view:not(.hidden)) .sidebar-motto { display:none; }
@media(min-width:1450px) { .pano-sys { min-height:76px; }.pano-cell { min-height:76px; padding:3px 10px; gap:3px; }.pano-chip,.pano-xchip { font-size:12px; line-height:15px; padding:2px 9px; }.pano-lc-row,.pano-row,.pano-cap-row { grid-template-columns:175px repeat(3,minmax(0,1fr)); }.pano-labels { gap:3px; }.pano-futu-sys { min-height:56px; }.pano-cap-group .pano-xchip { font-size:10px; } }
@media(max-width:1400px) { #panorama-view { grid-template-columns:minmax(0,1fr); }.pano-rail { grid-column:1; grid-row:3; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.pano-hero-title span { display:block; margin-left:0; }.pano-hero-art { left:35%; } }
@media(max-width:650px) { #panorama-view { padding:12px 8px; }.pano-hero-title { font-size:26px; }.pano-hero-title span { font-size:10px; }.pano-hero-art { opacity:.3; left:20%; }.pano-milestones { display:none; }.pano-rail { grid-template-columns:1fr; }.pano-hero-sub { font-size:20px; } }
@media(max-width:1400px) { #panorama-view > .pano-rail { grid-column:1; grid-row:4; } }