/* 浏览器外框：一层页签、一条地址栏。页面正文不再绘制浏览器控件。 */
body.has-web-shell:has(#browser-address-bar){--browser-address-height:40px;--browser-chrome-height:calc(var(--page-tabs-height) + var(--browser-address-height));padding-top:var(--browser-chrome-height)}
body.has-web-shell:has(#browser-address-bar) #game-taskbar{padding:0 12px;gap:8px}
.web-window-list{display:flex;align-items:stretch;gap:3px;flex:1;min-width:0;height:100%;overflow-x:auto;scrollbar-width:none}
.web-window-list::-webkit-scrollbar{display:none}
.web-window-tab{display:flex;align-self:stretch;flex:0 1 228px;min-width:110px;max-width:250px;margin-top:5px;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0;background:#dce2e7;color:#5c6872}
.web-window-tab.active{background:#fff;border-color:#bac6cf;color:#253a49}
.web-window-tab>button:first-child{position:relative;display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:5px 10px;text-align:left;background:transparent;color:inherit;font:12px/1.6 "Microsoft YaHei",sans-serif}
.web-window-tab span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web-window-tab img,.web-window-tab .icon{flex-shrink:0;width:16px;height:16px}
.web-chat-tab{flex:0 0 135px;min-width:100px}.web-chat-tab .icon{color:#08ad59}
.web-window-tab .taskbar-unread{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#bc6d5f}
.web-window-close{align-self:center;padding:5px 7px;margin-right:3px;background:transparent;color:#74818b;border-radius:3px;font:16px/1 sans-serif}
.web-window-close:hover{background:#d8e0e5;color:#243c50}
.web-window-new{align-self:center;flex:0 0 32px;background:transparent;color:#425c6f;padding:4px;font:21px/1 sans-serif;border-radius:3px}
.web-window-new:hover{background:#f3f6f8}.web-window-new:disabled{opacity:.4;cursor:default}
#browser-address-bar{position:fixed;top:var(--page-tabs-height);left:0;right:0;height:var(--browser-address-height,40px);z-index:44;background:#eef1f4;border-bottom:1px solid #c5ced5}
#browser-address-bar>.browser-navigation{width:100%;max-width:none;height:100%;margin:0;padding:5px 12px;gap:12px;border:0;background:transparent}
#browser-address-bar .browser-address{height:28px;border-radius:4px;background:#fff}
body.has-web-shell:has(#browser-address-bar) #app{min-height:calc(100svh - var(--browser-chrome-height))}
body.has-web-shell:has(#browser-address-bar)[data-surface="chat"]{padding-top:calc(var(--browser-chrome-height) + var(--chat-web-header-height))}
body.has-web-shell:has(#browser-address-bar) .chat-web-header{top:var(--browser-chrome-height)}
body.has-web-shell:has(#browser-address-bar)[data-surface="chat"] #app{min-height:calc(100svh - var(--browser-chrome-height) - var(--chat-web-header-height))}
body.has-web-shell:has(#browser-address-bar)[data-surface="chat"] .chat-window:not(.comm-favorites-window){height:max(0px,calc(100svh - var(--browser-chrome-height) - var(--chat-web-header-height) - var(--chat-frame-gap) - var(--chat-frame-gap)));min-height:0}
body.has-web-shell:has(#browser-address-bar)[data-surface="chat"] .moments-window{height:min(730px,calc(100svh - var(--browser-chrome-height) - var(--chat-web-header-height) - 40px))}
body.has-web-shell:has(#browser-address-bar)[data-surface="chat"] .comm-auth-desktop{min-height:calc(100svh - var(--browser-chrome-height) - var(--chat-web-header-height) - 24px)}
body.has-web-shell:has(#browser-address-bar) .academic-print-toolbar,body.has-web-shell:has(#browser-address-bar) .guide-print-toolbar{top:var(--browser-chrome-height)}
body.has-web-shell:has(#browser-address-bar) .ending-camera{padding-top:calc(var(--browser-chrome-height) + var(--chat-web-header-height))}
body.has-web-shell:has(#browser-address-bar) #report-scroll #app{padding-top:var(--browser-chrome-height)}
body.has-web-shell:has(#browser-address-bar).has-finale{padding:0}
body[data-surface="blank"],.browser-blank-page{background:#fff}.browser-blank-page{min-height:calc(100svh - var(--browser-chrome-height,84px))}
.browser-link-menu{position:fixed;z-index:150;padding:4px;background:#fff;border:1px solid #aebcc6;box-shadow:2px 3px 8px #0002;font:13px/1.5 "Microsoft YaHei",sans-serif}
.browser-link-menu button{display:block;padding:7px 15px;background:#fff;color:#31495d;font:inherit}.browser-link-menu button:hover{background:#e6eff7}
@media(max-width:680px){body.has-web-shell:has(#browser-address-bar){--browser-address-height:36px}body.has-web-shell:has(#browser-address-bar) #game-taskbar{padding:0 5px;gap:3px}.web-chat-tab{flex-basis:103px}.web-window-tab{min-width:95px}.web-window-tab>button:first-child{padding:5px 7px}.web-window-close{padding:4px;margin-right:1px}#browser-address-bar>.browser-navigation{padding:4px 6px;gap:5px}#browser-address-bar .browser-controls{gap:0}#browser-address-bar .icon-button{width:24px}}
@media print{#browser-address-bar,.browser-link-menu{display:none!important}body.has-web-shell:has(#browser-address-bar){padding:0!important}body.has-web-shell:has(#browser-address-bar) #app{min-height:0}body.has-web-shell:has(#browser-address-bar) .academic-print-toolbar,body.has-web-shell:has(#browser-address-bar) .guide-print-toolbar{top:0}}