:root{--w95-desktop:#008080;--w95-panel:#c0c0c0;--w95-light:#ffffff;--w95-mid:#dfdfdf;--w95-dark:#808080;--w95-deep:#404040;--w95-black:#000000;--w95-blue:#000080;--w95-link:#0000ee} html,body{min-height:100%} body,.App{background:var(--w95-desktop) !important;color:var(--w95-black) !important;font-family:Tahoma,"Microsoft Sans Serif","MS Sans Serif",Arial,sans-serif !important} body{min-height:100vh} a,.Link{color:var(--w95-link)} a:hover{color:#ff0000;text-decoration:underline} *{scrollbar-width:auto;scrollbar-color:var(--w95-dark) var(--w95-panel)} #app{max-width:1320px;min-height:calc(100vh - 36px) !important;margin:18px auto 42px;display:flex;flex-direction:column;background:var(--w95-panel);border:3px solid;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light);box-shadow:2px 2px 0 #000,-1px -1px 0 var(--w95-mid)} .App{flex:1 1 auto;display:flex;flex-direction:column;background:var(--w95-panel) !important} .App-content{flex:1 1 auto;min-height:0 !important;background:var(--w95-panel) !important} .IndexPage,.DiscussionPage,.TagsPage,.UserPage,.SettingsPage{background:var(--w95-panel) !important} .win95-appbar{max-width:1320px;margin:18px auto -18px;background:var(--w95-panel);border-top:3px solid var(--w95-light);border-left:3px solid var(--w95-light);border-right:3px solid var(--w95-deep);box-sizing:border-box;font-family:Tahoma,"Microsoft Sans Serif",Arial,sans-serif} .win95-titlebar{height:34px;margin:3px;padding-left:7px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;background:var(--w95-blue);color:#fff;font-size:15px;font-weight:bold} .win95-title-left{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden} .win95-app-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:var(--w95-panel);color:var(--w95-blue);border:1px solid;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light);font-size:12px} .win95-window-buttons{display:flex;gap:3px;padding-right:3px} .win95-window-buttons button{width:26px;height:25px;padding:0;background:var(--w95-panel);color:#000;border:2px solid;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light);border-radius:0;font-family:Arial,sans-serif;font-weight:bold;font-size:15px;line-height:19px} .win95-window-buttons button:active{border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep);padding-top:2px;padding-left:2px} .win95-menubar{min-height:31px;display:flex;align-items:center;gap:4px;padding:0 5px 3px;background:var(--w95-panel);color:#000;border-bottom:1px solid var(--w95-dark);box-sizing:border-box} .win95-menubar span,.win95-menu-link{display:inline-block;padding:4px 9px;color:#000 !important;font-size:14px;text-decoration:none !important;cursor:default} .win95-menubar span:hover,.win95-menu-link:hover{background:var(--w95-blue);color:#fff !important} .win95-toolbar{min-height:58px;display:flex;align-items:center;padding:4px 6px;background:var(--w95-panel);border-top:1px solid var(--w95-light);border-bottom:2px solid var(--w95-dark);box-sizing:border-box} .win95-toolgroup{display:flex;align-items:center;gap:2px} .win95-toolbutton{width:52px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;background:var(--w95-panel) !important;color:#000 !important;border:1px solid transparent;border-radius:0 !important;box-sizing:border-box;text-decoration:none !important;cursor:pointer !important} .win95-toolbutton:hover{border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)} .win95-toolbutton:active{border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)} .win95-toolicon{height:23px;color:#000;font-size:21px;line-height:21px} .win95-tooltext{margin-top:2px;color:#000;font-size:11px;white-space:nowrap} .win95-toolbar-separator{width:2px;height:43px;margin:0 7px;border-left:1px solid var(--w95-dark);border-right:1px solid var(--w95-light);flex-shrink:0} .win95-toolbutton.is-disabled{cursor:default !important} .win95-toolbutton.is-disabled .win95-toolicon,.win95-toolbutton.is-disabled .win95-tooltext{color:var(--w95-dark) !important;text-shadow:1px 1px var(--w95-light)} .win95-toolbutton.is-disabled:hover,.win95-toolbutton.is-disabled:active{border-color:transparent !important} .win95-toolbutton.is-disabled:active{padding:2px !important} .win95-addressbar{flex:1;display:flex;align-items:center;min-width:0} .win95-address-label{margin-right:6px;color:#000;font-size:13px;white-space:nowrap} .win95-address-input{flex:1;height:30px;min-width:0;display:flex;align-items:center;padding:2px 5px;background:#fff;border:2px solid;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep);box-sizing:border-box;overflow:hidden} .win95-address-input:focus-within{background:#fff} .win95-address-icon{width:18px;height:18px;margin-right:5px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--w95-blue);color:#fff;font-size:11px} .win95-address-icon i{display:block;color:#fff !important;font-size:10px;line-height:1} .win95-address-text{flex:1;min-width:0;color:#000;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:none !important;cursor:text;user-select:text} .win95-address-text:focus{background:var(--w95-blue);color:#fff} .win95-path-link{cursor:pointer} .win95-path-link:hover{background:var(--w95-blue);color:#fff;text-decoration:none} .win95-path-prefix,.win95-path-separator{cursor:text} .win95-address-go{height:30px;margin-left:4px;padding:0 12px;background:var(--w95-panel);color:#000;border:2px solid;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light);border-radius:0;cursor:pointer !important} .win95-address-go:active{border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)} .Header{min-height:58px !important;background:var(--w95-panel) !important;border-top:1px solid var(--w95-light) !important;border-left:0 !important;border-right:0 !important;border-bottom:2px solid var(--w95-dark) !important;box-shadow:none !important} .Header-title,.Header-title a,.Header-controls,.Header-controls a{color:#000 !important} .Header-title{font-size:14px !important;font-weight:normal !important} .Header .Button{border-radius:0 !important} .Search{background:transparent !important} .Button{background:var(--w95-panel) !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important;border-radius:0 !important;box-shadow:none !important;text-shadow:none !important} .Button:hover{background:var(--w95-mid) !important} .Button:active,.Button.active{border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important} .Button--primary{background:var(--w95-panel) !important;color:#000 !important} .FormControl,.Search-input input,input[type="text"],input[type="email"],input[type="password"],textarea,select{background:#fff !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important;border-radius:0 !important;box-shadow:none !important} .Header .Search-input input{height:30px !important} .Badge,.Badge--label,.Label,.tooltip,.Popover,.Pagination-button{border-radius:0 !important} .Avatar{box-shadow:none !important} .sideNav,.Post,.Modal-content,.Dropdown-menu,.Alert,.WelcomeHero,.TagTiles>li,.NotificationGrid,.SettingsPage .Form-group{background:var(--w95-panel) !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important;border-radius:0 !important;box-shadow:none !important} .Dropdown-menu{padding:2px !important} .Dropdown-menu>li>a{color:#000 !important;border-radius:0 !important} .Dropdown-menu>li>a:hover{background:var(--w95-blue) !important;color:#fff !important} .WelcomeHero{height:auto !important;min-height:0 !important;margin:8px !important;padding:12px !important;background:var(--w95-panel) !important} .WelcomeHero .container{height:auto !important;min-height:0 !important;background:transparent !important} .IndexPage-nav{height:auto !important;min-height:0 !important;overflow:visible !important;color:#000} .IndexPage-nav .sideNav{height:auto !important;max-height:none !important;overflow:visible !important;padding:4px !important;box-shadow:inset 1px 1px var(--w95-mid),inset -1px -1px var(--w95-dark) !important} .IndexPage-nav .Dropdown-menu{height:auto !important;max-height:none !important;overflow:visible !important;padding:5px 3px !important;box-shadow:inset 1px 1px var(--w95-mid),inset -1px -1px var(--w95-dark) !important} .IndexPage-nav .Dropdown-menu>li>a,.IndexPage-nav .Dropdown-menu>li>button{padding-top:7px !important;padding-bottom:7px !important;background:transparent !important;color:#000 !important;border-radius:0 !important} .IndexPage-nav .Dropdown-menu>li>a:hover,.IndexPage-nav .Dropdown-menu>li>button:hover,.IndexPage-nav .Dropdown-menu>li.active>a,.IndexPage-nav .Dropdown-menu>li.active>button{background:var(--w95-blue) !important;color:#fff !important} .IndexPage-nav .TagLinkButton{min-height:28px !important} .IndexPage .DiscussionList{min-height:0 !important;padding:2px !important;background:#fff !important;border:2px solid !important;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark) !important;box-shadow:inset 1px 1px #000,inset -1px -1px var(--w95-mid) !important} .IndexPage .DiscussionList-discussions{margin:0 !important} .IndexPage .IndexPage-toolbar{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--w95-dark)} .IndexPage .DiscussionList-empty{padding:30px;background:#fff;color:#000;border:2px inset var(--w95-mid)} .DiscussionPage-list,.DiscussionPage-listPane,.paneShowing .DiscussionPage-list{display:none !important} .DiscussionPage-discussion{width:100% !important;margin-left:0 !important} .DiscussionHero{margin:8px !important;background:var(--w95-panel) !important;border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important} .PostStream{padding-top:8px !important;background:var(--w95-panel) !important} .Post{margin:10px 0 !important;background:var(--w95-panel) !important;border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important;border-radius:0 !important;box-shadow:none !important} .Post-body{color:#000 !important;line-height:1.65 !important} .PostUser-name,.PostUser-name a{color:#000 !important;font-weight:bold !important} .PostMeta,.PostMeta a,.Post-header,.Post-header a{color:#606060 !important} .PostUser .Avatar{border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important;border-radius:2px !important} .Scrubber{padding:8px !important;background:var(--w95-panel) !important;border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important} .Scrubber-scrollbar{background:#fff !important;border:1px solid var(--w95-dark) !important} .DiscussionHero .TagLabel,.DiscussionPage .TagLabel{background:var(--w95-panel) !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important;border-radius:0 !important} .Post-body pre,.Post-body code{background:#fff !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important;border-radius:0 !important} .Post-body blockquote{background:var(--w95-mid) !important;color:#000 !important;border-left:4px solid var(--w95-blue) !important} .TagsPage .container{background:var(--w95-panel) !important} .TagsPage .sideNav .Dropdown-menu>li.active>a,.TagsPage .sideNav .Dropdown-menu>li.active>button{background:var(--w95-panel) !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important;padding-top:5px !important;padding-bottom:5px !important} .TagsPage .sideNav .Dropdown-menu>li.active i{color:#000 !important} .TagsPage .sideNav .Dropdown-menu>li>a:hover,.TagsPage .sideNav .Dropdown-menu>li>button:hover{background:var(--w95-blue) !important;color:#fff !important} .TagsPage .TagTiles{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0 !important;padding:8px !important;background:#fff !important;border:2px solid !important;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark) !important;box-shadow:inset 1px 1px #000,inset -1px -1px var(--w95-mid) !important;box-sizing:border-box;overflow:visible !important} .TagsPage .TagTile{position:relative !important;display:block !important;width:auto !important;min-width:0 !important;min-height:125px !important;height:auto !important;float:none !important;margin:0 !important;padding:16px 18px !important;background:#fff !important;color:#000 !important;border:0 !important;border-bottom:1px dotted #c0c0c0 !important;border-radius:0 !important;box-shadow:none !important;box-sizing:border-box !important;overflow:visible !important} .TagsPage .TagTile-info{position:relative !important;display:block !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 0 0 50px !important;float:none !important;overflow:visible !important} .TagsPage .TagTile-name{position:relative !important;display:block !important;width:auto !important;margin:0 0 5px !important;padding:0 !important;color:#000 !important;font-size:15px !important;font-weight:bold !important;line-height:20px !important;white-space:normal !important;z-index:3 !important} .TagsPage .TagTile-name a{color:#000 !important;text-decoration:none !important} .TagsPage .TagTile-description{position:relative !important;width:auto !important;max-width:none !important;height:auto !important;max-height:none !important;margin:0 0 5px !important;padding:0 !important;color:#606060 !important;font-size:12px !important;line-height:1.45 !important;overflow:visible !important;z-index:3 !important} .TagsPage .TagTile-children{position:relative !important;display:flex !important;flex-wrap:wrap !important;width:auto !important;height:auto !important;max-height:none !important;gap:3px 12px !important;margin:4px 0 0 !important;padding:0 !important;overflow:visible !important;z-index:3 !important} .TagsPage .TagTile-children a{display:inline-block !important;width:auto !important;margin:0 !important;padding:1px 2px !important;color:var(--w95-blue) !important;font-size:12px !important;line-height:18px !important;white-space:nowrap !important;text-decoration:none !important} .TagsPage .TagTile::before{content:"" !important;position:absolute !important;left:18px !important;top:22px !important;width:30px !important;height:21px !important;background:#ffff00 !important;border-top:2px solid #fff !important;border-left:2px solid #fff !important;border-right:2px solid #808000 !important;border-bottom:2px solid #808000 !important;box-shadow:1px 1px #000 !important;box-sizing:border-box !important;z-index:1 !important} .TagsPage .TagTile::after{content:"" !important;position:absolute !important;left:18px !important;top:16px !important;width:14px !important;height:8px !important;background:#ffff00 !important;border-top:2px solid #fff !important;border-left:2px solid #fff !important;border-right:2px solid #808000 !important;box-sizing:border-box !important;z-index:2 !important} .TagsPage .TagTile:hover{background:var(--w95-blue) !important;color:#fff !important} .TagsPage .TagTile:hover .TagTile-name,.TagsPage .TagTile:hover .TagTile-name a,.TagsPage .TagTile:hover .TagTile-description,.TagsPage .TagTile:hover .TagTile-children a{color:#fff !important} .TagsPage .TagTile:hover .TagTile-children a:hover{background:#fff !important;color:var(--w95-blue) !important} .win95-statusbar{max-width:1320px;margin:-42px auto 18px;display:flex;gap:3px;padding:3px;background:var(--w95-panel);border-left:3px solid var(--w95-light);border-right:3px solid var(--w95-deep);border-bottom:3px solid var(--w95-deep);box-sizing:border-box;color:#000;font-size:12px} .win95-status-cell{min-height:24px;display:flex;align-items:center;padding:2px 7px;background:var(--w95-panel);border-top:1px solid var(--w95-dark);border-left:1px solid var(--w95-dark);border-right:1px solid var(--w95-light);border-bottom:1px solid var(--w95-light);box-sizing:border-box;white-space:nowrap} .win95-status-cell:first-child{flex:1} .win95-status-right{margin-left:auto} @media(max-width:1000px){.TagsPage .TagTiles{grid-template-columns:repeat(2,minmax(0,1fr)) !important}} @media(max-width:767px){#app{width:100%;min-height:0 !important;margin:0;display:block} .App,.App-content{display:block} .win95-appbar{width:100%;margin:0} .win95-title-text{font-size:13px} .win95-menubar,.win95-toolbar,.win95-statusbar{overflow-x:auto} .win95-menubar span,.win95-menu-link{white-space:nowrap} .win95-tooltext{display:none} .win95-toolbutton{width:34px;height:34px;flex-shrink:0} .win95-toolicon{height:auto;font-size:18px} .win95-address-label,.win95-address-go{display:none} .win95-addressbar{min-width:160px} .TagsPage .TagTiles{grid-template-columns:1fr !important} .TagsPage .TagTile{min-height:100px !important} .DiscussionPage-list,.DiscussionPage-listPane{display:none !important} .Post{margin-left:4px !important;margin-right:4px !important} .win95-statusbar{width:100%;margin:0} .win95-status-cell{flex-shrink:0}} .win95-rulebook-menu{cursor:pointer !important} .WelcomeHero .Hero-subtitle,.WelcomeHero p{white-space:pre-line !important} .IndexPage-nav .Button-icon,.IndexPage-nav .icon,.IndexPage-nav i{flex-shrink:0} .win95-nav-small-icon{width:16px;height:16px;min-width:16px;margin-right:7px;display:inline-flex;align-items:center;justify-content:center;vertical-align:-3px;color:#000;font-size:12px;line-height:16px;text-align:center;flex:0 0 16px} .win95-nav-small-icon i{width:16px;color:inherit !important;font-size:12px !important;line-height:16px !important;text-align:center} .IndexPage-nav .Dropdown-menu>li.active .win95-nav-small-icon,.IndexPage-nav .Dropdown-menu>li>a:hover .win95-nav-small-icon,.IndexPage-nav .Dropdown-menu>li>button:hover .win95-nav-small-icon{color:#fff !important} .TagsPage .TagTile-children a{display:inline-flex !important;align-items:center} .TagsPage .TagTile-children .win95-nav-small-icon{color:var(--w95-blue)} .TagsPage .TagTile:hover .win95-nav-small-icon{color:#fff !important} .TagsPage .TagTile:hover .TagTile-children a:hover .win95-nav-small-icon{color:var(--w95-blue) !important} .IndexPage-nav .TagIcon{position:relative !important;width:16px !important;height:16px !important;min-width:16px !important;margin-right:8px !important;flex:0 0 16px !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;overflow:visible !important;box-sizing:border-box !important} .IndexPage-nav .TagIcon::before{content:"" !important;position:absolute !important;left:1px !important;top:5px !important;width:14px !important;height:10px !important;background:#ffff00 !important;border:1px solid #808000 !important;box-shadow:inset 1px 1px #ffffff,1px 1px #000000 !important;box-sizing:border-box !important;z-index:2 !important} .IndexPage-nav .TagIcon::after{content:"" !important;position:absolute !important;left:1px !important;top:2px !important;width:8px !important;height:5px !important;background:#ffff00 !important;border-top:1px solid #808000 !important;border-left:1px solid #808000 !important;border-right:1px solid #808000 !important;box-shadow:inset 1px 1px #ffffff !important;box-sizing:border-box !important;z-index:1 !important} .IndexPage-nav .Dropdown-menu>li.active .TagIcon::after{left:1px !important;top:3px !important;width:14px !important;height:10px !important;background:#ffff00 !important;border:1px solid #808000 !important;box-shadow:inset 1px 1px #ffffff !important;z-index:1 !important} .IndexPage-nav .Dropdown-menu>li.active .TagIcon::before{left:1px !important;top:7px !important;width:14px !important;height:8px !important;background:#ffff66 !important;border:1px solid #808000 !important;box-shadow:inset 1px 1px #ffffff,1px 1px #000000 !important;transform:skewX(-10deg) !important;transform-origin:bottom left !important;z-index:3 !important} .IndexPage-nav .Dropdown-menu>li.active .TagIcon{color:#000 !important} .IndexPage-nav .Dropdown-menu>li,.IndexPage-nav .Dropdown-menu>li>a,.IndexPage-nav .Dropdown-menu>li>button{overflow:visible !important} .IndexPage-nav .win95-original-nav-icon{display:none !important} .win95-top-nav-icon{position:relative;width:16px;height:16px;min-width:16px;margin-right:8px;display:inline-block;vertical-align:-3px;flex:0 0 16px;box-sizing:border-box;color:#000} .win95-top-nav-icon--topics::before{content:"";position:absolute;left:1px;top:2px;width:12px;height:9px;background:#fff;border:2px solid #000;border-radius:6px;box-sizing:border-box} .win95-top-nav-icon--topics::after{content:"";position:absolute;left:3px;top:10px;width:5px;height:4px;background:#fff;border-left:2px solid #000;border-bottom:2px solid #000;transform:skewX(-35deg);box-sizing:border-box} .win95-top-nav-icon--following{background:transparent} .win95-top-nav-icon--following::before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;background:#000;clip-path:polygon(50% 0%,61% 34%,98% 35%,68% 56%,79% 92%,50% 70%,21% 92%,32% 56%,2% 35%,39% 34%)} .win95-top-nav-icon--tags::before{content:"";position:absolute;left:1px;top:1px;width:6px;height:6px;background:#000;box-shadow:8px 0 #000,0 8px #000,8px 8px #000} .IndexPage-nav .Dropdown-menu>li.active .win95-top-nav-icon--topics::before,.IndexPage-nav .Dropdown-menu>li>a:hover .win95-top-nav-icon--topics::before,.IndexPage-nav .Dropdown-menu>li>button:hover .win95-top-nav-icon--topics::before{border-color:#fff} .IndexPage-nav .Dropdown-menu>li.active .win95-top-nav-icon--topics::after,.IndexPage-nav .Dropdown-menu>li>a:hover .win95-top-nav-icon--topics::after,.IndexPage-nav .Dropdown-menu>li>button:hover .win95-top-nav-icon--topics::after{border-color:#fff} .IndexPage-nav .Dropdown-menu>li.active .win95-top-nav-icon--following::before,.IndexPage-nav .Dropdown-menu>li>a:hover .win95-top-nav-icon--following::before,.IndexPage-nav .Dropdown-menu>li>button:hover .win95-top-nav-icon--following::before{background:#fff} .IndexPage-nav .Dropdown-menu>li.active .win95-top-nav-icon--tags::before,.IndexPage-nav .Dropdown-menu>li>a:hover .win95-top-nav-icon--tags::before,.IndexPage-nav .Dropdown-menu>li>button:hover .win95-top-nav-icon--tags::before{background:#fff;box-shadow:8px 0 #fff,0 8px #fff,8px 8px #fff} .IndexPage-nav .Dropdown-menu>li>a,.IndexPage-nav .Dropdown-menu>li>button{display:flex;align-items:center} .IndexPage-nav .Dropdown-menu>li.win95-parent-open>a,.IndexPage-nav .Dropdown-menu>li.win95-parent-open>button{background:transparent !important;color:#000 !important} .IndexPage-nav .Dropdown-menu>li.win95-parent-open>a *,.IndexPage-nav .Dropdown-menu>li.win95-parent-open>button *{color:#000 !important} .IndexPage-nav .Dropdown-menu>li.win95-parent-open>a:hover,.IndexPage-nav .Dropdown-menu>li.win95-parent-open>button:hover{background:var(--w95-blue) !important;color:#fff !important} .IndexPage-nav .Dropdown-menu>li.win95-parent-open>a:hover *,.IndexPage-nav .Dropdown-menu>li.win95-parent-open>button:hover *{color:#fff !important} .IndexPage-nav .Dropdown-menu>li.win95-parent-open .TagIcon::after{left:1px !important;top:3px !important;width:14px !important;height:10px !important;background:#ffff00 !important;border:1px solid #808000 !important;box-shadow:inset 1px 1px #fff !important;z-index:1 !important} .IndexPage-nav .Dropdown-menu>li.win95-parent-open .TagIcon::before{left:1px !important;top:7px !important;width:14px !important;height:8px !important;background:#ffff66 !important;border:1px solid #808000 !important;box-shadow:inset 1px 1px #fff,1px 1px #000 !important;transform:skewX(-10deg) !important;transform-origin:bottom left !important;z-index:3 !important} .IndexPage-nav .win95-tree-parent>a,.IndexPage-nav .win95-tree-parent>button{position:relative;padding-left:28px !important} .IndexPage-nav .win95-tree-parent>a::before,.IndexPage-nav .win95-tree-parent>button::before{content:"+";position:absolute;left:5px;top:50%;width:11px;height:11px;margin-top:-6px;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;border:1px solid #808080;box-sizing:border-box;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;font-size:10px;font-weight:bold;line-height:9px;z-index:4} .IndexPage-nav .win95-tree-parent.win95-tree-open>a::before,.IndexPage-nav .win95-tree-parent.win95-tree-open>button::before{content:"−"} .IndexPage-nav .win95-tree-parent>a::after,.IndexPage-nav .win95-tree-parent>button::after{content:"";position:absolute;left:16px;top:50%;width:8px;border-top:1px dotted #808080} .IndexPage-nav .win95-tree-child>a,.IndexPage-nav .win95-tree-child>button{position:relative;padding-left:47px !important} .IndexPage-nav .win95-tree-child>a::before,.IndexPage-nav .win95-tree-child>button::before{content:"";position:absolute;left:10px;top:-50%;width:1px;height:100%;border-left:1px dotted #808080;box-sizing:border-box} .IndexPage-nav .win95-tree-child>a::after,.IndexPage-nav .win95-tree-child>button::after{content:"";position:absolute;left:10px;top:50%;width:17px;border-top:1px dotted #808080} .IndexPage-nav .win95-tree-child.win95-tree-last-child>a::before,.IndexPage-nav .win95-tree-child.win95-tree-last-child>button::before{height:50%} .IndexPage-nav .win95-tree-child .win95-nav-small-icon{position:relative;z-index:3;background:var(--w95-panel)} .IndexPage-nav .win95-tree-child.active .win95-nav-small-icon{background:var(--w95-blue)} .IndexPage-nav .win95-tree-parent>a:hover::before,.IndexPage-nav .win95-tree-parent>button:hover::before{background:#fff;color:#000} .IndexPage-nav .win95-tree-parent>a,.IndexPage-nav .win95-tree-parent>button{padding-left:36px !important} .IndexPage-nav .win95-tree-parent>a .TagIcon,.IndexPage-nav .win95-tree-parent>button .TagIcon{margin-left:4px !important;margin-right:8px !important} .IndexPage-nav .win95-tree-parent>a::after,.IndexPage-nav .win95-tree-parent>button::after{left:16px !important;width:12px !important} .IndexPage-nav .win95-tree-child>a,.IndexPage-nav .win95-tree-child>button{padding-left:51px !important} .IndexPage-nav .win95-tree-child>a::after,.IndexPage-nav .win95-tree-child>button::after{width:19px !important} body.win95-rulebook-page .IndexPage .Hero,body.win95-rulebook-page .TagHero{display:none !important} body.win95-rulebook-page .IndexPage-nav{display:none !important} body.win95-rulebook-page .IndexPage-results{width:100% !important;max-width:none !important;margin-left:0 !important;padding:8px !important;box-sizing:border-box !important} body.win95-rulebook-page .IndexPage-toolbar{display:none !important} body.win95-rulebook-page .DiscussionList{display:none !important} .win95-rulebook-embed{width:100%;margin:0;padding:3px;background:var(--w95-panel);border:2px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);box-sizing:border-box} .win95-rulebook-frame{display:block;width:100%;height:calc(100vh - 300px);min-height:680px;margin:0;background:#fff;border:0;box-sizing:border-box} body.win95-rulebook-page .IndexPage .container{max-width:none !important} @media(max-width:767px){body.win95-rulebook-page .IndexPage-results{padding:3px !important} .win95-rulebook-frame{height:78vh;min-height:560px}} .Composer{background:var(--w95-panel) !important;color:#000 !important;border:3px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important;border-radius:0 !important;box-shadow:2px 2px 0 #000,inset 1px 1px var(--w95-mid) !important;overflow:hidden !important} @media(min-width:768px){.Composer:not(.minimized){min-height:430px}} .Composer-header{min-height:31px !important;margin:3px !important;padding:3px 4px 3px 7px !important;display:flex !important;align-items:center !important;background:var(--w95-blue) !important;color:#fff !important;border:0 !important;box-shadow:none !important;box-sizing:border-box} .Composer-header h3,.Composer-header a,.Composer-header .ComposerBody-header-title,.Composer-header .ComposerBody-header-title a{color:#fff !important;font-size:13px !important;font-weight:bold !important;text-shadow:none !important} .Composer-controls{display:flex !important;align-items:center !important;gap:3px !important} .Composer-controls .Button,.Composer-header .Button--icon{width:23px !important;height:22px !important;min-width:23px !important;padding:0 !important;background:var(--w95-panel) !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important;border-radius:0 !important;box-shadow:none !important;line-height:18px !important} .Composer-controls .Button:hover,.Composer-header .Button--icon:hover{background:var(--w95-mid) !important} .Composer-controls .Button:active,.Composer-header .Button--icon:active{border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important;padding-top:1px !important;padding-left:1px !important} .Composer-controls i,.Composer-header .Button--icon i{color:#000 !important;font-size:11px !important;text-shadow:none !important} .ComposerBody,.Composer-content{background:var(--w95-panel) !important;color:#000 !important} .ComposerBody{padding:0 6px 6px !important} .ComposerBody-header{margin:0 !important;padding:6px 4px !important;background:var(--w95-panel) !important;border-top:1px solid var(--w95-light) !important;border-bottom:1px solid var(--w95-dark) !important;box-shadow:none !important} .ComposerBody-header .FormControl,.ComposerBody-header input,.ComposerBody-header .SelectTagList{background:#fff !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important;border-radius:0 !important;box-shadow:inset 1px 1px #000 !important} .Composer .TextEditor{background:var(--w95-panel) !important} .Composer .TextEditor-editor,.Composer textarea.TextEditor-editor,.Composer .ComposerBody-editor textarea,.Composer textarea{background:#fff !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important;border-radius:0 !important;box-shadow:inset 1px 1px #000,inset -1px -1px var(--w95-mid) !important;padding:10px !important;font-family:Tahoma,"Microsoft Sans Serif",Arial,sans-serif !important;font-size:14px !important;line-height:1.6 !important;resize:none} .Composer textarea:focus,.Composer input:focus,.Composer .FormControl:focus{outline:1px dotted #000 !important;outline-offset:-4px !important;box-shadow:inset 1px 1px #000,inset -1px -1px var(--w95-mid) !important} .Composer .TextEditor-controls{margin-top:4px !important;padding:4px !important;background:var(--w95-panel) !important;border-top:1px solid var(--w95-light) !important;box-shadow:none !important} .Composer .TextEditor-controls .Button,.Composer .TextEditor-controls button{min-width:28px;min-height:26px;background:var(--w95-panel) !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important;border-radius:0 !important;box-shadow:none !important} .Composer .TextEditor-controls .Button:hover,.Composer .TextEditor-controls button:hover{background:var(--w95-mid) !important} .Composer .TextEditor-controls .Button:active,.Composer .TextEditor-controls button:active{border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important} .Composer .TextEditor-controls .Button--primary,.Composer .Button--primary{min-width:74px;background:var(--w95-panel) !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important;border-radius:0 !important;font-weight:normal !important;box-shadow:0 0 0 1px #000 !important} .Composer .Button--primary:focus{outline:1px dotted #000 !important;outline-offset:-5px !important} .Composer .ComposerBody-preview,.Composer .TextEditor-preview{background:#fff !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important;border-radius:0 !important;box-shadow:inset 1px 1px #000 !important;padding:10px !important} .Composer.minimized{background:var(--w95-panel) !important;border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important} .Composer.minimized .Composer-header{margin:2px !important} @media(max-width:767px){.Composer{border-width:2px !important;box-shadow:none !important} .Composer-header{margin:2px !important} .ComposerBody{padding-left:3px !important;padding-right:3px !important} .Composer .TextEditor-editor,.Composer textarea{font-size:14px !important}} .Composer{position:relative !important} .win95-composer-titlebar{position:relative;width:auto;height:30px;margin:3px 3px 0;padding:0 82px 0 5px;display:flex;align-items:center;background:var(--w95-blue);color:#fff;box-sizing:border-box;overflow:hidden} .win95-composer-title-left{min-width:0;display:flex;align-items:center;gap:6px} .win95-composer-app-icon{width:18px;height:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--w95-blue);border:1px solid;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light);box-sizing:border-box;font-family:"Times New Roman",serif;font-size:13px;font-weight:bold;line-height:16px} .win95-composer-window-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff !important;font-size:13px;font-weight:bold} .Composer .Composer-controls{position:absolute !important;top:7px !important;right:7px !important;z-index:20 !important;margin:0 !important;display:flex !important;gap:2px !important} .Composer .Composer-controls .Button{width:22px !important;height:20px !important;min-width:22px !important;margin:0 !important;padding:0 !important;background:var(--w95-panel) !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important;border-radius:0 !important;box-shadow:none !important} .Composer .Composer-controls .Button:active{border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important} .win95-composer-menubar{min-height:28px;margin:0 3px;padding:2px 4px;display:flex;align-items:center;gap:1px;background:var(--w95-panel);color:#000;border-bottom:1px solid var(--w95-dark);box-sizing:border-box} .win95-composer-menu-item{padding:3px 7px;color:#000;font-size:12px;line-height:18px;white-space:nowrap;cursor:default} .win95-composer-menu-item:hover{background:var(--w95-blue);color:#fff} .Composer .Composer-header,.Composer .ComposerBody-header{background:var(--w95-panel) !important;color:#000 !important} .Composer .Composer-header a,.Composer .Composer-header h3,.Composer .ComposerBody-header a,.Composer .ComposerBody-header h3{color:#000 !important} .Composer .ComposerBody-header input[type="text"]{height:28px !important;padding:3px 6px !important;background:#fff !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important;border-radius:0 !important;box-sizing:border-box !important} .Composer.minimized .win95-composer-menubar{display:none} .Composer.minimized .win95-composer-titlebar{margin-bottom:3px} @media(max-width:767px){.win95-composer-titlebar{height:28px;margin:2px 2px 0;padding-right:76px} .win95-composer-menubar{margin:0 2px;overflow-x:auto;overflow-y:hidden} .win95-composer-menu-item{flex-shrink:0;padding-left:6px;padding-right:6px} .Composer .Composer-controls{top:6px !important;right:5px !important}} .Composer .win95-wordpad-toolbar{min-height:34px;margin:4px 3px 0 !important;padding:3px !important;display:flex !important;align-items:center !important;gap:2px !important;background:var(--w95-panel) !important;border-top:1px solid var(--w95-light) !important;border-left:1px solid var(--w95-light) !important;border-right:1px solid var(--w95-dark) !important;border-bottom:1px solid var(--w95-dark) !important;box-sizing:border-box !important;overflow-x:auto} .Composer .win95-wordpad-tool{width:26px !important;height:24px !important;min-width:26px !important;min-height:24px !important;padding:0 !important;margin:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:var(--w95-panel) !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important;border-radius:0 !important;box-shadow:none !important;flex:0 0 26px !important} .Composer .win95-wordpad-tool i{margin:0 !important;color:#000 !important;font-size:12px !important;line-height:1 !important} .Composer .win95-wordpad-tool:hover{background:var(--w95-mid) !important} .Composer .win95-wordpad-tool:active,.Composer .win95-wordpad-tool.active{border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important;padding-top:1px !important;padding-left:1px !important} .Composer .win95-wordpad-submit{height:27px !important;min-width:78px !important;margin-right:8px !important;padding:0 14px !important;background:var(--w95-panel) !important;color:#000 !important;border:2px solid !important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important;border-radius:0 !important;box-shadow:0 0 0 1px #000 !important;font-weight:normal !important;flex:0 0 auto !important} .Composer .win95-wordpad-submit::after{content:""} .win95-composer-statusbar{min-height:25px;margin:3px;display:flex;gap:3px;padding:2px;background:var(--w95-panel);border-top:1px solid var(--w95-light);box-sizing:border-box;color:#000;font-size:11px} .win95-composer-status-cell{min-height:20px;padding:2px 6px;display:flex;align-items:center;background:var(--w95-panel);border-top:1px solid var(--w95-dark);border-left:1px solid var(--w95-dark);border-right:1px solid var(--w95-light);border-bottom:1px solid var(--w95-light);box-sizing:border-box;white-space:nowrap} .win95-composer-status-main{flex:1 1 auto;min-width:80px} .win95-composer-status-cell:nth-child(2){min-width:76px;justify-content:center} .win95-composer-charcount{min-width:92px;justify-content:flex-end} .Composer.minimized .win95-composer-statusbar{display:none} @media(max-width:767px){.Composer .win95-wordpad-toolbar{margin-left:2px !important;margin-right:2px !important} .win95-composer-statusbar{margin:2px;overflow-x:auto} .win95-composer-status-cell{flex-shrink:0} .win95-composer-status-main{min-width:120px}} @media(min-width:768px){.Composer:not(.minimized){bottom:32px!important;overflow:hidden!important}.Composer:not(.minimized)>.win95-composer-statusbar{position:absolute!important;left:3px!important;right:3px!important;bottom:3px!important;width:auto!important;margin:0!important;z-index:20!important}.Composer:not(.minimized) .TextEditor-editor,.Composer:not(.minimized) textarea.TextEditor-editor,.Composer:not(.minimized) .ComposerBody-editor textarea{height:235px!important;min-height:235px!important}} .Modal{color:#000!important} .Modal-content{background:var(--w95-panel)!important;color:#000!important;border:3px solid!important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important;border-radius:0!important;box-shadow:2px 2px 0 #000!important;padding:3px!important;overflow:hidden!important} .Modal-header{position:relative!important;min-height:30px!important;margin:0!important;padding:6px 38px 6px 8px!important;background:var(--w95-blue)!important;color:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important} .Modal-title{margin:0!important;color:#fff!important;font-size:13px!important;font-weight:bold!important;line-height:18px!important;text-align:left!important} .Modal-header .Button--icon,.Modal-header .Modal-close,.Modal-header .Button{position:absolute!important;top:4px!important;right:4px!important;width:22px!important;height:22px!important;min-width:22px!important;padding:0!important;background:var(--w95-panel)!important;color:#000!important;border:2px solid!important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important;border-radius:0!important;box-shadow:none!important;line-height:17px!important} .Modal-header .Button--icon:active,.Modal-header .Modal-close:active,.Modal-header .Button:active{border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important;padding-top:1px!important;padding-left:1px!important} .Modal-header .Button--icon i,.Modal-header .Modal-close i,.Modal-header .Button i{color:#000!important;font-size:11px!important} .Modal-body{margin:3px 0 0!important;padding:16px!important;background:var(--w95-panel)!important;color:#000!important;border:0!important} .Modal-body label,.Modal-body p,.Modal-body .helpText{color:#000!important} .Modal-body .FormControl,.Modal-body input[type="text"],.Modal-body input[type="email"],.Modal-body input[type="password"],.Modal-body textarea,.Modal-body select{background:#fff!important;color:#000!important;border:2px solid!important;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important;border-radius:0!important;box-shadow:inset 1px 1px #000!important} .Modal-body .Button{background:var(--w95-panel)!important;color:#000!important;border:2px solid!important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important;border-radius:0!important;box-shadow:none!important} .Modal-body .Button:active{border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important} .Modal-body .Button--primary{background:var(--w95-panel)!important;color:#000!important;box-shadow:0 0 0 1px #000!important} .Modal-footer{padding:8px 16px 14px!important;background:var(--w95-panel)!important;color:#000!important;border:0!important} .Modal-backdrop{background:rgba(0,0,0,.35)!important} @media(min-width:768px){.Modal-content{min-width:420px}} @media(max-width:767px){.Modal-content{border-width:2px!important;box-shadow:none!important} .Modal-body{padding:12px!important}} .Modal-header{display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important} .Modal-title{flex:1!important;text-align:left!important;padding-left:2px!important} .Modal-header .Modal-close,.Modal-header>.Button--icon{top:4px!important;right:4px!important;width:24px!important;height:22px!important;min-width:24px!important;min-height:22px!important;padding:0!important;margin:0!important;font-size:12px!important;line-height:18px!important;box-sizing:border-box!important} .Modal-content.w95-auth{max-width:460px!important} .Modal-content.w95-auth .Modal-body{padding:18px!important} .Modal-content.w95-auth .Form-group{margin-bottom:12px!important} .Modal-content.w95-auth .Button--primary{min-height:36px!important} .Modal-content.w95-danger .Modal-body{position:relative!important;min-height:95px!important;padding:20px 20px 20px 78px!important} .Modal-content.w95-danger .Modal-body:before{content:"!";position:absolute;left:20px;top:22px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffff00;color:#000;border:2px solid #000;font:bold 26px Arial,sans-serif;box-sizing:border-box;clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:10px} .Modal-content.w95-danger .Button--primary{background:#c0c0c0!important;color:#000!important} .Modal-content.w95-danger .Modal-footer,.Modal-content.w95-danger .ButtonGroup{text-align:right!important} .Modal-content.w95-report{max-width:520px!important} .Modal-content.w95-report .Modal-body{position:relative!important} .Modal-content.w95-report textarea{min-height:100px!important} .Modal-content.w95-tags{max-width:620px!important} .Modal-content.w95-tags .Modal-body{padding:10px!important} .Modal-content.w95-tags .TagSelectionModal-list,.Modal-content.w95-tags .SelectTagList{background:#fff!important;border:2px solid!important;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important;border-radius:0!important;padding:4px!important} .Modal-content.w95-tags .TagLabel{border-radius:0!important} .Modal-content .helpText,.Modal-content .Form-group>p{font-size:12px!important;color:#404040!important} .Modal-content input[type="checkbox"]{border-radius:0!important} @media(min-width:768px){.Modal-content.w95-danger,.Modal-content.w95-report{min-width:440px!important}} body{padding-bottom:38px!important} .w95-taskbar{position:fixed;left:0;right:0;bottom:0;height:38px;z-index:100000;display:flex;align-items:center;gap:3px;padding:3px 4px;background:var(--w95-panel);border-top:2px solid var(--w95-light);box-shadow:0 -1px var(--w95-dark);box-sizing:border-box;font:12px Tahoma,"Microsoft Sans Serif",Arial,sans-serif;color:#000} .w95-start-button{height:30px;min-width:76px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;background:var(--w95-panel);color:#000;border:2px solid;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light);border-radius:0;box-shadow:none;font:13px Tahoma,Arial,sans-serif;cursor:pointer} .w95-start-button:active,.w95-start-button.pressed{border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep);padding-top:1px;padding-left:10px} .w95-start-logo{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--w95-blue);color:#fff;font-size:11px;font-weight:bold} .w95-task-sep{width:2px;height:29px;margin:0 2px;border-left:1px solid var(--w95-dark);border-right:1px solid var(--w95-light)} .w95-task-app{height:30px;max-width:320px;min-width:180px;display:flex;align-items:center;gap:6px;padding:0 9px;overflow:hidden;background:var(--w95-panel);color:#000;border:2px solid;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep);border-radius:0;font:12px Tahoma,Arial,sans-serif;font-weight:bold;cursor:pointer} .w95-task-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;background:var(--w95-blue);color:#fff;font-size:10px} .w95-task-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .w95-task-spacer{flex:1} .w95-task-tray{height:28px;min-width:100px;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:0 8px;background:var(--w95-panel);border:2px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);box-sizing:border-box} .w95-tray-net{font-size:13px} .w95-tray-clock{min-width:38px;text-align:center;white-space:nowrap} .w95-start-menu{position:fixed;left:3px;bottom:37px;z-index:100001;width:290px;display:none;background:var(--w95-panel);border:3px solid;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light);box-shadow:2px 2px #000;box-sizing:border-box;font:12px Tahoma,"Microsoft Sans Serif",Arial,sans-serif} .w95-start-menu.open{display:flex} .w95-start-side{width:36px;flex:0 0 36px;display:flex;flex-direction:column-reverse;align-items:center;padding:8px 0;overflow:hidden;background:var(--w95-dark);color:#c0c0c0;font:bold 17px Arial,sans-serif;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:1px;box-sizing:border-box} .w95-start-side span:last-child{color:#fff} .w95-start-main{flex:1;padding:3px} .w95-start-main button{width:100%;min-height:48px;display:flex;align-items:center;gap:9px;padding:5px 7px;background:transparent!important;color:#000!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left;cursor:pointer} .w95-start-main button:hover{background:var(--w95-blue)!important;color:#fff!important} .w95-start-main button:hover *{color:#fff!important} .w95-start-icon{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:30px} .w95-start-label{min-width:0;display:flex;flex-direction:column;gap:1px} .w95-start-label b{color:inherit;font-size:13px;font-weight:normal} .w95-start-label small{color:#505050;font-size:10px;white-space:nowrap} .w95-start-sep{height:2px;margin:3px 4px;border-top:1px solid var(--w95-dark);border-bottom:1px solid var(--w95-light)} .win95-statusbar{margin-bottom:42px!important} @media(max-width:767px){body{padding-bottom:36px!important} .w95-taskbar{height:36px;padding:2px} .w95-start-button{height:30px;min-width:66px} .w95-task-app{height:30px;min-width:0;max-width:none;flex:1} .w95-task-tray{height:28px;min-width:55px;padding:0 5px} .w95-tray-net{display:none} .w95-start-menu{left:2px;bottom:35px;width:min(290px,calc(100vw - 4px))} .win95-statusbar{margin-bottom:38px!important}} #app,.win95-appbar,.win95-statusbar{position:relative;z-index:2}body{position:relative!important}.w95-desktop-icons{position:absolute;left:3px;top:315px;z-index:1;width:52px;display:none;flex-direction:column;align-items:center;gap:10px;font:12px Tahoma,"Microsoft Sans Serif",Arial,sans-serif}.w95-desktop-shortcut{width:52px;min-height:66px;padding:1px;display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;cursor:default}.w95-desktop-icon{position:relative;display:block;width:34px;height:32px;flex:0 0 32px;box-sizing:border-box;transform:scale(.9);transform-origin:center bottom}.w95-icon-computer:before{content:"";position:absolute;left:2px;top:1px;width:28px;height:22px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:1px 1px #000}.w95-icon-computer:after{content:"";position:absolute;left:7px;top:5px;width:18px;height:12px;background:#000080;border:1px inset #808080;box-shadow:6px 21px 0 -4px #c0c0c0,10px 21px 0 -4px #c0c0c0}.w95-icon-folder:before,.w95-icon-book:before{content:"";position:absolute;left:2px;top:9px;width:30px;height:20px;background:#ffff00;border:2px solid;border-color:#fff #808000 #808000 #fff;box-shadow:1px 1px #000}.w95-icon-folder:after,.w95-icon-book:after{content:"";position:absolute;left:2px;top:4px;width:15px;height:8px;background:#ffff00;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #808000}.w95-icon-book:before{left:6px;top:2px;width:24px;height:28px;background:#000080;border-color:#8080ff #000 #000 #8080ff}.w95-icon-book:after{left:10px;top:6px;width:14px;height:19px;background:#fff;border:0;box-shadow:3px 0 #dfdfdf}.w95-icon-trash:before{content:"";position:absolute;left:8px;top:8px;width:20px;height:22px;background:#e8e8e8;border:2px solid;border-color:#fff #404040 #404040 #fff;transform:skewX(-3deg)}.w95-icon-trash:after{content:"";position:absolute;left:6px;top:4px;width:24px;height:5px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff}.w95-desktop-name{width:52px;max-width:52px;padding:1px;color:#fff!important;font-size:11px;line-height:14px;text-align:center;text-shadow:1px 1px #000;white-space:normal;word-break:break-all}.w95-desktop-shortcut.selected .w95-desktop-name{background:#000080;outline:1px dotted #fff}.w95-desktop-shortcut:focus{outline:0!important}@media(min-width:1200px){.w95-desktop-icons{display:flex!important}}@media(max-width:1199px){.w95-desktop-icons{display:none!important}} .IndexPage .DiscussionList{padding:0!important;background:#fff!important;overflow:hidden!important}.w95-explorer-list{margin:0!important;padding:0!important;background:#fff!important}.w95-explorer-head,.w95-explorer-row{display:grid;grid-template-columns:minmax(230px,2fr) minmax(160px,1.2fr) minmax(190px,1.35fr) 65px 110px}.w95-explorer-head{height:27px;background:var(--w95-panel);border-bottom:1px solid var(--w95-deep);color:#000;font:12px Tahoma,"Microsoft Sans Serif",Arial,sans-serif}.w95-explorer-head>div{display:flex;align-items:center;padding:0 7px;border:2px solid;border-color:var(--w95-light) var(--w95-dark) var(--w95-dark) var(--w95-light);box-sizing:border-box;white-space:nowrap}.w95-explorer-list>.w95-explorer-item>*:not(.w95-explorer-row){display:none!important}.w95-explorer-list>.w95-explorer-item{display:block!important;min-height:28px!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;border-bottom:1px dotted #c8c8c8!important;box-shadow:none!important}.w95-explorer-list>.w95-explorer-item>.w95-explorer-row{display:grid!important;min-height:28px!important;align-items:center;background:#fff!important;color:#000!important;font:12px Tahoma,"Microsoft Sans Serif",Arial,sans-serif}.w95-explorer-row>*{min-width:0;padding:4px 7px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.w95-explorer-name{display:flex!important;align-items:center;gap:6px;color:#000!important;text-decoration:none!important;font-weight:normal!important}.w95-explorer-file{position:relative;width:16px;height:16px;flex:0 0 16px;background:#fff;border:1px solid #808080;box-sizing:border-box}.w95-explorer-file:before{content:"";position:absolute;left:3px;top:4px;width:8px;height:1px;background:#808080;box-shadow:0 3px #808080,0 6px #808080}.w95-explorer-tag{color:#000080!important}.w95-explorer-count{text-align:right!important}.w95-explorer-time{color:#404040!important}.w95-explorer-user{display:block;color:#000!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none!important}.w95-explorer-user:hover{text-decoration:underline!important}.w95-explorer-item:hover>.w95-explorer-row,.w95-explorer-item:hover>.w95-explorer-row>*,.w95-explorer-item:hover>.w95-explorer-row a{background:var(--w95-blue)!important;color:#fff!important}.w95-explorer-item:hover .w95-explorer-file{background:#fff!important;border-color:#fff!important}.IndexPage .DiscussionList-empty{min-height:90px!important;display:flex;align-items:center;justify-content:center;background:#fff!important;border:0!important;color:#808080!important;font-size:14px}@media(max-width:1050px){.w95-explorer-head,.w95-explorer-row{grid-template-columns:minmax(230px,2fr) minmax(140px,1fr) minmax(130px,1fr) 60px!important}.w95-explorer-head>div:nth-child(5),.w95-explorer-time{display:none!important}}@media(max-width:767px){.w95-explorer-head,.w95-explorer-row{grid-template-columns:minmax(180px,2fr) minmax(110px,1fr) 55px!important}.w95-explorer-head>div:nth-child(3),.w95-explorer-author,.w95-explorer-head>div:nth-child(5),.w95-explorer-time{display:none!important}} .AlertManager{position:fixed!important;left:10px!important;bottom:46px!important;z-index:100010!important;width:auto!important}.AlertManager .Alert{position:relative!important;min-width:280px!important;max-width:380px!important;min-height:76px!important;margin:0 0 6px!important;padding:34px 40px 12px 48px!important;box-sizing:border-box!important;background:var(--w95-panel)!important;color:#000!important;border:3px solid!important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important;border-radius:0!important;box-shadow:2px 2px #000!important;font-size:13px!important;font-weight:bold!important}.AlertManager .Alert:after{content:"系统提示";position:absolute;left:3px;right:3px;top:3px;height:24px;display:flex;align-items:center;padding:0 6px;background:var(--w95-blue);color:#fff;font-size:12px;font-weight:bold;box-sizing:border-box}.AlertManager .Alert:before{content:"!";position:absolute;left:13px;top:39px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffff00;color:#000;border:2px solid #000;box-sizing:border-box;font:bold 18px Arial,sans-serif}.AlertManager .Alert-controls{position:absolute!important;right:6px!important;top:5px!important;z-index:3!important}.AlertManager .Alert-controls .Button{width:21px!important;height:20px!important;min-width:21px!important;padding:0!important;background:var(--w95-panel)!important;color:#000!important;border:2px solid!important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important;border-radius:0!important}body.w95-controlpanel-page .SettingsPage{background:var(--w95-panel)!important;color:#000!important}.w95-controlpanel{margin:0 0 18px!important;padding:3px!important;background:var(--w95-panel)!important;border:2px solid!important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important;box-shadow:1px 1px #000!important}.w95-cp-titlebar{height:28px;display:flex;align-items:center;padding:0 7px;background:var(--w95-blue);color:#fff;font-weight:bold}.w95-cp-pane{min-height:140px;padding:16px;display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:12px;background:#fff;border:2px solid;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)}.w95-cp-pane button{min-height:96px;padding:6px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:transparent!important;color:#000!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:12px Tahoma,Arial,sans-serif!important;cursor:default}.w95-cp-pane button:hover span:last-child{background:var(--w95-blue);color:#fff}.w95-cp-bigicon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--w95-panel);border:2px solid;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light);font-size:22px;color:var(--w95-blue)}.w95-cp-pane button:nth-child(2) .w95-cp-bigicon{color:#800080}.w95-cp-pane button:nth-child(3) .w95-cp-bigicon{color:#808000}.w95-cp-pane button:nth-child(4) .w95-cp-bigicon{color:#008080}.w95-controlpanel-page .SettingsPage fieldset{margin:14px 0!important;padding:18px 14px 14px!important;background:var(--w95-panel)!important;border:2px solid!important;border-color:var(--w95-light) var(--w95-dark) var(--w95-dark) var(--w95-light)!important;border-radius:0!important;box-shadow:1px 1px #000!important}.w95-controlpanel-page fieldset legend{padding:0 5px!important;background:var(--w95-panel)!important;color:#000!important;font-weight:bold!important}@media(max-width:900px){.w95-cp-pane{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.w95-cp-pane{padding:9px;gap:7px}.w95-cp-pane button{min-height:84px}}.UserPage .UserCard--hero{position:relative!important;padding-top:38px!important;background:var(--w95-panel)!important;color:#000!important;border:2px solid!important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important;border-radius:0!important;box-shadow:none!important}.w95-userprop-titlebar{position:absolute;left:3px;right:3px;top:3px;height:28px;display:flex;align-items:center;padding:0 7px;background:var(--w95-blue);color:#fff;font-size:13px;font-weight:bold;z-index:5}.UserPage .UserCard-profile{min-height:120px!important;padding:16px 20px!important;background:var(--w95-panel)!important;color:#000!important}.UserPage .UserCard-avatar{margin-right:20px!important}.UserPage .UserCard .Avatar{border-radius:0!important;border:3px solid!important;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important;box-shadow:none!important}.UserPage .UserCard-identity,.UserPage .UserCard-identity a,.UserPage .UserCard-name,.UserPage .UserCard-name a,.UserPage .UserCard-info,.UserPage .UserCard-info *,.UserPage .UserCard-lastSeen{color:#000!important;text-shadow:none!important}.UserPage .UserCard-identity{font-size:20px!important;font-weight:bold!important}.UserPage .UserCard-controls{top:48px!important;right:18px!important}.UserPage .UserCard-controls .Button{background:var(--w95-panel)!important;color:#000!important;border:2px solid!important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important;border-radius:0!important;box-shadow:none!important}@media(max-width:767px){.UserPage .UserCard--hero{padding-top:38px!important}.UserPage .UserCard-profile{padding:12px!important}}.Search.w95-find-active{position:fixed!important;left:50%!important;top:18%!important;transform:translateX(-50%)!important;z-index:100050!important;width:min(680px,calc(100vw - 30px))!important;max-width:none!important;padding:38px 8px 8px!important;box-sizing:border-box!important;background:var(--w95-panel)!important;border:3px solid!important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important;border-radius:0!important;box-shadow:3px 3px #000!important}.w95-find-title{position:absolute;left:3px;right:3px;top:3px;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 3px 0 7px;background:var(--w95-blue);color:#fff;font-size:13px;font-weight:bold;box-sizing:border-box}.w95-find-title button{width:23px!important;height:21px!important;min-width:23px!important;padding:0!important;background:var(--w95-panel)!important;color:#000!important;border:2px solid!important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important;border-radius:0!important;box-shadow:none!important;font:bold 14px Arial!important}.Search.w95-find-active .Search-input{position:relative!important;width:100%!important;max-width:none!important;margin:3px 0 7px!important;padding-left:62px!important;box-sizing:border-box!important}.Search.w95-find-active .Search-input:before{content:"名称：";position:absolute;left:7px;top:50%;transform:translateY(-50%);color:#000;font-size:12px}.Search.w95-find-active .Search-input input{width:100%!important;height:29px!important;background:#fff!important;color:#000!important;border:2px solid!important;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important;border-radius:0!important;box-shadow:inset 1px 1px #000!important}.w95-find-scope{height:31px;display:grid;grid-template-columns:62px 1fr;align-items:center;margin-bottom:6px;font-size:12px}.w95-find-scope>span{padding-left:7px}.w95-find-scope>div{height:25px;display:flex;align-items:center;padding:0 6px;background:#fff;border:2px solid;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep);box-sizing:border-box}.Search.w95-find-active .Dropdown-menu,.Search.w95-find-active .Search-results{position:static!important;width:100%!important;max-width:none!important;max-height:210px!important;min-height:150px!important;margin:4px 0 0!important;padding:3px!important;overflow:auto!important;background:#fff!important;border:2px solid!important;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important}.Search.w95-find-active .Dropdown-menu a,.Search.w95-find-active .Search-results a{min-height:27px!important;padding:5px 7px!important;background:#fff!important;color:#000!important;border-radius:0!important;font-size:12px!important}.Search.w95-find-active .Dropdown-menu a:hover,.Search.w95-find-active .Dropdown-menu .active>a,.Search.w95-find-active .Search-results a:hover{background:var(--w95-blue)!important;color:#fff!important}.Search.w95-find-active .Dropdown-header{padding:4px 6px!important;background:var(--w95-panel)!important;color:#000!important;border-bottom:1px solid var(--w95-dark)!important;font-size:11px!important;font-weight:bold!important}@media(max-width:767px){.Search.w95-find-active{top:10%!important;width:calc(100vw - 14px)!important}.Search.w95-find-active .Dropdown-menu,.Search.w95-find-active .Search-results{max-height:180px!important;min-height:130px!important}} /* ===== Tainted Meridian · Full Visual Restore v4 ===== */ /* Classic selection / focus */ ::selection{background:var(--w95-blue);color:#fff} .Button:focus-visible,.win95-toolbutton:focus-visible,.win95-menu-link:focus-visible,.w95-start-button:focus-visible,.w95-task-app:focus-visible,.w95-desktop-shortcut:focus-visible,.w95-cp-pane button:focus-visible,.w95-explorer-name:focus-visible,.w95-explorer-user:focus-visible{outline:1px dotted #000!important;outline-offset:-4px!important} .Button:disabled,.Button.disabled{color:var(--w95-dark)!important;text-shadow:1px 1px var(--w95-light)!important} /* Classic Chromium scrollbars */ *::-webkit-scrollbar{width:16px;height:16px} *::-webkit-scrollbar-track{background:var(--w95-panel);border:1px solid;border-color:var(--w95-light) var(--w95-dark) var(--w95-dark) var(--w95-light)} *::-webkit-scrollbar-thumb{background:var(--w95-panel);border:2px solid;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)} *::-webkit-scrollbar-corner{background:var(--w95-panel)} /* Main window extra depth */ #app{outline:1px solid var(--w95-dark);outline-offset:-6px} .win95-titlebar,.Composer .win95-composer-titlebar,.Modal-header,.w95-cp-titlebar,.w95-userprop-titlebar,.w95-find-title{box-shadow:inset 0 1px rgba(255,255,255,.18)} /* Header / search / user alignment */ .Header .container{display:flex!important;align-items:center!important} .Header-primary{flex:1 1 auto!important;min-width:0!important} .Header-secondary{display:flex!important;align-items:center!important;margin-left:auto!important;flex:0 0 auto!important} .Header-secondary>ul{display:flex!important;align-items:center!important;margin:0!important} .Header-secondary .item-search{flex:0 0 250px!important;width:250px!important;margin-right:12px!important} .Header .Search:not(.w95-find-active){position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:250px!important;min-width:250px!important;max-width:250px!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important} .Header .Search:not(.w95-find-active) .Search-input{width:100%!important;margin:0!important;padding:0!important} .Header .Search:not(.w95-find-active) .Search-input:before{display:none!important} .Header .Search:not(.w95-find-active) .Search-input input{width:100%!important;height:32px!important} .Search:not(.w95-find-active)>.w95-find-title,.Search:not(.w95-find-active)>.w95-find-scope,.Search:not(.w95-find-active)>.w95-find-status{display:none!important} .Header-secondary .item-flags,.Header-secondary .item-notifications,.Header-secondary .item-session{flex:0 0 auto!important;margin:0!important} .Header-secondary .item-flags .Button,.Header-secondary .item-notifications .Button{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important} .Header-secondary .item-flags .Button i,.Header-secondary .item-notifications .Button i{position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;font-size:14px!important;line-height:1!important;transform:none!important} .Header-secondary .item-flags .Button-icon,.Header-secondary .item-notifications .Button-icon{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important} .Header-secondary .item-session .Button{height:36px!important;min-height:36px!important;display:flex!important;align-items:center!important} /* Search window - restored full visual treatment */ .Search.w95-find-active{position:fixed!important;left:50%!important;right:auto!important;top:190px!important;transform:translateX(-50%)!important;float:none!important;display:block!important;flex:none!important;width:620px!important;min-width:620px!important;max-width:calc(100vw - 40px)!important;min-height:330px!important;margin:0!important;padding:38px 9px 34px!important;z-index:100050!important;background:var(--w95-panel)!important;border:3px solid!important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important;box-shadow:3px 3px #000!important} .Search.w95-find-active>.w95-find-title{display:flex!important} .Search.w95-find-active>.w95-find-scope{display:grid!important} .Search.w95-find-active .Search-input{padding-left:72px!important;margin:3px 0 7px!important} .Search.w95-find-active .Search-input:before{content:"名称：";display:block!important;position:absolute;left:7px;top:50%;transform:translateY(-50%);font-size:12px;color:#000} .Search.w95-find-active .Dropdown-menu,.Search.w95-find-active .Search-results{min-height:170px!important;max-height:210px!important} .Search.w95-find-active::after{content:"就绪";position:absolute;left:7px;right:7px;bottom:6px;height:23px;padding:3px 7px;box-sizing:border-box;background:var(--w95-panel);color:#000;font-size:11px;border:1px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark)} body:has(.Search.w95-find-active)::before{content:"";position:fixed;inset:0;z-index:100040;background:rgba(0,0,0,.18);pointer-events:none} body:has(.Search.w95-find-active) .Search.w95-find-active{z-index:100050!important} /* Explorer polish */ .w95-explorer-head>div{position:relative} .w95-explorer-head>div:active{border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark)!important;padding-top:1px} .w95-explorer-file:after{content:"";position:absolute;right:-1px;top:-1px;width:5px;height:5px;background:var(--w95-panel);border-left:1px solid #808080;border-bottom:1px solid #808080} .w95-explorer-item:hover>.w95-explorer-row{outline:1px dotted #fff;outline-offset:-2px} .w95-explorer-row:nth-child(even){background:#f8f8f8!important} .w95-explorer-item:hover>.w95-explorer-row,.w95-explorer-item:hover>.w95-explorer-row>*{background:var(--w95-blue)!important} /* Side tree visual depth */ .IndexPage-nav .sideNav{box-shadow:inset 1px 1px #fff,inset -1px -1px var(--w95-dark),1px 1px #000!important} .IndexPage-nav .win95-tree-parent>a::before,.IndexPage-nav .win95-tree-parent>button::before{box-shadow:inset 1px 1px #fff} .IndexPage-nav .win95-tree-parent>a:hover::after,.IndexPage-nav .win95-tree-child>a:hover::after{border-color:#fff} /* Tags explorer polish */ .TagsPage .TagTile:focus-within{outline:1px dotted var(--w95-blue);outline-offset:-4px} .TagsPage .TagTile-name a:focus-visible{outline:1px dotted #000} /* Control Panel - restore toolbar/status/focus feel without extra JS */ .w95-controlpanel{position:relative!important} .w95-cp-titlebar{gap:6px!important} .w95-cp-titlebar:before{content:"▣";width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--w95-blue);font-size:10px;border:1px solid var(--w95-light)} .w95-cp-pane{grid-template-rows:auto 1fr;min-height:165px!important;padding:0 18px 18px!important;gap:12px 14px!important} .w95-cp-pane:before{content:"查看计算机设置";grid-column:1/-1;height:28px;margin:0 -18px 2px;padding:6px 9px;box-sizing:border-box;background:var(--w95-panel);color:#000;border-bottom:1px solid var(--w95-dark);font-size:12px} .w95-cp-pane button{min-height:105px!important} .w95-cp-pane button:hover,.w95-cp-pane button:focus-visible{outline:1px dotted #000!important;outline-offset:-4px!important} .w95-cp-pane button:hover>span:last-child,.w95-cp-pane button:focus-visible>span:last-child{background:var(--w95-blue);color:#fff} .w95-controlpanel::after{content:"4 个对象";display:block;height:23px;margin-top:3px;padding:3px 7px;box-sizing:border-box;background:var(--w95-panel);color:#000;font-size:11px;border:1px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark)} .w95-controlpanel-page fieldset:target,.w95-controlpanel-page fieldset:focus-within{outline:2px dotted var(--w95-blue)!important;outline-offset:3px} /* User properties - restore decorative tabs */ .UserPage .UserCard--hero{position:relative!important;padding-top:64px!important} .UserPage .UserCard--hero::after{content:"常规 活动 权限";position:absolute;left:8px;top:35px;height:27px;padding:4px 12px;box-sizing:border-box;background:var(--w95-panel);color:#000;font-size:12px;font-weight:bold;border:2px solid;border-color:var(--w95-light) var(--w95-deep) var(--w95-panel) var(--w95-light);z-index:4;word-spacing:18px} .UserPage .UserCard-controls{top:74px!important} .UserPage .UserCard-profile{min-height:128px!important;padding:18px 20px!important} .UserPage .UserCard .Avatar{box-shadow:1px 1px #000!important} .UserPage .UserCard-controls .Button:focus-visible{outline:1px dotted #000!important;outline-offset:-5px!important} /* Composer / WordPad polish */ .win95-composer-menubar{box-shadow:inset 0 1px #fff} .Composer .win95-wordpad-toolbar{box-shadow:inset 1px 1px #fff,inset -1px -1px var(--w95-dark)!important} .Composer .win95-wordpad-tool:focus-visible,.Composer .win95-wordpad-submit:focus-visible{outline:1px dotted #000!important;outline-offset:-4px!important} .win95-composer-statusbar{box-shadow:inset 0 1px #fff} /* Modal polish */ .Modal-content{outline:1px solid #000;outline-offset:-5px} .Modal-header .Button:focus-visible,.Modal-body .Button:focus-visible{outline:1px dotted #000!important;outline-offset:-4px!important} .Modal-content.w95-danger .Modal-body:before{filter:drop-shadow(1px 1px #808080)} /* Alerts */ .AlertManager .Alert{outline:1px solid #000;outline-offset:-5px} .AlertManager .Alert-controls .Button:focus-visible{outline:1px dotted #000!important;outline-offset:-4px!important} /* Taskbar / Start menu extra classic detail */ .w95-taskbar{box-shadow:inset 0 1px #fff,0 -1px var(--w95-dark)!important} .w95-start-button{font-weight:bold!important} .w95-start-button:focus-visible{outline:1px dotted #000!important;outline-offset:-5px!important} .w95-task-app:focus-visible{outline:1px dotted #000!important;outline-offset:-5px!important} .w95-task-tray{box-shadow:inset 1px 1px var(--w95-dark),inset -1px -1px #fff} .w95-start-main button:focus-visible{background:var(--w95-blue)!important;color:#fff!important;outline:1px dotted #fff!important;outline-offset:-3px!important} .w95-start-main button:focus-visible *{color:#fff!important} /* Desktop icon focus */ .w95-desktop-shortcut:focus-visible{outline:0!important} .w95-desktop-shortcut:focus-visible .w95-desktop-name{background:var(--w95-blue);color:#fff!important;outline:1px dotted #fff} /* Status bars */ .win95-statusbar,.win95-composer-statusbar{font-family:"Microsoft Sans Serif",Tahoma,Arial,sans-serif} @media(max-width:767px){ .Header-secondary .item-search{flex:1 1 auto!important;width:auto!important;margin-right:4px!important} .Header .Search:not(.w95-find-active){width:100%!important;min-width:0!important;max-width:none!important} .Search.w95-find-active{top:90px!important;width:calc(100vw - 14px)!important;min-width:0!important;max-width:none!important} .w95-cp-pane{padding:0 10px 10px!important} .w95-cp-pane:before{margin:0 -10px 2px!important} .UserPage .UserCard--hero::after{left:5px;word-spacing:8px;padding-left:8px;padding-right:8px} .UserPage .UserCard-controls{top:72px!important} } /* COMPOSER SLIDE OPEN */ @keyframes w95ComposerOpen{ 0%{ opacity:0; transform:translateY(55px) } 100%{ opacity:1; transform:translateY(0) } } @keyframes w95ComposerInside{ 0%{ opacity:0; transform:translateY(12px) } 100%{ opacity:1; transform:translateY(0) } } @media(min-width:768px){ .Composer:not(.minimized){ animation:w95ComposerOpen .24s cubic-bezier(.2,.8,.3,1) both!important; transform-origin:bottom center } .Composer:not(.minimized) .ComposerBody{ animation:w95ComposerInside .18s ease-out .07s both!important } } @media(min-width:768px){ .Composer:not(.minimized) .win95-composer-titlebar{ animation:w95TitleFlash .18s ease-out both } @keyframes w95TitleFlash{ 0%{filter:brightness(.75)} 55%{filter:brightness(1.25)} 100%{filter:brightness(1)} } } /* COMPOSER CLASSIC POPUP */ @keyframes w95ComposerPopup{ from{ transform:translateY(calc(100% + 45px)) } to{ transform:translateY(0) } } @media(min-width:768px){ .Composer:not(.minimized){ opacity:1!important; animation:w95ComposerPopup .22s cubic-bezier(.18,.7,.25,1) both!important; transform-origin:bottom center!important } .Composer:not(.minimized) .ComposerBody, .Composer:not(.minimized) .win95-composer-titlebar{ opacity:1!important; animation:none!important; transform:none!important; filter:none!important } } /* COMPOSER FULLSCREEN FIX */ @media(min-width:768px){ /* 全屏状态不使用普通弹出动画 */ .Composer.fullScreen{ top:0!important; bottom:auto!important; height:calc(100vh - 38px)!important; max-height:calc(100vh - 38px)!important; animation:none!important; transform:none!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; box-sizing:border-box!important } /* 恢复最上面的 Win95 蓝色标题栏 */ .Composer.fullScreen>.win95-composer-titlebar{ display:flex!important; position:relative!important; top:auto!important; left:auto!important; right:auto!important; flex:0 0 30px!important; width:auto!important; height:30px!important; margin:3px 3px 0!important; z-index:30!important; visibility:visible!important; opacity:1!important } /* 最大化 / 最小化 / 关闭按钮保持在标题栏右侧 */ .Composer.fullScreen>.Composer-controls{ position:absolute!important; top:7px!important; right:7px!important; z-index:40!important } /* 文件 编辑 查看 插入 帮助 */ .Composer.fullScreen>.win95-composer-menubar{ display:flex!important; flex:0 0 28px!important; min-height:28px!important; margin:0 3px!important } /* 正文区域占据剩余空间 */ .Composer.fullScreen .ComposerBody, .Composer.fullScreen .Composer-content{ flex:1 1 auto!important; min-height:0!important; height:auto!important; display:flex!important; flex-direction:column!important; overflow:hidden!important } .Composer.fullScreen .ComposerBody-header{ flex:0 0 auto!important } /* 编辑器整体填满窗口 */ .Composer.fullScreen .ComposerBody-editor, .Composer.fullScreen .TextEditor{ flex:1 1 auto!important; min-height:0!important; height:auto!important; display:flex!important; flex-direction:column!important } /* 关键：取消普通模式的 235px 限制 */ .Composer.fullScreen .TextEditor-editor, .Composer.fullScreen textarea.TextEditor-editor, .Composer.fullScreen .ComposerBody-editor textarea, .Composer.fullScreen textarea{ flex:1 1 auto!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; box-sizing:border-box!important } /* WordPad 工具栏固定在编辑器底部 */ .Composer.fullScreen .win95-wordpad-toolbar, .Composer.fullScreen .TextEditor-controls{ flex:0 0 auto!important } /* 状态栏回到底部，不再使用普通窗口的 absolute 定位 */ .Composer.fullScreen>.win95-composer-statusbar{ position:relative!important; left:auto!important; right:auto!important; bottom:auto!important; width:auto!important; flex:0 0 25px!important; margin:3px!important; z-index:20!important } } @media(min-width:768px){ .Composer:not(.minimized):not(.fullScreen){ animation:w95ComposerPopup .22s cubic-bezier(.18,.7,.25,1) both!important } .Composer.fullScreen{ animation:none!important } } /* COMPOSER FULLSCREEN LAYOUT FINAL */ @media(min-width:768px){ .Composer.fullScreen{ display:flex!important; flex-direction:column!important; height:calc(100vh - 38px)!important; max-height:calc(100vh - 38px)!important; overflow:hidden!important; animation:none!important; transform:none!important } /* 标题栏 */ .Composer.fullScreen>.win95-composer-titlebar{ display:flex!important; flex:0 0 30px!important; height:30px!important; margin:3px 3px 0!important } /* 文件 / 编辑 / 查看... */ .Composer.fullScreen>.win95-composer-menubar{ display:flex!important; flex:0 0 28px!important; height:28px!important; margin:0 3px!important } /* Flarum 外层 */ .Composer.fullScreen .Composer-content{ width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; flex:1 1 auto!important; display:flex!important; flex-direction:column!important; margin:0!important; padding:0 0 30px!important; box-sizing:border-box!important; overflow:hidden!important } /* ComposerBody 本体 */ .Composer.fullScreen .ComposerBody{ width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; flex:1 1 auto!important; display:flex!important; margin:0!important; padding:0 6px!important; box-sizing:border-box!important; overflow:hidden!important } /* 关键：解除 Flarum 中央窄栏限制 */ .Composer.fullScreen .ComposerBody-content{ width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; flex:1 1 auto!important; display:flex!important; flex-direction:column!important; margin:0!important; padding:0!important } /* 回复目标 / 标题栏 */ .Composer.fullScreen .ComposerBody-header{ width:100%!important; max-width:none!important; flex:0 0 auto!important; margin:0!important; box-sizing:border-box!important } /* 编辑器外层 */ .Composer.fullScreen .ComposerBody-editor{ width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; flex:1 1 auto!important; display:flex!important; flex-direction:column!important; margin:0!important } .Composer.fullScreen .TextEditor{ width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; flex:1 1 auto!important; display:flex!important; flex-direction:column!important } /* 真正输入框 */ .Composer.fullScreen .TextEditor-editor, .Composer.fullScreen textarea.TextEditor-editor, .Composer.fullScreen .ComposerBody-editor textarea{ width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; flex:1 1 auto!important; box-sizing:border-box!important } /* 底部按钮工具栏 */ .Composer.fullScreen .win95-wordpad-toolbar, .Composer.fullScreen .TextEditor-controls{ width:100%!important; flex:0 0 auto!important; box-sizing:border-box!important } /* 状态栏固定在窗口最下面 */ .Composer.fullScreen .win95-composer-statusbar{ position:absolute!important; left:3px!important; right:3px!important; bottom:3px!important; width:auto!important; height:25px!important; margin:0!important; display:flex!important; z-index:30!important } /* 全屏状态不再受普通模式 235px 限制 */ .Composer.fullScreen textarea, .Composer.fullScreen .TextEditor-editor{ min-height:0!important; max-height:none!important } } /* COMPOSER FULLSCREEN EDITOR HEIGHT */ @media(min-width:768px){ .Composer.fullScreen .ComposerBody-editor, .Composer.fullScreen .TextEditor{ flex:1 1 auto!important; height:100%!important; min-height:0!important } /* 真正输入区域强制占满剩余高度 */ .Composer.fullScreen .TextEditor-editor, .Composer.fullScreen textarea.TextEditor-editor, .Composer.fullScreen .ComposerBody-editor textarea, .Composer.fullScreen textarea.FormControl{ flex:1 1 auto!important; height:calc(100vh - 260px)!important; min-height:calc(100vh - 260px)!important; max-height:none!important; resize:none!important } /* 工具栏始终贴在输入框下方 */ .Composer.fullScreen .TextEditor-controls, .Composer.fullScreen .win95-wordpad-toolbar{ flex:0 0 38px!important; height:38px!important; margin:0!important } } /* DISCUSSION READER 01 */ .DiscussionPage .PostStream{ counter-reset:w95post } .DiscussionPage .PostStream .Post{ counter-increment:w95post; position:relative!important; margin:14px 0!important; padding:34px 8px 8px!important; background:var(--w95-panel)!important; border:3px solid!important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; box-shadow:2px 2px #000!important; overflow:visible!important } /* 每层帖子蓝色窗口标题栏 */ .DiscussionPage .PostStream .Post:before{ content:"消息 - #" counter(w95post); position:absolute; left:3px; right:3px; top:3px; height:25px; display:flex; align-items:center; padding:0 7px; box-sizing:border-box; background:var(--w95-blue); color:#fff; font:700 12px Tahoma,"Microsoft Sans Serif",Arial,sans-serif; z-index:2 } /* 帖子主体 */ .DiscussionPage .PostStream .Post-body{ margin:0!important; padding:14px 16px!important; min-height:110px; background:#fff!important; color:#000!important; border:2px solid!important; border-color: var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important; box-sizing:border-box!important; font-size:14px!important; line-height:1.7!important } /* 顶部作者 / 时间信息条 */ .DiscussionPage .PostStream .Post-header{ min-height:32px!important; margin:0 0 6px!important; padding:5px 8px!important; background:var(--w95-panel)!important; color:#000!important; border:1px solid!important; border-color: var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark)!important; box-sizing:border-box!important } .DiscussionPage .PostStream .Post-header, .DiscussionPage .PostStream .Post-header a, .DiscussionPage .PostStream .PostMeta, .DiscussionPage .PostStream .PostMeta a{ color:#000!important; text-shadow:none!important } /* 作者区域变成“发件人”感觉 */ .DiscussionPage .PostStream .PostUser{ display:flex!important; align-items:center!important; min-height:44px!important } .DiscussionPage .PostStream .PostUser .Avatar{ width:40px!important; height:40px!important; border-radius:0!important; border:2px solid!important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; box-shadow:none!important } .DiscussionPage .PostStream .PostUser-name, .DiscussionPage .PostStream .PostUser-name a{ color:#000!important; font-weight:bold!important; text-decoration:none!important } /* 回复、赞、更多操作做成 Win95 工具按钮 */ .DiscussionPage .PostStream .Post-actions{ margin-top:6px!important } .DiscussionPage .PostStream .Post-actions .Button, .DiscussionPage .PostStream .Post-footer .Button{ min-height:28px!important; padding:3px 10px!important; background:var(--w95-panel)!important; color:#000!important; border:2px solid!important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; border-radius:0!important; box-shadow:none!important } .DiscussionPage .PostStream .Post-actions .Button:active, .DiscussionPage .PostStream .Post-footer .Button:active{ border-color: var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important } /* 引用更像旧式文档引用 */ .DiscussionPage .Post-body blockquote{ margin:10px 0!important; padding:8px 12px!important; background:var(--w95-panel)!important; color:#000!important; border:2px solid!important; border-color: var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important; border-left:5px solid var(--w95-blue)!important } /* 代码块像记事本输入框 */ .DiscussionPage .Post-body pre{ padding:9px!important; background:#fff!important; color:#000!important; border:2px solid!important; border-color: var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important; border-radius:0!important; box-shadow:none!important } /* 帖子之间增加桌面间距 */ .DiscussionPage .PostStream-item{ margin-bottom:10px!important } /* 主题 Hero 也进一步窗口化 */ .DiscussionPage .DiscussionHero{ position:relative!important; padding-top:32px!important; background:var(--w95-panel)!important } .DiscussionPage .DiscussionHero:before{ content:"主题属性"; position:absolute; left:3px; right:3px; top:3px; height:25px; display:flex; align-items:center; padding:0 7px; background:var(--w95-blue); color:#fff; font-weight:bold; font-size:12px; box-sizing:border-box } /* 右侧 Scrubber 做成导航小窗口 */ .DiscussionPage .Scrubber{ background:var(--w95-panel)!important; border:3px solid!important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; box-shadow:1px 1px #000!important } .DiscussionPage .Scrubber:before{ content:"主题导航"; display:block; margin:-4px -4px 8px; padding:5px 7px; background:var(--w95-blue); color:#fff; font-size:12px; font-weight:bold } @media(max-width:767px){ .DiscussionPage .PostStream .Post{ margin:8px 4px!important; padding:32px 5px 5px!important } .DiscussionPage .PostStream .Post-body{ padding:10px!important } .DiscussionPage .PostStream .Post:before{ height:24px } } /* DISCUSSION USER VISUAL FIX */ /* 用户信息行占满宽度，给徽章腾位置 */ .DiscussionPage .PostUser{ position:relative!important; width:100%!important; box-sizing:border-box!important; padding-right:34px!important } /* 用户组徽章移到最右侧 */ .DiscussionPage .PostUser-badges{ position:absolute!important; left:auto!important; right:2px!important; top:50%!important; transform:translateY(-50%)!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; gap:2px!important; z-index:5!important } /* 每个徽章统一成 Win95 小图标按钮 */ .DiscussionPage .PostUser-badges .Badge{ position:static!important; width:20px!important; height:20px!important; min-width:20px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; border-radius:0!important; border:2px solid!important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; box-shadow:none!important } .DiscussionPage .PostUser-badges .Badge i{ position:static!important; margin:0!important; font-size:11px!important; line-height:1!important } /* 正式帖子头像统一 */ .DiscussionPage .Post .Avatar, /* 回复占位头像 */ .DiscussionPage .ReplyPlaceholder .Avatar, .DiscussionPage .Post--reply .Avatar, /* 已经打开的回复 Composer */ .DiscussionPage .Composer .Avatar{ width:48px!important; height:48px!important; min-width:48px!important; min-height:48px!important; border-radius:0!important; clip-path:none!important; overflow:hidden!important; box-sizing:border-box!important; border:2px solid!important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; box-shadow:1px 1px #000!important } /* 去掉回复占位里可能残留的圆形规则 */ .DiscussionPage .ReplyPlaceholder .Avatar, .DiscussionPage .Post--reply .Avatar{ border-radius:0!important } /* USER MENU + NOTIFICATION CENTER 01 */ /* ===== 用户菜单：Win95 Start Menu ===== */ .SessionDropdown .Dropdown-menu{ position:absolute!important; right:0!important; left:auto!important; width:250px!important; min-width:250px!important; padding:4px 4px 4px 36px!important; background:var(--w95-panel)!important; border:3px solid!important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; border-radius:0!important; box-shadow:2px 2px #000!important; overflow:visible!important } .SessionDropdown .Dropdown-menu:before{ content:"晨昏飘摇"; position:absolute; left:4px; top:4px; bottom:4px; width:27px; display:flex; align-items:center; justify-content:flex-start; padding:7px 4px; box-sizing:border-box; background:#808080; color:#fff; font:bold 13px Tahoma,Arial,sans-serif; writing-mode:vertical-rl; transform:rotate(180deg); letter-spacing:2px } .SessionDropdown .Dropdown-menu>li>a, .SessionDropdown .Dropdown-menu>li>button{ min-height:35px!important; display:flex!important; align-items:center!important; padding:6px 9px!important; box-sizing:border-box!important; background:transparent!important; color:#000!important; border:0!important; border-radius:0!important; font-size:12px!important } .SessionDropdown .Dropdown-menu>li>a:hover, .SessionDropdown .Dropdown-menu>li>button:hover, .SessionDropdown .Dropdown-menu>li.active>a{ background:var(--w95-blue)!important; color:#fff!important } .SessionDropdown .Dropdown-menu i{ width:21px!important; margin-right:7px!important; text-align:center!important; font-size:15px!important; color:inherit!important } .SessionDropdown .Dropdown-separator{ height:2px!important; margin:3px 2px!important; background:transparent!important; border-top:1px solid var(--w95-dark)!important; border-bottom:1px solid var(--w95-light)!important } /* ===== 通知中心：Win95 Inbox ===== */ .NotificationsDropdown .Dropdown-menu{ position:absolute!important; right:0!important; left:auto!important; width:390px!important; max-width:calc(100vw - 20px)!important; padding:33px 5px 28px!important; box-sizing:border-box!important; background:var(--w95-panel)!important; border:3px solid!important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; border-radius:0!important; box-shadow:2px 2px #000!important; overflow:hidden!important } .NotificationsDropdown .Dropdown-menu:before{ content:"▣ 收件箱 - 通知"; position:absolute; left:3px; right:3px; top:3px; height:25px; display:flex; align-items:center; padding:0 7px; box-sizing:border-box; background:var(--w95-blue); color:#fff; font:bold 12px Tahoma,Arial,sans-serif } .NotificationsDropdown .Dropdown-menu:after{ content:"就绪"; position:absolute; left:4px; right:4px; bottom:3px; height:21px; display:flex; align-items:center; padding:0 6px; box-sizing:border-box; background:var(--w95-panel); color:#000; border:1px solid; border-color: var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark); font-size:11px } .NotificationsDropdown .NotificationsDropdown-list, .NotificationsDropdown .NotificationList{ max-height:330px!important; overflow:auto!important; background:#fff!important; border:2px solid!important; border-color: var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important } .NotificationsDropdown .Notification{ margin:0!important; padding:0!important; background:#fff!important; border-bottom:1px dotted #c0c0c0!important; border-radius:0!important } .NotificationsDropdown .Notification a{ min-height:52px!important; padding:7px 8px!important; box-sizing:border-box!important; background:#fff!important; color:#000!important; border-radius:0!important } .NotificationsDropdown .Notification:hover a, .NotificationsDropdown .Notification.unread:hover a{ background:var(--w95-blue)!important; color:#fff!important } .NotificationsDropdown .Notification.unread a{ background:#ffffe1!important } .NotificationsDropdown .Notification:hover *, .NotificationsDropdown .Notification:hover a *, .NotificationsDropdown .Notification.unread:hover *{ color:#fff!important } .NotificationsDropdown .Notification .Avatar{ width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; border-radius:0!important; border:2px solid!important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; box-shadow:none!important } .NotificationsDropdown .Notification-content{ color:#000!important; font-size:12px!important } .NotificationsDropdown .Notification-time{ color:#606060!important; font-size:11px!important } .NotificationsDropdown .Dropdown-header{ margin:0!important; padding:5px 7px!important; background:var(--w95-panel)!important; color:#000!important; border-bottom:1px solid var(--w95-dark)!important; font-size:11px!important; font-weight:bold!important } /* ===== Flags / 待处理事项也统一成系统窗口 ===== */ .FlagsDropdown .Dropdown-menu{ position:absolute!important; right:0!important; left:auto!important; width:360px!important; max-width:calc(100vw - 20px)!important; padding:33px 5px 5px!important; background:var(--w95-panel)!important; border:3px solid!important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; border-radius:0!important; box-shadow:2px 2px #000!important } .FlagsDropdown .Dropdown-menu:before{ content:"⚑ 待处理事项"; position:absolute; left:3px; right:3px; top:3px; height:25px; display:flex; align-items:center; padding:0 7px; box-sizing:border-box; background:var(--w95-blue); color:#fff; font:bold 12px Tahoma,Arial,sans-serif } /* ===== 右上角当前用户按钮再统一一点 ===== */ .Header-secondary .SessionDropdown>.Button{ min-width:175px!important; justify-content:flex-start!important; gap:7px!important; padding-left:8px!important; padding-right:10px!important } .Header-secondary .SessionDropdown>.Button .Avatar{ width:22px!important; height:22px!important; min-width:22px!important; border-radius:0!important; border:1px solid!important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important } /* ===== 下拉出现时稍微有一点旧 Windows 弹出感 ===== */ @keyframes w95MenuOpen{ from{ opacity:0; transform:translateY(-3px) } to{ opacity:1; transform:translateY(0) } } .SessionDropdown.open .Dropdown-menu, .NotificationsDropdown.open .Dropdown-menu, .FlagsDropdown.open .Dropdown-menu{ animation:w95MenuOpen .09s linear both } @media(max-width:767px){ .SessionDropdown .Dropdown-menu, .NotificationsDropdown .Dropdown-menu, .FlagsDropdown .Dropdown-menu{ right:4px!important; max-width:calc(100vw - 8px)!important } .NotificationsDropdown .Dropdown-menu{ width:calc(100vw - 8px)!important } .Header-secondary .SessionDropdown>.Button{ min-width:0!important } } /* USER START MENU FIX */ .SessionDropdown .Dropdown-menu{ padding-left:46px!important; } /* 左侧竖条 */ .SessionDropdown .Dropdown-menu:before{ content:"晨昏飘摇"; left:4px!important; top:4px!important; bottom:4px!important; width:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:6px 0!important; background:#808080!important; color:#fff!important; writing-mode:vertical-rl!important; text-orientation:upright!important; transform:none!important; font:bold 14px "Microsoft YaHei",Tahoma,sans-serif!important; letter-spacing:3px!important; line-height:1!important; } /* 菜单项目 */ .SessionDropdown .Dropdown-menu>li>a, .SessionDropdown .Dropdown-menu>li>button{ position:relative!important; padding-left:12px!important; overflow:visible!important; } /* 图标恢复正常位置 */ .SessionDropdown .Dropdown-menu>li>a>i, .SessionDropdown .Dropdown-menu>li>button>i, .SessionDropdown .Dropdown-menu .icon{ position:static!important; left:auto!important; top:auto!important; width:24px!important; min-width:24px!important; margin:0 8px 0 0!important; padding:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; font-size:15px!important; line-height:1!important; transform:none!important; } /* 分隔线不要伸进左侧竖条 */ .SessionDropdown .Dropdown-separator{ margin-left:0!important; margin-right:2px!important; } /* TAGS EXPLORER LARGE ICON VIEW */ .w95-tags-viewbar{ display:flex; align-items:center; justify-content:space-between; min-height:36px; padding:3px 7px; box-sizing:border-box; background:var(--w95-panel); border-top:2px solid var(--w95-light); border-left:2px solid var(--w95-light); border-right:2px solid var(--w95-deep); color:#000; font-size:12px } .w95-tags-tools{ display:flex; align-items:center; gap:6px } .w95-tags-tools button{ height:27px; padding:0 10px; background:var(--w95-panel); color:#000; border:2px solid; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light); border-radius:0 } .w95-tags-tools button:active{ border-color: var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) } .w95-tags-sep{ width:2px; height:25px; margin:0 4px; border-left:1px solid var(--w95-dark); border-right:1px solid var(--w95-light) } /* 白色文件窗格 */ .TagsPage.w95-tags-explorer .TagTiles{ display:grid!important; grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important; align-content:start!important; gap:18px 8px!important; min-height:440px!important; margin:0!important; padding:24px 18px!important; background:#fff!important; border:2px solid!important; border-color: var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important; box-shadow:inset 1px 1px #000!important; box-sizing:border-box!important } /* 文件夹对象 */ .TagsPage.w95-tags-explorer .TagTile{ position:relative!important; float:none!important; width:auto!important; min-width:0!important; height:110px!important; min-height:110px!important; margin:0!important; padding:0!important; background:#fff!important; color:#000!important; border:0!important; box-shadow:none!important; overflow:visible!important } .TagsPage.w95-tags-explorer .TagTile:hover{ background:#fff!important } /* 大文件夹主体 */ .TagsPage.w95-tags-explorer .TagTile:before{ content:""!important; position:absolute!important; left:50%!important; top:22px!important; width:48px!important; height:31px!important; transform:translateX(-50%)!important; background:#ffff00!important; border:2px solid!important; border-color: #fff #808000 #808000 #fff!important; box-shadow:1px 1px #000!important; box-sizing:border-box!important; z-index:2!important } /* 文件夹顶部标签 */ .TagsPage.w95-tags-explorer .TagTile:after{ content:""!important; position:absolute!important; left:50%!important; top:14px!important; width:23px!important; height:11px!important; transform:translateX(-23px)!important; background:#ffff00!important; border:2px solid!important; border-color: #fff #808000 #ffff00 #fff!important; box-sizing:border-box!important; z-index:1!important } /* 名称区域 */ .TagsPage.w95-tags-explorer .TagTile-info{ position:relative!important; width:100%!important; max-width:none!important; margin:0!important; padding:61px 5px 0!important; text-align:center!important; box-sizing:border-box!important; overflow:visible!important } .TagsPage.w95-tags-explorer .TagTile-name{ display:inline-block!important; width:auto!important; max-width:100%!important; margin:0!important; padding:2px 4px!important; color:#000!important; font-size:13px!important; font-weight:normal!important; line-height:17px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important } .TagsPage.w95-tags-explorer .TagTile-name a{ color:#000!important; text-decoration:none!important } /* 大图标模式不显示原卡片说明与二级标签 */ .TagsPage.w95-tags-explorer .TagTile-description, .TagsPage.w95-tags-explorer .TagTile-children{ display:none!important } /* 子目录数量 */ .w95-tag-meta{ display:block!important; margin-top:3px!important; color:#808080!important; font-size:11px!important; font-weight:normal!important; line-height:14px!important; white-space:nowrap!important } /* Explorer 选中感 */ .TagsPage.w95-tags-explorer .TagTile:hover .TagTile-name, .TagsPage.w95-tags-explorer .TagTile:focus-within .TagTile-name{ background:var(--w95-blue)!important; color:#fff!important; outline:1px dotted #000!important; outline-offset:1px!important } .TagsPage.w95-tags-explorer .TagTile:hover .TagTile-name a, .TagsPage.w95-tags-explorer .TagTile:focus-within .TagTile-name a{ color:#fff!important } /* 底部 Explorer 状态栏 */ .w95-tags-file-status{ display:flex; align-items:center; gap:3px; height:27px; padding:3px; background:var(--w95-panel); border-left:2px solid var(--w95-light); border-right:2px solid var(--w95-deep); border-bottom:2px solid var(--w95-deep); box-sizing:border-box; font-size:11px } .w95-tags-file-status span{ height:19px; display:flex; align-items:center; padding:0 6px; border:1px solid; border-color: var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark); box-sizing:border-box } .w95-tags-file-status span:first-child{ flex:1 } .w95-tags-file-status span:last-child{ min-width:90px } @media(max-width:767px){ .TagsPage.w95-tags-explorer .TagTiles{ grid-template-columns:repeat(2,minmax(0,1fr))!important; min-height:300px!important; padding:15px 8px!important } .w95-tags-viewbar{ overflow-x:auto; white-space:nowrap } } /* TAGS LARGE ICON VIEW - ALIGNMENT + SELECTION FIX */ /* 清掉 Flarum 卡片残留的分隔线/伪元素 */ .TagsPage.w95-tags-explorer .TagTile-info, .TagsPage.w95-tags-explorer .TagTile-name{ border:0!important; box-shadow:none!important } .TagsPage.w95-tags-explorer .TagTile-info:before, .TagsPage.w95-tags-explorer .TagTile-info:after, .TagsPage.w95-tags-explorer .TagTile-name:before, .TagsPage.w95-tags-explorer .TagTile-name:after{ content:none!important; display:none!important } /* 隐藏原标签卡片的“最新主题/最后活动”等残留信息 */ .TagsPage.w95-tags-explorer .TagTile-lastDiscussion, .TagsPage.w95-tags-explorer .TagTile-lastDiscussionTitle, .TagsPage.w95-tags-explorer .TagTile-lastDiscussionTime, .TagsPage.w95-tags-explorer .TagTile-lastDiscussionAvatar, .TagsPage.w95-tags-explorer .TagTile .DiscussionListItem{ display:none!important } /* 文件夹、名称、下属信息重新收紧对齐 */ .TagsPage.w95-tags-explorer .TagTile{ height:104px!important; min-height:104px!important; cursor:default!important; user-select:none!important } .TagsPage.w95-tags-explorer .TagTile-info{ padding:60px 4px 0!important; text-align:center!important } .TagsPage.w95-tags-explorer .TagTile-name{ display:table!important; max-width:132px!important; margin:0 auto!important; padding:1px 4px 2px!important; line-height:16px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; cursor:default!important } .TagsPage.w95-tags-explorer .TagTile-name a{ color:#000!important; text-decoration:none!important; cursor:default!important } .TagsPage.w95-tags-explorer .w95-tag-meta{ display:block!important; position:static!important; margin:1px auto 0!important; padding:0!important; height:14px!important; line-height:14px!important; color:#808080!important; font-size:11px!important; text-align:center!important; white-space:nowrap!important } /* Hover 不再等同于选中 */ .TagsPage.w95-tags-explorer .TagTile:hover .TagTile-name, .TagsPage.w95-tags-explorer .TagTile:focus-within:not(.w95-selected) .TagTile-name{ background:transparent!important; color:#000!important; outline:0!important } .TagsPage.w95-tags-explorer .TagTile:hover .TagTile-name a, .TagsPage.w95-tags-explorer .TagTile:focus-within:not(.w95-selected) .TagTile-name a{ color:#000!important } /* 单击后的 Win95 选中状态：蓝底白字 + 内嵌虚线焦点框 */ .TagsPage.w95-tags-explorer .TagTile.w95-selected .TagTile-name{ background:var(--w95-blue)!important; color:#fff!important; outline:1px dotted #fff!important; outline-offset:-3px!important } .TagsPage.w95-tags-explorer .TagTile.w95-selected .TagTile-name a{ color:#fff!important } /* 子目录文字不跟随选中变蓝，保持“对象说明”层级 */ .TagsPage.w95-tags-explorer .TagTile.w95-selected .w95-tag-meta{ color:#808080!important } /* TAGS LARGE ICON VIEW - RESTORE LAST DISCUSSION INFO */ .TagsPage.w95-tags-explorer .TagTile{ height:134px!important; min-height:134px!important; } /* 文件夹名称与“子目录”保持紧凑 */ .TagsPage.w95-tags-explorer .TagTile-info{ padding:60px 4px 0!important; text-align:center!important; } .TagsPage.w95-tags-explorer .TagTile-name{ display:table!important; max-width:132px!important; margin:0 auto!important; padding:1px 4px 2px!important; line-height:16px!important; } .TagsPage.w95-tags-explorer .w95-tag-meta{ display:block!important; position:static!important; margin:1px auto 0!important; height:14px!important; line-height:14px!important; color:#808080!important; font-size:11px!important; text-align:center!important; white-space:nowrap!important; } /* 恢复原标签卡片的“最新主题 / 时间”信息，并放到子目录下方 */ .TagsPage.w95-tags-explorer .TagTile-lastDiscussion{ display:flex!important; position:static!important; align-items:center!important; justify-content:center!important; gap:5px!important; width:100%!important; max-width:138px!important; margin:2px auto 0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; overflow:hidden!important; color:#8a8a8a!important; font-size:10px!important; line-height:13px!important; white-space:nowrap!important; } .TagsPage.w95-tags-explorer .TagTile-lastDiscussionTitle, .TagsPage.w95-tags-explorer .TagTile-lastDiscussionTime{ display:inline!important; position:static!important; margin:0!important; padding:0!important; color:#8a8a8a!important; font-size:10px!important; line-height:13px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .TagsPage.w95-tags-explorer .TagTile-lastDiscussionTitle{ max-width:82px!important; } .TagsPage.w95-tags-explorer .TagTile-lastDiscussionTime{ flex:0 0 auto!important; } .TagsPage.w95-tags-explorer .TagTile-lastDiscussionAvatar{ display:none!important; } /* 如果该版本把“最新主题”直接作为普通链接放在 TagTile-info 里，也统一压到最下方 */ .TagsPage.w95-tags-explorer .TagTile-info > a:not(.TagTile-name):not(.w95-tag-meta){ position:static!important; } /* 选中状态仍只作用于文件名，不染蓝说明文字 */ .TagsPage.w95-tags-explorer .TagTile.w95-selected .w95-tag-meta, .TagsPage.w95-tags-explorer .TagTile.w95-selected .TagTile-lastDiscussion, .TagsPage.w95-tags-explorer .TagTile.w95-selected .TagTile-lastDiscussion *{ color:#808080!important; background:transparent!important; } /* 不再隐藏最新主题信息 */ .TagsPage.w95-tags-explorer .TagTile .DiscussionListItem{ display:none!important; } @media(max-width:767px){ .TagsPage.w95-tags-explorer .TagTile{ height:138px!important; min-height:138px!important; } } /* TAG EXPLORER STAGE 2 - PARENT FOLDER / CHILD FOLDER VIEW */ .w95-subfolder-explorer{ margin:10px 0 14px!important; background:var(--w95-panel)!important; border:2px solid!important; border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; box-shadow:1px 1px #000!important; box-sizing:border-box!important; color:#000!important } .w95-subfolder-viewbar{ min-height:36px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:3px 7px; box-sizing:border-box; background:var(--w95-panel); border-bottom:1px solid var(--w95-dark); font-size:12px } .w95-subfolder-tools{ display:flex; align-items:center; gap:6px } .w95-subfolder-up{ height:27px; padding:0 10px; background:var(--w95-panel); color:#000; border:2px solid; border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light); border-radius:0 } .w95-subfolder-up:active{ border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) } .w95-subfolder-sep{ width:2px; height:25px; margin:0 4px; border-left:1px solid var(--w95-dark); border-right:1px solid var(--w95-light) } .w95-subfolder-location{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .w95-subfolder-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(145px,1fr)); align-content:start; gap:16px 8px; min-height:150px; padding:20px 18px 18px; background:#fff; border:2px solid; border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep); box-sizing:border-box } .w95-subfolder-tile{ position:relative; height:106px; min-height:106px; padding-top:58px; box-sizing:border-box; text-align:center; outline:0; cursor:default; user-select:none } .w95-subfolder-icon{ position:absolute; left:50%; top:15px; width:48px; height:31px; transform:translateX(-50%); background:#ffff00; border:2px solid; border-color:#fff #808000 #808000 #fff; box-shadow:1px 1px #000; box-sizing:border-box } .w95-subfolder-icon:before{ content:""; position:absolute; left:-2px; top:-10px; width:23px; height:10px; background:#ffff00; border:2px solid; border-color:#fff #808000 #ffff00 #fff; box-sizing:border-box } .w95-subfolder-name{ display:table; max-width:132px; margin:0 auto; padding:1px 4px 2px; line-height:16px; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000 } .w95-subfolder-meta{ display:block; height:14px; margin:1px auto 0; line-height:14px; font-size:11px; color:#808080; white-space:nowrap } .w95-subfolder-tile.w95-selected .w95-subfolder-name{ background:var(--w95-blue); color:#fff; outline:1px dotted #fff; outline-offset:-3px } .w95-subfolder-tile.is-disabled{ opacity:.5 } .w95-subfolder-status{ height:27px; display:flex; align-items:center; gap:3px; padding:3px; box-sizing:border-box; background:var(--w95-panel); font-size:11px } .w95-subfolder-status span{ height:19px; display:flex; align-items:center; padding:0 6px; box-sizing:border-box; border:1px solid; border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark) } .w95-subfolder-status span:first-child{flex:1} .w95-subfolder-status span:last-child{min-width:90px} /* 让父级标签页面更像“进入文件夹后”：子目录在上，主题文件仍保留在下方 */ body.w95-subfolder-page .IndexPage-results>.DiscussionList{ margin-top:0!important } @media(max-width:767px){ .w95-subfolder-viewbar{ align-items:flex-start; flex-direction:column; gap:4px } .w95-subfolder-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); padding:15px 8px; min-height:130px } .w95-subfolder-location{ width:100% } } /* TAG EXPLORER STAGE 2.1 - OPEN CURRENT SUBFOLDER */ /* 当前正在浏览的二级目录改成“打开文件夹” */ .w95-subfolder-tile.is-open .w95-subfolder-icon{ top:19px!important; width:49px!important; height:27px!important; background:#ffff00!important; border-color:#fff #808000 #808000 #fff!important; box-shadow:1px 1px #000!important; } /* 后面的文件夹主体与标签 */ .w95-subfolder-tile.is-open .w95-subfolder-icon:before{ left:-2px!important; top:-9px!important; width:24px!important; height:11px!important; background:#ffff00!important; border-color:#fff #808000 #ffff00 #fff!important; } /* 向前翻开的文件夹面板 */ .w95-subfolder-tile.is-open .w95-subfolder-icon:after{ content:""!important; position:absolute!important; left:-5px!important; top:7px!important; width:53px!important; height:21px!important; background:#ffff80!important; border:2px solid!important; border-color:#fff #808000 #808000 #fff!important; box-shadow:1px 1px #000!important; box-sizing:border-box!important; transform:skewX(-12deg)!important; transform-origin:left bottom!important; } /* 当前目录下属文字更明确 */ .w95-subfolder-tile.is-open .w95-subfolder-meta{ color:#000080!important; font-weight:bold!important; } /* 当前目录即使用户点击别的兄弟目录，打开图标仍保持 */ .w95-subfolder-tile.is-open:not(.w95-selected) .w95-subfolder-name{ background:transparent!important; color:#000!important; outline:0!important; } /* TAG EXPLORER STAGE 3 - LEAF FOLDER FILE CONTENTS */ body.w95-leaf-folder-page .w95-leaf-files-title{ height:27px; display:flex; align-items:center; margin:12px 0 0!important; padding:0 7px; box-sizing:border-box; background:var(--w95-blue); color:#fff; font:bold 12px Tahoma,"Microsoft Sans Serif",Arial,sans-serif; border:2px solid; border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light); box-shadow:1px 1px #000 } /* 主题列表变成真正的文件窗格 */ body.w95-leaf-folder-page .DiscussionList-discussions{ margin-top:0!important; background:#fff!important; border:2px solid!important; border-top:0!important; border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important; box-shadow:none!important } /* 每一行像 Explorer 的文件条目 */ body.w95-leaf-folder-page .w95-leaf-file-row{ position:relative!important; cursor:default!important; user-select:none!important; outline:0!important } /* 单击时不再直接把主题链接当网页链接表现 */ body.w95-leaf-folder-page .w95-leaf-file-row .w95-explorer-name, body.w95-leaf-folder-page .w95-leaf-file-row .w95-explorer-name *{ cursor:default!important } /* 默认只保留很轻的行分隔 */ body.w95-leaf-folder-page .w95-leaf-file-row{ border-bottom:1px dotted #d0d0d0!important } /* Win95 详细信息视图：选中时突出整行，但保持列边界可读 */ body.w95-leaf-folder-page .w95-leaf-file-row.w95-selected{ background:var(--w95-blue)!important; color:#fff!important } body.w95-leaf-folder-page .w95-leaf-file-row.w95-selected>*, body.w95-leaf-folder-page .w95-leaf-file-row.w95-selected a, body.w95-leaf-folder-page .w95-leaf-file-row.w95-selected span{ color:#fff!important; background:transparent!important } /* 经典虚线焦点框收在选中行内部 */ body.w95-leaf-folder-page .w95-leaf-file-row.w95-selected:after{ content:""; position:absolute; left:2px; right:2px; top:2px; bottom:2px; border:1px dotted #fff; pointer-events:none; box-sizing:border-box } /* 文件图标在蓝底下仍保留白色纸张感 */ body.w95-leaf-folder-page .w95-leaf-file-row.w95-selected .w95-explorer-file{ background:#fff!important; border-color:#000!important } /* 底部对象状态栏 */ body.w95-leaf-folder-page .w95-leaf-files-status{ height:27px; display:flex; align-items:center; gap:3px; padding:3px; margin:0 0 14px!important; box-sizing:border-box; background:var(--w95-panel); border-left:2px solid var(--w95-light); border-right:2px solid var(--w95-deep); border-bottom:2px solid var(--w95-deep); font-size:11px; color:#000 } body.w95-leaf-folder-page .w95-leaf-files-status span{ height:19px; display:flex; align-items:center; padding:0 6px; box-sizing:border-box; border:1px solid; border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark) } body.w95-leaf-folder-page .w95-leaf-files-status span:first-child{flex:1} body.w95-leaf-folder-page .w95-leaf-files-status span:last-child{min-width:90px} /* 空目录也保持白色资源管理器窗格，而不是大片灰背景 */ body.w95-leaf-folder-page .DiscussionList-empty{ min-height:130px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:#fff!important; color:#808080!important } @media(max-width:767px){ body.w95-leaf-folder-page .w95-leaf-files-title{ margin-top:8px!important } body.w95-leaf-folder-page .w95-leaf-file-row.w95-selected:after{ left:1px;right:1px;top:1px;bottom:1px } } /* EXPLORER ROW INTERACTION - HOME + LEVEL-1 TAG PAGES */ .w95-explorer-row:not(.w95-leaf-file-row){ position:relative!important; cursor:default!important; user-select:none!important; outline:0!important } .w95-explorer-row:not(.w95-leaf-file-row) .w95-explorer-name, .w95-explorer-row:not(.w95-leaf-file-row) .w95-explorer-name *, .w95-explorer-row:not(.w95-leaf-file-row) .w95-explorer-user{ cursor:default!important } /* 单击：整行蓝色选中 */ .w95-explorer-row.w95-row-selected{ background:var(--w95-blue)!important; color:#fff!important } .w95-explorer-row.w95-row-selected>*, .w95-explorer-row.w95-row-selected a, .w95-explorer-row.w95-row-selected span{ color:#fff!important; background:transparent!important } /* 保持“文件”白纸图标在蓝底上可识别 */ .w95-explorer-row.w95-row-selected .w95-explorer-file{ background:#fff!important; border-color:#000!important } /* Win95 焦点虚线框 */ .w95-explorer-row.w95-row-selected:after{ content:""; position:absolute; left:2px; right:2px; top:2px; bottom:2px; border:1px dotted #fff; box-sizing:border-box; pointer-events:none } /* hover 只做很轻的提示，不再等同于打开/选中 */ .w95-explorer-row:not(.w95-leaf-file-row):hover{ background:#f4f4f4!important } .w95-explorer-row.w95-row-selected:hover{ background:var(--w95-blue)!important } @media(max-width:767px){ .w95-explorer-row.w95-row-selected:after{ left:1px; right:1px; top:1px; bottom:1px } } /* EXPLORER ROW SELECTED STATE - SPECIFICITY FIX */ /* 旧 Explorer 基础规则使用了更高优先级： .w95-explorer-list > .w95-explorer-item > .w95-explorer-row { background:#fff!important } 所以鼠标离开后蓝底会被它抢回去。 这里用同级结构 + selected 类覆盖。 */ .w95-explorer-list>.w95-explorer-item>.w95-explorer-row.w95-row-selected, .w95-explorer-list>.w95-explorer-item>.w95-explorer-row.w95-row-selected:hover{ background:var(--w95-blue)!important; color:#fff!important } .w95-explorer-list>.w95-explorer-item>.w95-explorer-row.w95-row-selected>*, .w95-explorer-list>.w95-explorer-item>.w95-explorer-row.w95-row-selected a, .w95-explorer-list>.w95-explorer-item>.w95-explorer-row.w95-row-selected span{ background:transparent!important; color:#fff!important } /* 保证发帖人、路径、回复数、最后活动这些原本各自指定颜色的列也保持白字 */ .w95-explorer-list>.w95-explorer-item>.w95-explorer-row.w95-row-selected .w95-explorer-name, .w95-explorer-list>.w95-explorer-item>.w95-explorer-row.w95-row-selected .w95-explorer-tag, .w95-explorer-list>.w95-explorer-item>.w95-explorer-row.w95-row-selected .w95-explorer-author, .w95-explorer-list>.w95-explorer-item>.w95-explorer-row.w95-row-selected .w95-explorer-user, .w95-explorer-list>.w95-explorer-item>.w95-explorer-row.w95-row-selected .w95-explorer-count, .w95-explorer-list>.w95-explorer-item>.w95-explorer-row.w95-row-selected .w95-explorer-time{ color:#fff!important } /* 文件图标保持白纸样式 */ .w95-explorer-list>.w95-explorer-item>.w95-explorer-row.w95-row-selected .w95-explorer-file{ background:#fff!important; border-color:#fff!important } /* selected 时始终保留 Win95 焦点虚线，不依赖 hover */ .w95-explorer-list>.w95-explorer-item>.w95-explorer-row.w95-row-selected{ outline:1px dotted #fff!important; outline-offset:-2px!important } /* ========================================================= AUTH · Clean Build v5 Win95 网络登录 + 创建用户向导（Stage 4/4.2 合并） ========================================================= */ /* 认证按钮按下到 Modal 完成识别之间，隐藏原始 Flarum 内容，避免原版 UI 闪现。 */ body.w95-auth-intent .Modal .Modal-content:not(.w95-auth), body.w95-auth-active .Modal .Modal-content:not(.w95-auth){ visibility:hidden!important } .Modal:has(.Modal-content.w95-auth){ padding-left:0!important; padding-right:0!important } .Modal:has(.Modal-content.w95-auth) .Modal-dialog{ width:600px!important; max-width:calc(100vw - 28px)!important; margin:72px auto 24px!important; padding:0!important; left:auto!important; right:auto!important; transform:none!important } .Modal-content.w95-auth{ width:600px!important; max-width:100%!important; margin:0!important; box-sizing:border-box!important; background:var(--w95-panel)!important; border:3px solid!important; border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; box-shadow:3px 3px #000!important } .Modal-content.w95-auth .Modal-header{ position:relative!important; height:34px!important; min-height:34px!important; padding:3px 38px 3px 8px!important; box-sizing:border-box!important; background:var(--w95-blue)!important; color:#fff!important; border:0!important } .Modal-content.w95-auth .Modal-title{ height:28px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; color:#fff!important; font:bold 13px Tahoma,"Microsoft Sans Serif",Arial,sans-serif!important; line-height:28px!important; text-align:left!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important } .Modal-content.w95-auth .Modal-header .Button, .Modal-content.w95-auth .Modal-header .Button--icon{ position:absolute!important; right:4px!important; top:4px!important; width:26px!important; min-width:26px!important; height:25px!important; min-height:25px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; line-height:20px!important; background:var(--w95-panel)!important; color:#000!important; border:2px solid!important; border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important } .Modal-content.w95-auth .Modal-body{ padding:12px 16px 14px!important; box-sizing:border-box!important; background:var(--w95-panel)!important } .w95-auth-intro{ width:100%!important; min-height:104px!important; display:flex; align-items:center; gap:15px; margin:0 0 14px!important; padding:11px 14px!important; box-sizing:border-box!important; background:#fff; color:#000; border:2px solid; border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) } .w95-auth-copy{flex:1;min-width:0;padding-top:1px!important;font-size:12px;line-height:1.45} .w95-auth-copy>b{display:block;margin-bottom:5px!important;font-size:13px} .w95-auth-copy p{margin:0 0 7px!important;color:#000!important} .w95-auth-network{display:flex;align-items:center;gap:5px;margin-top:3px!important;font-size:11px} .w95-auth-network strong{min-width:130px;padding:2px 5px;background:#fff;border:1px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);font-weight:normal} .w95-auth-computer{position:relative;width:70px;height:58px;flex:0 0 70px} .w95-auth-computer:before{content:"";position:absolute;left:8px;top:3px;width:50px;height:36px;background:var(--w95-panel);border:2px solid;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light);box-shadow:inset 0 0 0 3px #000} .w95-auth-computer:after{content:"";position:absolute;left:24px;top:41px;width:34px;height:8px;background:var(--w95-panel);border:2px solid;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)} .w95-auth-computer span:before,.w95-auth-computer span:after{content:"";position:absolute;background:var(--w95-blue)} .w95-auth-computer span:before{left:15px;top:10px;width:36px;height:22px;border:1px solid #fff} .w95-auth-computer span:after{left:57px;top:23px;width:10px;height:10px;border-radius:50%;box-shadow:-8px 9px 0 #000;background:#ffff00} .w95-auth-usericon{position:relative;width:70px;height:64px;flex:0 0 70px} .w95-auth-usericon:before{content:"";position:absolute;left:22px;top:3px;width:25px;height:25px;background:#ffffc0;border:2px solid #000;border-radius:50%} .w95-auth-usericon:after{content:"";position:absolute;left:11px;top:31px;width:48px;height:28px;background:var(--w95-blue);border:2px solid #000;border-radius:24px 24px 3px 3px} .w95-auth-usericon span:before{content:"+";position:absolute;right:0;bottom:1px;z-index:2;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#ffff00;color:#000;border:2px solid #000;font:bold 18px Arial} .w95-auth-steps{width:100%!important;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 12px!important;padding:5px;box-sizing:border-box!important;background:var(--w95-panel);border:2px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);font-size:11px} .w95-auth-steps span{position:relative;display:flex;align-items:center;gap:5px;min-width:0;padding:3px 6px;white-space:nowrap} .w95-auth-steps span:not(.is-last):after{content:"";position:absolute;right:0;top:4px;bottom:4px;border-right:1px solid var(--w95-dark)} .w95-auth-steps i{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;background:#fff;color:#000;border:1px solid;border-color:var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark);font-style:normal;font-weight:bold} .Modal-content.w95-auth form, .Modal-content.w95-auth .Form{width:100%!important;max-width:none!important;margin:0!important} .Modal-content.w95-auth .Form-group{width:100%!important;margin:0 0 10px!important;box-sizing:border-box!important} .Modal-content.w95-auth input.FormControl, .Modal-content.w95-auth input[type="text"], .Modal-content.w95-auth input[type="email"], .Modal-content.w95-auth input[type="password"]{width:100%!important;height:36px!important;padding:0 9px!important;box-sizing:border-box!important;text-align:left!important;font-size:13px!important;line-height:32px!important;background:#fff!important;color:#000!important;border:2px solid!important;border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important;border-radius:0!important;box-shadow:none!important} .Modal-content.w95-auth input::placeholder{color:#808080!important;opacity:1!important;text-align:left!important} .Modal-content.w95-auth .LogInButtons{margin-bottom:10px!important;padding-bottom:10px!important;border-bottom:1px solid var(--w95-dark)!important} .Modal-content.w95-auth .LogInButtons:not(:has(.Button)), .Modal-content.w95-auth .LogInButtons:empty{display:none!important;margin:0!important;padding:0!important;border:0!important} .Modal-content.w95-auth form .Button--primary{display:block!important;width:112px!important;min-width:112px!important;height:32px!important;min-height:32px!important;margin:3px 0 0 auto!important;padding:0 12px!important;line-height:28px!important;background:var(--w95-panel)!important;color:#000!important;border:2px solid!important;border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important;border-radius:0!important;box-shadow:none!important} .Modal-content.w95-auth form .Button--primary:active{border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important} .Modal-content.w95-auth .Modal-footer{margin-top:10px!important;padding:10px 16px 11px!important;text-align:center!important;box-sizing:border-box!important;background:var(--w95-panel)!important;color:#000!important;border-top:1px solid var(--w95-dark)!important;box-shadow:inset 0 1px var(--w95-light)!important;font-size:11px!important} .Modal-content.w95-auth .Modal-footer a{color:var(--w95-blue)!important} /* 记住登录状态 */ .Modal-content.w95-auth .Form-group:has(input[type="checkbox"]), .Modal-content.w95-auth label:has(input[type="checkbox"]), .Modal-content.w95-auth .Checkbox{box-sizing:border-box!important;margin-left:0!important;padding-left:0!important;text-align:left!important} .Modal-content.w95-auth input[type="checkbox"]{position:static!important;left:auto!important;top:auto!important;transform:none!important;float:none!important;width:14px!important;height:14px!important;margin:0 7px 0 0!important;padding:0!important;vertical-align:-2px!important} .Modal-content.w95-auth label:has(input[type="checkbox"]){display:flex!important;align-items:center!important;min-height:24px!important;gap:0!important} .Modal-content.w95-auth .Checkbox-display{position:static!important;left:auto!important;top:auto!important;transform:none!important;flex:0 0 auto!important;margin:0 7px 0 0!important} .Modal-content.w95-auth .Checkbox input[type="checkbox"]+.Checkbox-display{margin-left:0!important} @media(max-width:640px){ .Modal:has(.Modal-content.w95-auth) .Modal-dialog{width:calc(100vw - 14px)!important;margin:18px auto!important} .Modal-content.w95-auth{width:100%!important} .Modal-content.w95-auth .w95-auth-intro{padding:9px!important;align-items:flex-start} .Modal-content.w95-auth form .Button--primary{width:100%!important} .w95-auth-computer,.w95-auth-usericon{transform:scale(.82);transform-origin:top left;flex-basis:58px} .w95-auth-steps{grid-template-columns:repeat(2,1fr)} } /* ========================================================= STAGE 5 · SYSTEM DIALOGS 全站加载 / 空页面 / 404 ========================================================= */ /* -------- 全站页面级加载 -------- */ .LoadingIndicator.w95-page-loading{ position:relative!important; display:block!important; width:330px!important; max-width:calc(100% - 24px)!important; height:104px!important; min-height:104px!important; margin:28px auto!important; padding:42px 14px 12px 54px!important; box-sizing:border-box!important; background:var(--w95-panel)!important; color:#000!important; border:3px solid!important; border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; box-shadow:2px 2px #000!important; border-radius:0!important } .LoadingIndicator.w95-page-loading:before{ content:"正在打开"; position:absolute; left:3px; right:3px; top:3px; height:25px; display:flex; align-items:center; padding:0 7px; box-sizing:border-box; background:var(--w95-blue); color:#fff; font:bold 12px Tahoma,"Microsoft Sans Serif",Arial,sans-serif } .LoadingIndicator.w95-page-loading:after{ content:"正在读取文件夹内容，请稍候…"; position:absolute; left:54px; right:12px; top:43px; height:42px; display:flex; align-items:flex-start; padding-top:1px; box-sizing:border-box; color:#000; font:12px/17px Tahoma,"Microsoft Sans Serif",Arial,sans-serif; border-bottom:12px solid #fff; box-shadow: inset 0 -14px 0 #fff, inset 2px -16px 0 var(--w95-deep), inset -2px -16px 0 var(--w95-light) } /* 左侧沙漏图标 */ .LoadingIndicator.w95-page-loading>*{ position:absolute!important; left:18px!important; top:44px!important; width:22px!important; height:31px!important; margin:0!important; color:var(--w95-blue)!important; font-size:24px!important; line-height:31px!important } /* -------- 空页面 -------- */ .w95-empty-dialog{ position:relative!important; display:block!important; width:460px!important; max-width:calc(100% - 24px)!important; min-height:118px!important; margin:24px auto!important; padding:48px 18px 18px 74px!important; box-sizing:border-box!important; background:var(--w95-panel)!important; color:#000!important; border:3px solid!important; border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; box-shadow:2px 2px #000!important; border-radius:0!important; text-align:left!important } .w95-empty-dialog:before{ content:"晨昏飘摇"; position:absolute; left:3px; right:3px; top:3px; height:25px; display:flex; align-items:center; padding:0 7px; box-sizing:border-box; background:var(--w95-blue); color:#fff; font:bold 12px Tahoma,"Microsoft Sans Serif",Arial,sans-serif } .w95-empty-dialog:after{ content:"i"; position:absolute; left:22px; top:48px; width:30px; height:30px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; background:var(--w95-blue); color:#fff; border:2px solid #000; border-radius:50%; font:bold 22px Georgia,serif } .w95-empty-dialog p, .w95-empty-dialog .Placeholder-content{ margin:0!important; padding:0!important; color:#000!important; font-size:12px!important; line-height:1.55!important; text-align:left!important } .w95-empty-dialog .Button{ margin-top:12px!important } /* -------- 404 / ErrorPage -------- */ .ErrorPage.w95-system-error{ position:relative!important; width:540px!important; max-width:calc(100% - 24px)!important; min-height:180px!important; margin:42px auto!important; padding:52px 22px 20px 86px!important; box-sizing:border-box!important; background:var(--w95-panel)!important; color:#000!important; border:3px solid!important; border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; box-shadow:3px 3px #000!important; border-radius:0!important; text-align:left!important } .ErrorPage.w95-system-error:before{ content:"晨昏飘摇 - 系统消息"; position:absolute; left:3px; right:3px; top:3px; height:27px; display:flex; align-items:center; padding:0 7px; box-sizing:border-box; background:var(--w95-blue); color:#fff; font:bold 12px Tahoma,"Microsoft Sans Serif",Arial,sans-serif } .ErrorPage.w95-system-error:after{ content:"!"; position:absolute; left:25px; top:57px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; background:#ffff00; color:#000; border:2px solid #000; font:bold 26px Arial,sans-serif } .ErrorPage.w95-system-error.w95-error-404:after{ content:"×"; background:#ff0000; color:#fff; border-radius:50%; font-size:29px; line-height:30px } .ErrorPage.w95-system-error .ErrorPage-title{ margin:0 0 8px!important; color:#000!important; font:bold 14px Tahoma,"Microsoft Sans Serif",Arial,sans-serif!important; line-height:1.4!important } .ErrorPage.w95-system-error.w95-error-404 .ErrorPage-title:after{ content:"（错误 404）"; margin-left:7px; font-weight:normal } .ErrorPage.w95-system-error .ErrorPage-subtitle, .ErrorPage.w95-system-error .ErrorPage-description{ margin:0 0 10px!important; color:#000!important; font:12px/1.55 Tahoma,"Microsoft Sans Serif",Arial,sans-serif!important } .ErrorPage.w95-system-error .ErrorPage-actions{ margin-top:14px!important; text-align:right!important } .ErrorPage.w95-system-error .Button{ min-width:88px!important; height:31px!important; background:var(--w95-panel)!important; color:#000!important; border:2px solid!important; border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light)!important; border-radius:0!important } .ErrorPage.w95-system-error .Button:active{ border-color:var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep)!important } @media(max-width:600px){ .LoadingIndicator.w95-page-loading, .w95-empty-dialog, .ErrorPage.w95-system-error{ max-width:calc(100vw - 14px)!important } .ErrorPage.w95-system-error{ padding-left:72px!important } .ErrorPage.w95-system-error:after{ left:18px } } /* ========================================================= EXPLORER HEADER SORT ========================================================= */ /* ---------- Explorer 表头排序 ---------- */ .w95-explorer-head>div[data-w95-sort]{ position:relative!important; padding-right:23px!important; cursor:default!important; user-select:none!important; outline:0!important } .w95-explorer-head>div[data-w95-sort]:hover{ background:var(--w95-mid)!important } /* 点击瞬间保留经典“按下去”效果 */ .w95-explorer-head>div[data-w95-sort]:active{ border-color: var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark)!important; padding-top:1px!important; padding-left:8px!important } /* 当前排序列 */ .w95-explorer-head>div.w95-sort-active{ font-weight:bold!important; background:#d4d0c8!important } .w95-explorer-head>div.w95-sort-active:after{ position:absolute; right:7px; top:50%; transform:translateY(-52%); display:block; color:#000; font:9px/1 Arial,sans-serif } .w95-explorer-head>div.w95-sort-active.w95-sort-asc:after{ content:"▲" } .w95-explorer-head>div.w95-sort-active.w95-sort-desc:after{ content:"▼" } .w95-explorer-head>div[data-w95-sort]:focus-visible{ outline:1px dotted #000!important; outline-offset:-4px!important } /* 排序时不影响主题行已存在的 Win95 单击选中效果 */ .w95-explorer-list>.w95-explorer-item{ order:initial!important } @media(max-width:767px){ .w95-explorer-head>div[data-w95-sort]{ padding-right:17px!important } .w95-explorer-head>div.w95-sort-active:after{ right:4px } } /* ========================================================= Stage 7 · Start Menu + Desktop Enhancement ========================================================= */ /* ---------- START MENU ---------- */ .w95-start-menu.w95-start-stage7{ width:306px!important; overflow:visible!important; animation:w95-start-pop .08s steps(2,end); transform-origin:left bottom } @keyframes w95-start-pop{ from{transform:scale(.98);opacity:.7} to{transform:scale(1);opacity:1} } .w95-start-stage7 .w95-start-side{ width:38px!important; flex-basis:38px!important; background:#808080!important; border-right:1px solid #404040!important } .w95-start-stage7 .w95-start-main{ position:relative!important; padding:3px!important; overflow:visible!important } .w95-start-entry{ position:relative; margin:0; padding:0 } .w95-start-stage7 .w95-start-classic{ position:relative!important; width:100%!important; min-height:43px!important; display:grid!important; grid-template-columns:35px minmax(0,1fr) 14px!important; align-items:center!important; gap:5px!important; margin:0!important; padding:3px 5px!important; box-sizing:border-box!important; background:transparent!important; color:#000!important; border:0!important; border-radius:0!important; box-shadow:none!important; text-align:left!important; cursor:default!important } .w95-start-stage7 .w95-start-classic:hover, .w95-start-stage7 .w95-start-entry.sub-open>.w95-start-classic{ background:var(--w95-blue)!important; color:#fff!important } .w95-start-stage7 .w95-start-classic:hover *, .w95-start-stage7 .w95-start-entry.sub-open>.w95-start-classic *{ color:#fff!important } .w95-start-classic-label{ min-width:0; display:flex; flex-direction:column; gap:1px } .w95-start-classic-label b{ color:inherit!important; font:normal 13px Tahoma,"Microsoft Sans Serif",Arial,sans-serif!important; line-height:16px; white-space:nowrap } .w95-start-classic-label b:first-letter{ text-decoration:none } .w95-start-classic-label small{ overflow:hidden; color:#505050!important; font:10px/13px Tahoma,Arial,sans-serif!important; white-space:nowrap; text-overflow:ellipsis } .w95-start-arrow{ justify-self:end; color:#000!important; font:9px Arial,sans-serif!important } .w95-start-submenu{ position:absolute; left:calc(100% - 2px); top:-4px; z-index:100004; width:228px; display:none; padding:3px; box-sizing:border-box; background:var(--w95-panel); border:3px solid; border-color:var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light); box-shadow:2px 2px #000 } .w95-start-entry.sub-open>.w95-start-submenu, .w95-start-entry:hover>.w95-start-submenu{ display:block; animation:w95-sub-pop .06s steps(2,end) } @keyframes w95-sub-pop{ from{transform:translateX(-3px);opacity:.7} to{transform:translateX(0);opacity:1} } .w95-start-submenu .w95-start-classic{ min-height:40px!important; grid-template-columns:33px minmax(0,1fr) 10px!important } .w95-start-sub-sep{ height:2px; margin:3px 4px; border-top:1px solid var(--w95-dark); border-bottom:1px solid var(--w95-light) } .w95-stage7-sep{ margin:4px 5px!important } /* ---------- Pixel-style start icons ---------- */ .w95-start-pixel{ position:relative; width:30px; height:30px; display:block; box-sizing:border-box; color:#000 } /* 文件夹 */ .w95-si-folder:before, .w95-si-directory:before, .w95-si-programs:before{ content:""; position:absolute; left:2px;top:10px; width:25px;height:16px; background:#ffff00; border:2px solid; border-color:#fff #808000 #808000 #fff; box-shadow:1px 1px #000; box-sizing:border-box } .w95-si-folder:after, .w95-si-directory:after, .w95-si-programs:after{ content:""; position:absolute; left:3px;top:5px; width:12px;height:8px; background:#ffff00; border:2px solid; border-color:#fff #808000 #ffff00 #fff; box-sizing:border-box } .w95-si-directory{transform:scale(.93)} .w95-si-programs:before{background:#ffff80} .w95-si-programs:after{background:#ffff80} /* 书 */ .w95-si-book:before{ content:""; position:absolute; left:4px;top:4px; width:21px;height:23px; background:#fff; border:2px solid #000080; box-shadow:3px 0 #808080; box-sizing:border-box } .w95-si-book:after{ content:""; position:absolute; left:8px;top:8px; width:13px;height:2px; background:#000080; box-shadow:0 5px #000080,0 10px #000080 } /* 星 */ .w95-si-star:before{ content:"★"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#000; font:bold 27px/30px Arial } /* 放大镜 */ .w95-si-search:before{ content:""; position:absolute; left:3px;top:3px; width:17px;height:17px; border:3px solid #000; border-radius:50%; background:#fff; box-sizing:border-box } .w95-si-search:after{ content:""; position:absolute; left:19px;top:19px; width:11px;height:4px; background:#000; transform:rotate(45deg); transform-origin:left center } /* 控制面板 */ .w95-si-control:before{ content:""; position:absolute; left:3px;top:4px; width:24px;height:22px; background:#c0c0c0; border:2px solid; border-color:#fff #404040 #404040 #fff; box-sizing:border-box } .w95-si-control:after{ content:""; position:absolute; left:7px;top:8px; width:5px;height:5px; background:#000080; box-shadow: 8px 0 #008080, 0 8px #ffff00, 8px 8px #ff0000 } /* 帮助 */ .w95-si-help:before{ content:"?"; position:absolute; left:4px;top:2px; width:23px;height:25px; display:flex; align-items:center; justify-content:center; background:#fff; color:#000080; border:2px solid #000; box-shadow:2px 2px #808080; font:bold 21px Arial; box-sizing:border-box } /* 用户 */ .w95-si-user:before, .w95-si-newuser:before{ content:""; position:absolute; left:10px;top:2px; width:11px;height:11px; background:#ffffc0; border:2px solid #000; border-radius:50%; box-sizing:border-box } .w95-si-user:after, .w95-si-newuser:after{ content:""; position:absolute; left:5px;top:15px; width:21px;height:13px; background:#000080; border:2px solid #000; border-radius:10px 10px 2px 2px; box-sizing:border-box } .w95-si-newuser{ filter:none } .w95-si-newuser span{display:none} /* ---------- DESKTOP ---------- */ .w95-desktop-stage7{ overflow:visible!important } .w95-desktop-stage7 .w95-desktop-shortcut{ position:relative!important; transition:none!important } .w95-desktop-stage7 .w95-desktop-shortcut:hover .w95-desktop-name{ outline:1px dotted rgba(255,255,255,.65) } .w95-desktop-stage7 .w95-desktop-shortcut.selected .w95-desktop-name{ background:var(--w95-blue)!important; color:#fff!important; outline:1px dotted #fff!important; text-shadow:none!important } .w95-desktop-stage7 .w95-desktop-shortcut:active .w95-desktop-icon{ transform:translate(1px,1px) } /* 当前所在目录：文件夹显示为打开状态 */ .w95-desktop-stage7 .w95-desktop-shortcut.is-current[data-type="tag"] .w95-icon-folder:before{ top:9px!important; height:18px!important; background:#ffff80!important; transform:skewX(-8deg)!important; transform-origin:left bottom!important } .w95-desktop-stage7 .w95-desktop-shortcut.is-current[data-type="tag"] .w95-icon-folder:after{ top:4px!important; background:#ffff00!important } /* 当前首页：CRT 屏幕稍微亮起 */ .w95-desktop-stage7 .w95-desktop-shortcut.is-current .w95-icon-computer:after{ background:#0000aa!important; box-shadow:inset 0 0 0 1px #00ffff!important } /* 快捷方式小箭头，不侵占原图标伪元素 */ .w95-shortcut-badge{ position:absolute; left:-1px; bottom:-1px; width:10px; height:10px; z-index:5; background:#fff; border:1px solid #000; box-sizing:border-box } .w95-shortcut-badge:before{ content:""; position:absolute; left:2px; top:4px; width:6px; height:2px; background:#000080; transform:rotate(-35deg); transform-origin:left center } .w95-shortcut-badge:after{ content:""; position:absolute; left:2px; top:2px; width:2px; height:5px; background:#000080 } /* 桌面图标选择时，图标本身也产生经典轻微反色感 */ .w95-desktop-stage7 .w95-desktop-shortcut.selected .w95-desktop-icon{ filter:contrast(1.05) } @media(max-width:767px){ .w95-start-menu.w95-start-stage7{ width:min(306px,calc(100vw - 4px))!important } .w95-start-submenu{ left:38px!important; top:auto!important; bottom:40px!important; width:min(228px,calc(100vw - 48px))!important } } /* Stage 8 · Guest Life Gate */ body.w95-life-gate-open{overflow:hidden!important} .w95-life-gate{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;background:rgba(0,0,0,.34);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font-family:Tahoma,"Microsoft Sans Serif","MS Sans Serif",Arial,sans-serif;cursor:default} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.w95-life-gate{background:rgba(0,0,0,.58)}} .w95-life-dialog{width:510px;max-width:calc(100vw - 28px);background:var(--w95-panel,#c0c0c0);color:#000;border:3px solid;border-color:var(--w95-light,#fff) var(--w95-deep,#404040) var(--w95-deep,#404040) var(--w95-light,#fff);box-shadow:4px 4px #000;box-sizing:border-box;animation:w95-life-appear .12s steps(3,end)} @keyframes w95-life-appear{from{transform:scale(.96);opacity:.55}to{transform:scale(1);opacity:1}} .w95-life-titlebar{height:30px;margin:3px;padding:0 7px;display:flex;align-items:center;gap:7px;box-sizing:border-box;background:var(--w95-blue,#000080);color:#fff;font-size:12px;font-weight:bold} .w95-life-titleicon{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 17px;background:#fff;color:var(--w95-blue,#000080);border:1px solid #000;font:bold 13px Georgia,serif} .w95-life-body{min-height:156px;display:flex;align-items:flex-start;gap:17px;margin:0 3px 3px;padding:25px 22px 21px;box-sizing:border-box;background:var(--w95-panel,#c0c0c0)} .w95-life-symbol{width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex:0 0 46px;margin-top:2px;background:var(--w95-blue,#000080);color:#fff;border:2px solid #000;border-radius:50%;box-shadow:inset 2px 2px rgba(255,255,255,.45);font:bold 30px Georgia,serif} .w95-life-content{flex:1;min-width:0} .w95-life-question{min-height:62px;display:flex;align-items:center;color:#000;font-size:16px;line-height:1.65;letter-spacing:.2px} .w95-life-question strong{font-weight:bold} .w95-life-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:17px} .w95-life-btn{width:96px!important;min-width:96px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 14px!important;background:var(--w95-panel,#c0c0c0)!important;color:#000!important;border:2px solid!important;border-color:var(--w95-light,#fff) var(--w95-deep,#404040) var(--w95-deep,#404040) var(--w95-light,#fff)!important;border-radius:0!important;box-shadow:1px 1px #000!important;font:bold 12px Tahoma,Arial,sans-serif!important;line-height:30px!important;text-align:center!important;cursor:default!important;outline:0!important} .w95-life-btn:focus{outline:1px dotted #000!important;outline-offset:-5px!important} .w95-life-btn:active{border-color:var(--w95-deep,#404040) var(--w95-light,#fff) var(--w95-light,#fff) var(--w95-deep,#404040)!important;box-shadow:none!important;padding-top:1px!important;padding-left:15px!important} .w95-life-buttons.w95-life-swapped{animation:w95-life-swap .13s steps(2,end)} @keyframes w95-life-swap{0%{transform:translateX(0)}50%{transform:translateX(2px)}100%{transform:translateX(0)}} .w95-life-dialog.w95-life-shake{animation:w95-life-shake .12s steps(3,end)} @keyframes w95-life-shake{0%{transform:translateX(0)}33%{transform:translateX(-4px)}66%{transform:translateX(4px)}100%{transform:translateX(0)}} @media(max-width:600px){.w95-life-dialog{width:100%}.w95-life-body{padding:20px 15px 17px;gap:12px}.w95-life-symbol{width:38px;height:38px;flex-basis:38px;font-size:24px}.w95-life-question{font-size:14px}.w95-life-buttons{justify-content:space-between;gap:8px}.w95-life-btn{flex:1!important;width:auto!important;min-width:0!important}}/* Stage 8 · YES 红色按钮 + NO 交换停留视觉 */ /* YES 改成经典警示红色 */ .w95-life-btn.w95-life-yes{ background:#c00000!important; color:#fff!important; border-color:#ff8080 #400000 #400000 #ff8080!important; box-shadow:1px 1px #000!important; text-shadow:1px 1px #400000!important } .w95-life-btn.w95-life-yes:hover, .w95-life-btn.w95-life-yes:focus{ background:#e00000!important; color:#fff!important } .w95-life-btn.w95-life-yes:active{ background:#a00000!important; border-color:#400000 #ff8080 #ff8080 #400000!important; box-shadow:none!important } /* 红色按钮上的键盘焦点虚线改白色，更清楚 */ .w95-life-btn.w95-life-yes:focus{ outline:1px dotted #fff!important; outline-offset:-5px!important } /* 位置交换时稍微加强一下视觉反馈，但仍然保持“瞬间互换” */ .w95-life-buttons.w95-life-swapped .w95-life-no, .w95-life-buttons.w95-life-swapped .w95-life-yes{ animation:w95-life-button-swap-flash .22s steps(2,end) } @keyframes w95-life-button-swap-flash{ 0%{filter:brightness(1)} 50%{filter:brightness(1.28)} 100%{filter:brightness(1)} } /* ========================================================================== MOBILE CLEAN BUILD 1.0 · Integrated Responsive Layer Consolidated from M1 → M2.0; superseded M1.2/M1.8/M1.9 workarounds removed. ========================================================================== */ @media (max-width: 767px) { /* ===== 01. VIEWPORT / SAFE AREA ===== */ html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } body { min-height: 100dvh !important; padding-bottom: calc(38px + env(safe-area-inset-bottom, 0px)) !important; } #app { width: 100% !important; max-width: none !important; min-height: calc(100dvh - 38px - env(safe-area-inset-bottom, 0px)) !important; margin: 0 !important; border-left-width: 2px !important; border-right-width: 2px !important; border-top-width: 0 !important; border-bottom-width: 2px !important; box-shadow: none !important; outline: 0 !important; box-sizing: border-box !important; } .App, .App-content, .IndexPage, .DiscussionPage, .TagsPage, .UserPage, .SettingsPage { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .App-content > .container, .IndexPage > .container, .DiscussionPage > .container, .TagsPage > .container, .UserPage > .container, .SettingsPage > .container, .Page > .container { width: 100% !important; max-width: none !important; padding-left: 6px !important; padding-right: 6px !important; box-sizing: border-box !important; } /* ===== 02. WIN95 APP BAR ===== */ .win95-appbar { width: 100% !important; max-width: none !important; margin: 0 !important; border-width: 2px 2px 0 !important; box-shadow: none !important; } .win95-titlebar { height: 30px !important; min-height: 30px !important; margin: 2px !important; padding-left: 5px !important; font-size: 13px !important; } .win95-title-left { min-width: 0 !important; gap: 5px !important; } .win95-title-text { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .win95-app-icon { width: 17px !important; height: 17px !important; flex: 0 0 17px !important; } .win95-window-buttons { flex: 0 0 auto !important; gap: 2px !important; padding-right: 2px !important; } .win95-window-buttons button { width: 23px !important; min-width: 23px !important; height: 22px !important; min-height: 22px !important; font-size: 13px !important; line-height: 17px !important; } /* ===== 03. MENU BAR ===== */ .win95-menubar { min-height: 29px !important; display: flex !important; flex-wrap: nowrap !important; gap: 0 !important; padding: 1px 3px 2px !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } .win95-menubar::-webkit-scrollbar { display: none !important; } .win95-menubar span, .win95-menu-link { flex: 0 0 auto !important; min-height: 25px !important; padding: 4px 8px !important; font-size: 12px !important; line-height: 17px !important; white-space: nowrap !important; touch-action: manipulation !important; } /* ===== 04. TOOLBAR + ADDRESS BAR ===== */ .win95-toolbar { min-height: 0 !important; height: auto !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 2px !important; padding: 3px !important; overflow: visible !important; } .win95-toolgroup { flex: 1 1 100% !important; width: 100% !important; min-width: 0 !important; display: flex !important; flex-wrap: nowrap !important; gap: 1px !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } .win95-toolgroup::-webkit-scrollbar { display: none !important; } .win95-toolbutton { width: 42px !important; min-width: 42px !important; height: 40px !important; min-height: 40px !important; flex: 0 0 42px !important; padding: 2px !important; touch-action: manipulation !important; } .win95-toolicon { height: 22px !important; font-size: 19px !important; line-height: 21px !important; } .win95-tooltext { display: block !important; max-width: 38px !important; margin-top: 1px !important; overflow: hidden !important; font-size: 9px !important; line-height: 11px !important; text-overflow: ellipsis !important; } .win95-toolbar-separator { display: none !important; } .win95-addressbar { order: 20 !important; flex: 1 1 100% !important; width: 100% !important; min-width: 0 !important; height: 31px !important; } .win95-address-label, .win95-address-go { display: none !important; } .win95-address-input { width: 100% !important; height: 29px !important; min-width: 0 !important; padding: 2px 4px !important; } .win95-address-text { min-width: 0 !important; font-size: 12px !important; text-overflow: ellipsis !important; } /* ===== 05. FLARUM HEADER ===== */ .Header { min-height: 46px !important; height: auto !important; } .Header .container { width: 100% !important; max-width: none !important; min-height: 44px !important; display: flex !important; align-items: center !important; gap: 3px !important; padding: 4px 5px !important; box-sizing: border-box !important; } .Header-primary { flex: 0 0 auto !important; min-width: 0 !important; } .Header-title { display: none !important; } .Header-secondary { flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; justify-content: flex-end !important; margin-left: auto !important; } .Header-secondary > ul { min-width: 0 !important; max-width: 100% !important; gap: 2px !important; } .Header-secondary .item-search { flex: 1 1 120px !important; width: auto !important; min-width: 72px !important; max-width: 190px !important; margin-right: 2px !important; } .Header .Search:not(.w95-find-active) { width: 100% !important; min-width: 0 !important; max-width: none !important; } .Header .Search:not(.w95-find-active) .Search-input input { width: 100% !important; height: 34px !important; min-width: 0 !important; padding-left: 7px !important; padding-right: 7px !important; font-size: 16px !important; } .Header-secondary .item-flags .Button, .Header-secondary .item-notifications .Button, .Header-secondary .item-session .Button { min-width: 36px !important; height: 36px !important; min-height: 36px !important; } .Header-secondary .SessionDropdown > .Button { width: 38px !important; min-width: 38px !important; padding: 0 !important; justify-content: center !important; } .Header-secondary .SessionDropdown > .Button .Button-label { display: none !important; } /* ===== 06. GENERAL TOUCH TARGETS ===== */ button, .Button, a.Button, [role="button"], [role="menuitem"], [role="tab"] { touch-action: manipulation !important; } input, textarea, select { font-size: 16px !important; } pre, code, .Post-body pre, .Post-body table { max-width: 100% !important; } .Post-body pre, .Post-body table { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } img, video, iframe { max-width: 100%; } /* ===== 07. INDEX / EXPLORER DISCUSSION LIST ===== */ .IndexPage .IndexPage-toolbar { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 5px !important; margin: 4px 0 6px !important; padding: 4px 0 6px !important; } .IndexPage-nav { width: 100% !important; max-width: none !important; margin-bottom: 5px !important; } .IndexPage-results { width: 100% !important; min-width: 0 !important; } .IndexPage .DiscussionList, .w95-explorer-list { width: 100% !important; min-width: 0 !important; overflow-x: hidden !important; } .w95-explorer-head, .w95-explorer-row { width: 100% !important; min-width: 0 !important; grid-template-columns: minmax(0, 1fr) 78px 44px !important; } .w95-explorer-head { height: 29px !important; } .w95-explorer-head > div, .w95-explorer-row > * { min-width: 0 !important; padding-left: 5px !important; padding-right: 5px !important; } .w95-explorer-head > div:nth-child(3), .w95-explorer-author, .w95-explorer-head > div:nth-child(5), .w95-explorer-time { display: none !important; } .w95-explorer-name { gap: 5px !important; font-size: 12px !important; } .w95-explorer-file { width: 15px !important; height: 15px !important; flex-basis: 15px !important; } .w95-explorer-tag { font-size: 10px !important; } .w95-explorer-count { padding-left: 2px !important; padding-right: 4px !important; text-align: right !important; } .w95-explorer-list > .w95-explorer-item, .w95-explorer-list > .w95-explorer-item > .w95-explorer-row { min-height: 34px !important; } /* 手机没有真正 hover，避免点过一行之后蓝色 hover 黏住 */ @media (hover: none) and (pointer: coarse) { .w95-explorer-item:not(:has(.w95-row-selected)):hover > .w95-explorer-row, .w95-explorer-item:not(:has(.w95-row-selected)):hover > .w95-explorer-row > *, .w95-explorer-item:not(:has(.w95-row-selected)):hover > .w95-explorer-row a { background: #fff !important; color: inherit !important; } } /* ===== 08. TAGS / FOLDERS ===== */ .TagsPage.w95-tags-explorer .TagTiles { width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px 4px !important; padding: 10px 5px !important; box-sizing: border-box !important; } .TagsPage.w95-tags-explorer .TagTile { width: 100% !important; min-width: 0 !important; height: 126px !important; min-height: 126px !important; } .TagsPage.w95-tags-explorer .TagTile-name { max-width: calc(100% - 8px) !important; font-size: 12px !important; } .w95-tags-viewbar, .w95-subfolder-viewbar { width: 100% !important; min-width: 0 !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } .w95-subfolder-viewbar { display: flex !important; align-items: stretch !important; flex-direction: column !important; gap: 4px !important; padding: 5px !important; } .w95-subfolder-tools { width: 100% !important; overflow-x: auto !important; white-space: nowrap !important; -webkit-overflow-scrolling: touch !important; } .w95-subfolder-location { width: 100% !important; min-width: 0 !important; } .w95-subfolder-grid { width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 4px !important; padding: 12px 5px !important; box-sizing: border-box !important; } .w95-subfolder-tile { min-width: 0 !important; } .w95-subfolder-name { max-width: calc(100% - 8px) !important; font-size: 12px !important; } .w95-tags-file-status, .w95-subfolder-status, body.w95-leaf-folder-page .w95-leaf-files-status { width: 100% !important; min-width: 0 !important; overflow: hidden !important; } .w95-tags-file-status span, .w95-subfolder-status span, body.w95-leaf-folder-page .w95-leaf-files-status span { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* ===== 09. DISCUSSION PAGE ===== */ .DiscussionPage .PostStream { width: 100% !important; min-width: 0 !important; } .DiscussionPage .PostStream .Post { width: auto !important; min-width: 0 !important; margin: 6px 2px !important; padding: 30px 4px 5px !important; box-sizing: border-box !important; } .DiscussionPage .PostStream .Post:before { height: 23px !important; } .DiscussionPage .PostStream .Post-body { min-width: 0 !important; padding: 8px !important; overflow-wrap: anywhere !important; word-break: break-word !important; } .DiscussionPage .PostUser { min-width: 0 !important; padding-right: 26px !important; } .DiscussionPage .Post .Avatar, .DiscussionPage .ReplyPlaceholder .Avatar, .DiscussionPage .Post--reply .Avatar, .DiscussionPage .Composer .Avatar { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; } .DiscussionPage .PostUser-badges { right: 0 !important; gap: 1px !important; } .DiscussionPage .PostUser-badges .Badge { width: 18px !important; height: 18px !important; min-width: 18px !important; } .DiscussionPage .Post-actions { max-width: 100% !important; } .DiscussionPage .Post-body img, .DiscussionPage .Post-body video { height: auto !important; max-width: 100% !important; } .DiscussionPage .Post-body blockquote { margin-left: 3px !important; margin-right: 3px !important; padding-left: 8px !important; padding-right: 8px !important; } /* ===== 10. USER / SETTINGS ===== */ .UserPage .UserCard--hero { padding-top: 62px !important; } .UserPage .UserCard--hero::after { left: 5px !important; right: 5px !important; width: auto !important; padding-left: 7px !important; padding-right: 7px !important; overflow: hidden !important; white-space: nowrap !important; word-spacing: 5px !important; text-overflow: ellipsis !important; } .UserPage .UserCard-profile { min-width: 0 !important; padding: 10px !important; } .UserPage .UserCard-avatar { margin-right: 10px !important; } .UserPage .UserCard-controls { top: 70px !important; right: 8px !important; } .w95-cp-pane { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; padding: 0 8px 8px !important; } .w95-cp-pane:before { margin-left: -8px !important; margin-right: -8px !important; } .w95-controlpanel-page .SettingsPage fieldset { margin: 9px 0 !important; padding: 15px 8px 10px !important; } /* ===== 11. AUTH / MODAL / ALERT ===== */ .Modal { padding-left: 4px !important; padding-right: 4px !important; } .Modal-dialog, .Modal:has(.Modal-content.w95-auth) .Modal-dialog { width: calc(100vw - 8px) !important; max-width: calc(100vw - 8px) !important; margin: 8px auto calc(46px + env(safe-area-inset-bottom, 0px)) !important; } .Modal-content, .Modal-content.w95-auth { width: 100% !important; max-width: 100% !important; max-height: calc(100dvh - 60px - env(safe-area-inset-bottom, 0px)) !important; overflow-y: auto !important; overflow-x: hidden !important; box-sizing: border-box !important; } .Modal-content.w95-auth .Modal-body { padding: 10px !important; } .Modal-content.w95-auth .w95-auth-intro { min-height: 0 !important; padding: 8px !important; gap: 8px !important; } .Modal-content.w95-auth form .Button--primary { width: 100% !important; min-width: 0 !important; height: 38px !important; } .SessionDropdown .Dropdown-menu, .NotificationsDropdown .Dropdown-menu, .FlagsDropdown .Dropdown-menu { right: 2px !important; left: auto !important; max-width: calc(100vw - 4px) !important; max-height: calc(100dvh - 100px) !important; overflow-y: auto !important; } .NotificationsDropdown .Dropdown-menu { width: calc(100vw - 4px) !important; } .AlertManager { left: 4px !important; right: 4px !important; width: auto !important; max-width: none !important; } .AlertManager .Alert { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } /* ===== 12. SEARCH WINDOW ===== */ .Search.w95-find-active { left: 4px !important; right: 4px !important; top: 8px !important; transform: none !important; width: auto !important; min-width: 0 !important; max-width: none !important; min-height: 0 !important; max-height: calc(100dvh - 52px - env(safe-area-inset-bottom, 0px)) !important; overflow-y: auto !important; padding: 37px 6px 31px !important; } .Search.w95-find-active .Search-input { padding-left: 0 !important; } .Search.w95-find-active .Search-input:before { display: none !important; } .Search.w95-find-active .Search-input input { height: 38px !important; font-size: 16px !important; } .w95-find-scope { grid-template-columns: 48px minmax(0, 1fr) !important; } .Search.w95-find-active .Dropdown-menu, .Search.w95-find-active .Search-results { min-height: 120px !important; max-height: 42dvh !important; } /* ===== 13. RULEBOOK ===== */ body.win95-rulebook-page .IndexPage-results { width: 100% !important; min-width: 0 !important; padding: 2px !important; } .win95-rulebook-embed { width: 100% !important; min-width: 0 !important; padding: 2px !important; } .win95-rulebook-frame { width: 100% !important; height: calc(100dvh - 228px - env(safe-area-inset-bottom, 0px)) !important; min-height: 430px !important; } /* ===== 14. COMPOSER / WORDPAD ===== */ .Composer { max-width: 100vw !important; border-width: 2px !important; } .Composer:not(.minimized) { max-height: calc(100dvh - 42px - env(safe-area-inset-bottom, 0px)) !important; } .Composer .win95-composer-titlebar, .Composer .Composer-header { min-height: 29px !important; } .Composer .win95-composer-menubar { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; } .Composer .win95-composer-menubar::-webkit-scrollbar { display: none !important; } .Composer .win95-composer-menubar span { flex: 0 0 auto !important; padding-left: 8px !important; padding-right: 8px !important; } .Composer .Composer-content, .Composer .ComposerBody { min-width: 0 !important; max-width: 100% !important; } .Composer textarea, .Composer textarea.TextEditor-editor, .Composer .TextEditor-editor { width: 100% !important; max-width: 100% !important; min-height: 30dvh !important; font-size: 16px !important; box-sizing: border-box !important; } .Composer .TextEditor-controls, .Composer .win95-wordpad-toolbar { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } .Composer .TextEditor-controls::-webkit-scrollbar, .Composer .win95-wordpad-toolbar::-webkit-scrollbar { display: none !important; } .Composer .TextEditor-controls .Button, .Composer .TextEditor-controls button { min-width: 38px !important; min-height: 36px !important; flex: 0 0 auto !important; } .win95-composer-statusbar { overflow-x: auto !important; white-space: nowrap !important; } /* ===== 15. TASKBAR / START MENU ===== */ .w95-taskbar { height: calc(38px + env(safe-area-inset-bottom, 0px)) !important; min-height: calc(38px + env(safe-area-inset-bottom, 0px)) !important; padding: 3px 3px calc(3px + env(safe-area-inset-bottom, 0px)) !important; gap: 2px !important; } .w95-start-button { height: 30px !important; min-width: 66px !important; padding-left: 7px !important; padding-right: 7px !important; } .w95-task-sep { margin-left: 0 !important; margin-right: 0 !important; } .w95-task-app { min-width: 0 !important; max-width: none !important; flex: 1 1 auto !important; height: 30px !important; padding-left: 6px !important; padding-right: 6px !important; } .w95-task-title { min-width: 0 !important; flex: 1 !important; } .w95-task-tray { min-width: 52px !important; height: 28px !important; padding-left: 4px !important; padding-right: 4px !important; } .w95-tray-net { display: none !important; } .w95-start-menu.w95-start-stage7, .w95-start-menu { left: 2px !important; bottom: calc(37px + env(safe-area-inset-bottom, 0px)) !important; width: min(306px, calc(100vw - 4px)) !important; max-height: calc(100dvh - 44px - env(safe-area-inset-bottom, 0px)) !important; } .w95-start-stage7 .w95-start-main, .w95-start-main { max-height: calc(100dvh - 54px - env(safe-area-inset-bottom, 0px)) !important; overflow-y: auto !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; } .w95-start-submenu { width: min(228px, calc(100vw - 44px)) !important; max-height: 65dvh !important; overflow-y: auto !important; } .win95-statusbar { width: 100% !important; max-width: none !important; margin: 0 0 calc(38px + env(safe-area-inset-bottom, 0px)) !important; gap: 2px !important; padding: 2px !important; } .win95-status-cell { min-width: 0 !important; min-height: 22px !important; padding: 2px 5px !important; overflow: hidden !important; font-size: 10px !important; text-overflow: ellipsis !important; } /* 手机上状态栏只保留主要状态 + Internet */ .win95-status-cell:nth-child(2), .win95-status-cell:nth-child(3) { display: none !important; } /* ===== 16. LIFE GATE ===== */ .w95-life-gate { padding: 7px !important; } .w95-life-dialog { width: 100% !important; max-width: 520px !important; max-height: calc(100dvh - 52px - env(safe-area-inset-bottom, 0px)) !important; overflow-y: auto !important; } .w95-life-titlebar { height: 28px !important; margin: 2px !important; } .w95-life-body { min-height: 0 !important; padding: 17px 11px 14px !important; gap: 10px !important; } .w95-life-question { min-height: 50px !important; font-size: 14px !important; } .w95-life-buttons { gap: 7px !important; margin-top: 12px !important; } .w95-life-btn { min-height: 38px !important; height: 38px !important; } } @media (max-width: 480px) { .win95-window-buttons button:nth-child(1), .win95-window-buttons button:nth-child(2) { display: none !important; } .win95-toolbutton { width: 40px !important; min-width: 40px !important; flex-basis: 40px !important; } .Header-secondary .item-search { display: none !important; } .Header-secondary { flex: 0 0 auto !important; } .w95-explorer-head, .w95-explorer-row { grid-template-columns: minmax(0, 1fr) 44px !important; } .w95-explorer-head > div:nth-child(2), .w95-explorer-tag { display: none !important; } .w95-explorer-name { font-size: 12px !important; } .TagsPage.w95-tags-explorer .TagTiles, .w95-subfolder-grid { gap: 6px 2px !important; padding-left: 3px !important; padding-right: 3px !important; } .TagsPage.w95-tags-explorer .TagTile { height: 118px !important; min-height: 118px !important; } .w95-subfolder-tile { min-height: 104px !important; } .UserPage .UserCard-profile { display: block !important; } .UserPage .UserCard-avatar { margin: 0 0 8px !important; } .UserPage .UserCard-controls { position: static !important; margin-top: 8px !important; } .w95-cp-pane { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .w95-cp-pane button { min-height: 78px !important; padding: 4px !important; } .w95-cp-bigicon { width: 34px !important; height: 34px !important; font-size: 18px !important; } .w95-task-icon { display: none !important; } .w95-task-app { padding-left: 5px !important; padding-right: 5px !important; } .w95-task-tray { min-width: 48px !important; } .w95-start-button { min-width: 62px !important; } .Modal-content.w95-auth .w95-auth-steps { overflow-x: auto !important; white-space: nowrap !important; -webkit-overflow-scrolling: touch !important; } } @media (max-width: 360px) { .win95-menubar span, .win95-menu-link { padding-left: 6px !important; padding-right: 6px !important; } .win95-toolbutton { width: 38px !important; min-width: 38px !important; flex-basis: 38px !important; } .win95-tooltext { font-size: 8px !important; } .TagsPage.w95-tags-explorer .TagTiles, .w95-subfolder-grid { grid-template-columns: 1fr 1fr !important; } .w95-start-side { width: 31px !important; flex-basis: 31px !important; } .w95-start-menu.w95-start-stage7, .w95-start-menu { width: calc(100vw - 4px) !important; } .w95-start-submenu { left: 31px !important; width: calc(100vw - 37px) !important; } } @media (max-width: 767px) and (max-height: 520px) { .w95-start-menu.w95-start-stage7, .w95-start-menu { max-height: calc(100dvh - 40px - env(safe-area-inset-bottom, 0px)) !important; } .w95-life-dialog { max-height: calc(100dvh - 44px - env(safe-area-inset-bottom, 0px)) !important; } .w95-life-body { padding-top: 10px !important; padding-bottom: 10px !important; } .Search.w95-find-active { max-height: calc(100dvh - 44px - env(safe-area-inset-bottom, 0px)) !important; } .win95-rulebook-frame { height: calc(100dvh - 190px - env(safe-area-inset-bottom, 0px)) !important; min-height: 280px !important; } } @media (max-width: 767px) { .App-drawer, #drawer.App-drawer, #drawer, .App .App-drawer { display: none !important; visibility: hidden !important; pointer-events: none !important; position: absolute !important; left: -9999px !important; right: auto !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; height: 0 !important; min-height: 0 !important; opacity: 0 !important; transform: none !important; transition: none !important; overflow: hidden !important; } .App, .App.drawerOpen, .App.drawer-open { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; transition: none !important; } .App-content, .App.drawerOpen .App-content, .App.drawer-open .App-content { position: relative !important; left: 0 !important; right: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; transition: none !important; } .App-navigation, .App-navigation button, .App-navigation .Button, .Header-navigation, .Header-navigation button, .Header-navigation .Button { display: none !important; visibility: hidden !important; pointer-events: none !important; } .App-backdrop, .Drawer-backdrop, .drawer-backdrop, .App .drawer-backdrop, .App.drawerOpen::before, .App.drawer-open::before { display: none !important; visibility: hidden !important; pointer-events: none !important; opacity: 0 !important; background: transparent !important; content: none !important; } html, body, body.drawerOpen, body.drawer-open { overflow-x: hidden !important; } body.drawerOpen, body.drawer-open { overflow-y: auto !important; position: static !important; } #app, #app > .App, .App-content, .App-content > .container { left: 0 !important; right: auto !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; } .App-drawer .Header, #drawer .Header { display: none !important; } } @media (max-width: 767px) { #header, .App-header, header.App-header, .App > header, .App > .Header, .App .Header { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } .App-content, .IndexPage, .IndexPage > .container, .IndexPage .sideNavContainer { margin-top: 0 !important; padding-top: 0 !important; } body.w95-mobile-index-active .IndexPage-nav, body.w95-mobile-index-active .IndexPage .IndexPage-nav, body.w95-mobile-index-active .IndexPage-toolbar, body.w95-mobile-index-active .IndexPage .IndexPage-toolbar { position: absolute !important; left: -10000px !important; top: 0 !important; width: 1px !important; height: 1px !important; min-width: 0 !important; min-height: 0 !important; max-width: 1px !important; max-height: 1px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; overflow: hidden !important; transform: none !important; } body.w95-mobile-index-active .IndexPage-results, body.w95-mobile-index-active .IndexPage .sideNavOffset, body.w95-mobile-index-active .IndexPage-results.sideNavOffset { position: static !important; float: none !important; left: auto !important; right: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; transform: none !important; } .w95-mobile-indexbar { position: relative !important; z-index: 30 !important; width: calc(100% - 8px) !important; max-width: none !important; min-width: 0 !important; margin: 4px 4px 6px !important; padding: 4px !important; display: block !important; background: var(--w95-panel) !important; border: 2px solid !important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important; box-shadow: inset 1px 1px var(--w95-mid), inset -1px -1px var(--w95-dark) !important; box-sizing: border-box !important; } .w95-mobile-command-row { position: relative !important; width: 100% !important; min-width: 0 !important; display: flex !important; align-items: stretch !important; gap: 4px !important; margin: 0 !important; padding: 0 !important; } .w95-mobile-command-row + .w95-mobile-command-row { margin-top: 4px !important; } .w95-mobile-command { position: relative !important; height: 38px !important; min-height: 38px !important; margin: 0 !important; padding: 0 9px !important; display: inline-flex !important; align-items: center !important; background: var(--w95-panel) !important; color: #000 !important; border: 2px solid !important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important; border-radius: 0 !important; box-shadow: none !important; font-family: Tahoma, "Microsoft Sans Serif", "MS Sans Serif", Arial, sans-serif !important; font-size: 13px !important; line-height: 20px !important; text-decoration: none !important; text-align: left !important; box-sizing: border-box !important; touch-action: manipulation !important; } .w95-mobile-command:active, .w95-mobile-command.pressed { border-color: var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important; padding-top: 2px !important; padding-left: 11px !important; } .w95-mobile-command:disabled { color: var(--w95-dark) !important; text-shadow: 1px 1px var(--w95-light) !important; } .w95-mobile-command-scope { flex: 1 1 100% !important; width: 100% !important; min-width: 0 !important; } .w95-mobile-command-sort { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; } .w95-mobile-command-icon { flex: 0 0 42px !important; width: 42px !important; min-width: 42px !important; padding: 0 !important; justify-content: center !important; font-family: Arial, sans-serif !important; font-size: 23px !important; font-weight: bold !important; line-height: 1 !important; } .w95-mobile-command-icon:active, .w95-mobile-command-icon.pressed { padding: 2px 0 0 2px !important; } .w95-mobile-command-folder { flex: 0 0 auto !important; margin-right: 7px !important; color: var(--w95-blue) !important; font-size: 16px !important; line-height: 1 !important; } .w95-mobile-command-label { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } .w95-mobile-command-arrow { flex: 0 0 auto !important; margin-left: 7px !important; font-size: 10px !important; } .w95-mobile-popmenu { position: absolute !important; left: 4px !important; right: 4px !important; z-index: 2147482000 !important; display: none !important; max-height: min(52dvh, 360px) !important; padding: 2px !important; overflow-y: auto !important; overflow-x: hidden !important; background: var(--w95-panel) !important; border: 2px solid !important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important; box-shadow: 2px 2px 0 #000 !important; box-sizing: border-box !important; -webkit-overflow-scrolling: touch !important; } .w95-mobile-popmenu.open { display: block !important; } .w95-mobile-popmenu-item { width: 100% !important; min-height: 36px !important; display: block !important; margin: 0 !important; padding: 7px 9px !important; background: transparent !important; color: #000 !important; border: 0 !important; border-radius: 0 !important; font-family: Tahoma, "Microsoft Sans Serif", Arial, sans-serif !important; font-size: 13px !important; line-height: 20px !important; text-align: left !important; box-shadow: none !important; box-sizing: border-box !important; } .w95-mobile-popmenu-item:hover, .w95-mobile-popmenu-item:focus, .w95-mobile-popmenu-item.active { background: var(--w95-blue) !important; color: #fff !important; outline: 0 !important; } .w95-mobile-popmenu-empty { padding: 10px !important; color: var(--w95-dark) !important; font-size: 12px !important; text-align: center !important; } body.w95-mobile-index-active .IndexPage .DiscussionList { width: calc(100% - 8px) !important; max-width: none !important; min-width: 0 !important; margin: 0 4px 6px !important; padding: 2px !important; box-sizing: border-box !important; } body.w95-mobile-index-active .IndexPage .DiscussionList-discussions, body.w95-mobile-index-active .w95-explorer-list { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; } body.w95-mobile-index-active .w95-explorer-head, body.w95-mobile-index-active .w95-explorer-row { width: 100% !important; min-width: 0 !important; grid-template-columns: minmax(0, 1fr) 48px !important; } body.w95-mobile-index-active .w95-explorer-head > div:nth-child(2), body.w95-mobile-index-active .w95-explorer-head > div:nth-child(3), body.w95-mobile-index-active .w95-explorer-head > div:nth-child(5), body.w95-mobile-index-active .w95-explorer-tag, body.w95-mobile-index-active .w95-explorer-author, body.w95-mobile-index-active .w95-explorer-time { display: none !important; } body.w95-mobile-index-active .w95-explorer-head { min-height: 32px !important; } body.w95-mobile-index-active .w95-explorer-row { min-height: 42px !important; } body.w95-mobile-index-active .w95-explorer-name { min-width: 0 !important; padding-left: 7px !important; padding-right: 6px !important; display: flex !important; align-items: center !important; gap: 6px !important; overflow: hidden !important; font-size: 13px !important; } body.w95-mobile-index-active .w95-explorer-name > span:last-child { min-width: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } body.w95-mobile-index-active .w95-explorer-count { padding-left: 3px !important; padding-right: 7px !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; font-size: 12px !important; } .win95-appbar + #app, .win95-appbar + .App, #app, #app > .App, .App-content, .IndexPage, .IndexPage > .container, .IndexPage .sideNavContainer { padding-top: 0 !important; margin-top: 0 !important; } body.w95-mobile-index-active .IndexPage::before, body.w95-mobile-index-active .IndexPage::after, body.w95-mobile-index-active .IndexPage > .container::before, body.w95-mobile-index-active .IndexPage > .container::after { content: none !important; display: none !important; } } @media (max-width: 480px) { .w95-mobile-indexbar { width: calc(100% - 6px) !important; margin-left: 3px !important; margin-right: 3px !important; } body.w95-mobile-index-active .IndexPage .DiscussionList { width: calc(100% - 6px) !important; margin-left: 3px !important; margin-right: 3px !important; } .w95-mobile-command-icon { flex-basis: 40px !important; width: 40px !important; min-width: 40px !important; } .w95-mobile-command { font-size: 12px !important; } } @media (max-width: 767px) { body.w95-mobile-index-active .IndexPage .DiscussionListItem { display: none !important; } body.w95-mobile-index-active .w95-explorer-list > .w95-explorer-item > .w95-explorer-row { display: grid !important; } body.w95-mobile-index-active .w95-mobile-explorer-repaired { display: block !important; visibility: visible !important; } body.w95-mobile-index-active .w95-mobile-explorer-row { grid-template-columns: minmax(0,1fr) 48px !important; } body.w95-mobile-index-active .w95-mobile-explorer-row .w95-explorer-tag, body.w95-mobile-index-active .w95-mobile-explorer-row .w95-explorer-author, body.w95-mobile-index-active .w95-mobile-explorer-row .w95-explorer-time { display: none !important; } .w95-mobile-topic-name { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.w95-mobile-tags-active .TagsPage .w95-tags-viewbar, body.w95-mobile-tags-active .TagsPage .Hero, body.w95-mobile-tags-active .TagsPage .TagHero, body.w95-mobile-tags-active .TagsPage .PageHero, body.w95-mobile-tags-active .TagsPage .TagsPage-controls, body.w95-mobile-tags-active .TagsPage .item-editTags, body.w95-mobile-tags-active .TagsPage .IndexPage-toolbar { display: none !important; } body.w95-mobile-tags-active .TagsPage, body.w95-mobile-tags-active .TagsPage > .container, body.w95-mobile-tags-active .TagsPage .TagsPage-content, body.w95-mobile-tags-active .TagsPage .sideNavContainer, body.w95-mobile-tags-active .TagsPage .sideNavOffset { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; position: static !important; float: none !important; transform: none !important; box-sizing: border-box !important; } .w95-mobile-tagsbar { width: calc(100% - 8px) !important; margin: 4px 4px 0 !important; padding: 4px !important; background: var(--w95-panel) !important; border: 2px solid !important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important; box-sizing: border-box !important; } .w95-mobile-tagsbar-row { min-width: 0 !important; display: grid !important; grid-template-columns: 104px minmax(0,1fr) !important; gap: 4px !important; } .w95-mobile-tags-up { height: 34px !important; min-height: 34px !important; padding: 0 8px !important; background: var(--w95-panel) !important; color: #000 !important; border: 2px solid !important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important; border-radius: 0 !important; font: 12px Tahoma,Arial,sans-serif !important; } .w95-mobile-tags-view { min-width: 0 !important; height: 34px !important; display: flex !important; align-items: center !important; padding: 0 9px !important; border: 1px solid !important; border-color: var(--w95-dark) var(--w95-light) var(--w95-light) var(--w95-dark) !important; overflow: hidden !important; white-space: nowrap !important; font-size: 12px !important; box-sizing: border-box !important; } .w95-mobile-tags-location { width: 100% !important; min-width: 0 !important; height: 30px !important; display: flex !important; align-items: center !important; gap: 5px !important; margin-top: 4px !important; padding: 2px 6px !important; background: #fff !important; border: 2px solid !important; border-color: var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; font-size: 12px !important; box-sizing: border-box !important; -webkit-overflow-scrolling: touch !important; } .w95-mobile-tags-folder { flex: 0 0 auto !important; color: var(--w95-blue) !important; } body.w95-mobile-tags-active .TagsPage.w95-tags-explorer .TagTiles { width: calc(100% - 8px) !important; max-width: none !important; margin: 0 4px !important; padding: 16px 6px 12px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px 3px !important; } body.w95-mobile-tags-active .w95-tags-file-status { width: calc(100% - 8px) !important; margin: 0 4px !important; } .w95-subfolder-viewbar { width: 100% !important; display: block !important; padding: 4px !important; } .w95-subfolder-tools { width: 100% !important; min-width: 0 !important; display: flex !important; align-items: center !important; gap: 4px !important; overflow-x: auto !important; white-space: nowrap !important; -webkit-overflow-scrolling: touch !important; } .w95-subfolder-location { width: 100% !important; min-width: 0 !important; margin-top: 4px !important; padding: 5px 6px !important; background: #fff !important; border: 2px solid !important; border-color: var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important; overflow-x: auto !important; white-space: nowrap !important; box-sizing: border-box !important; -webkit-overflow-scrolling: touch !important; } body.win95-rulebook-page .w95-mobile-indexbar { display: none !important; } body.win95-rulebook-page .IndexPage-results { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 3px !important; } body.win95-rulebook-page .win95-rulebook-embed { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.win95-rulebook-page .win95-rulebook-frame { display: block !important; width: 100% !important; max-width: 100% !important; height: calc( 100dvh - 205px - env(safe-area-inset-bottom,0px) ) !important; min-height: 430px !important; margin: 0 !important; } } @media (max-width: 480px) { body.w95-mobile-tags-active .TagsPage.w95-tags-explorer .TagTile { height: 124px !important; min-height: 124px !important; } body.w95-mobile-tags-active .TagsPage.w95-tags-explorer .TagTile-lastDiscussion { display: none !important; } .w95-mobile-tagsbar-row { grid-template-columns: 96px minmax(0,1fr) !important; } } @media (max-width: 767px) { body.w95-mobile-tags-root-m15 .TagsPage-nav, body.w95-mobile-tags-root-m15 .TagsPage > .container > .IndexPage-nav, body.w95-mobile-tags-root-m15 .TagsPage .IndexPage-nav, body.w95-mobile-tags-root-m15 .TagsPage .sideNav, body.w95-mobile-tags-root-m15 .TagsPage nav.sideNav { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; max-width: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } body.w95-mobile-tags-root-m15 .TagsPage-content, body.w95-mobile-tags-root-m15 .TagsPage-content.sideNavOffset, body.w95-mobile-tags-root-m15 .TagsPage .sideNavOffset { position: static !important; float: none !important; left: auto !important; right: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; transform: none !important; box-sizing: border-box !important; } body.w95-mobile-tags-root-m15 .w95-tags-viewbar { display: none !important; } body.w95-mobile-tags-root-m15 .w95-mobile-tagsbar { width: calc(100% - 8px) !important; margin: 4px 4px 0 !important; padding: 3px !important; border-bottom-width: 0 !important; box-shadow: none !important; } body.w95-mobile-tags-root-m15 .w95-mobile-tagsbar-row { grid-template-columns: 100px minmax(0,1fr) !important; gap: 3px !important; } body.w95-mobile-tags-root-m15 .w95-mobile-tags-up, body.w95-mobile-tags-root-m15 .w95-mobile-tags-view { height: 32px !important; min-height: 32px !important; } body.w95-mobile-tags-root-m15 .w95-mobile-tags-location { height: 29px !important; margin-top: 3px !important; font-size: 11px !important; } body.w95-mobile-tags-root-m15 .TagsPage.w95-tags-explorer .TagTiles { width: calc(100% - 8px) !important; margin: 0 4px !important; padding: 18px 7px 14px !important; border-top-width: 2px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px 4px !important; } .TagsPage.w95-tags-explorer .TagTile, .w95-subfolder-grid .w95-subfolder-tile { cursor: default !important; touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; user-select: none !important; -webkit-user-select: none !important; } .TagsPage.w95-tags-explorer .TagTile.is-disabled, .w95-subfolder-grid .w95-subfolder-tile.is-disabled { /* * 不禁用 pointer-events： * M1.5 仍要有机会在 DOM 重绘后补出 href。 */ pointer-events: auto !important; } .w95-subfolder-tile.w95-selected .w95-subfolder-name { background: var(--w95-blue) !important; color: #fff !important; outline: 1px dotted #fff !important; outline-offset: -3px !important; } .w95-subfolder-tile.w95-selected .w95-subfolder-meta { color: var(--w95-dark) !important; } body.w95-subfolder-page .w95-subfolder-viewbar { display: block !important; width: 100% !important; padding: 3px !important; box-sizing: border-box !important; } body.w95-subfolder-page .w95-subfolder-tools { width: 100% !important; min-height: 32px !important; display: flex !important; align-items: center !important; gap: 4px !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; -webkit-overflow-scrolling: touch !important; } body.w95-subfolder-page .w95-subfolder-location { width: 100% !important; height: 29px !important; margin-top: 3px !important; display: block !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; font-size: 11px !important; -webkit-overflow-scrolling: touch !important; } body.w95-subfolder-page .w95-subfolder-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px 4px !important; padding: 16px 6px !important; } body.w95-subfolder-page .w95-subfolder-tile { min-height: 116px !important; padding-top: 6px !important; box-sizing: border-box !important; } } @media (max-width: 480px) { body.w95-mobile-tags-root-m15 .TagsPage.w95-tags-explorer .TagTile { height: 126px !important; min-height: 126px !important; } body.w95-mobile-tags-root-m15 .TagsPage.w95-tags-explorer .TagTile-lastPostedDiscussion, body.w95-mobile-tags-root-m15 .TagsPage.w95-tags-explorer .TagTile-lastDiscussion { display: none !important; } } @media (max-width: 767px) { body.w95-mobile-rulebook-exclusive .w95-subfolder-explorer, body.w95-mobile-rulebook-exclusive .w95-leaf-files-title, body.w95-mobile-rulebook-exclusive .w95-leaf-files-status, body.w95-mobile-rulebook-exclusive .IndexPage .DiscussionList, body.w95-mobile-rulebook-exclusive .IndexPage-nav, body.w95-mobile-rulebook-exclusive .IndexPage-toolbar, body.w95-mobile-rulebook-exclusive .w95-mobile-indexbar, body.w95-mobile-rulebook-exclusive .TagHero, body.w95-mobile-rulebook-exclusive .Hero { display: none !important; visibility: hidden !important; } body.w95-mobile-rulebook-exclusive .IndexPage, body.w95-mobile-rulebook-exclusive .IndexPage > .container, body.w95-mobile-rulebook-exclusive .IndexPage .sideNavContainer, body.w95-mobile-rulebook-exclusive .IndexPage-results, body.w95-mobile-rulebook-exclusive .IndexPage-results.sideNavOffset { position: static !important; float: none !important; left: auto !important; right: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; transform: none !important; box-sizing: border-box !important; } body.w95-mobile-rulebook-exclusive .win95-rulebook-embed { display: block !important; visibility: visible !important; position: relative !important; width: calc(100% - 8px) !important; max-width: none !important; min-width: 0 !important; margin: 4px !important; padding: 3px !important; background: var(--w95-panel) !important; border: 2px solid !important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important; box-sizing: border-box !important; overflow: hidden !important; } body.w95-mobile-rulebook-exclusive .win95-rulebook-frame { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: calc( 100dvh - 244px - env(safe-area-inset-bottom, 0px) ) !important; min-height: 390px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-sizing: border-box !important; overflow: auto !important; } body.w95-mobile-rulebook-exclusive .w95-mobile-globalnav { display: flex !important; visibility: visible !important; } } @media (max-width: 767px) and (max-height: 620px) { body.w95-mobile-rulebook-exclusive .win95-rulebook-frame { height: calc( 100dvh - 214px - env(safe-area-inset-bottom, 0px) ) !important; min-height: 300px !important; } } @media (max-width: 767px) { /* ========================================================= 01. EVERY-PAGE DIRECTORY BAR ========================================================= */ .w95-mobile-globalnav { width: 100% !important; min-width: 0 !important; height: 35px !important; display: flex !important; align-items: stretch !important; margin: 0 !important; padding: 2px 3px !important; background: var(--w95-panel) !important; border-top: 1px solid var(--w95-light) !important; border-bottom: 1px solid var(--w95-dark) !important; box-sizing: border-box !important; overflow: hidden !important; } .w95-mobile-globalnav-label { flex: 0 0 auto !important; min-width: 42px !important; display: flex !important; align-items: center !important; padding: 0 5px !important; color: #000 !important; font: 11px Tahoma, "Microsoft Sans Serif", Arial, sans-serif !important; white-space: nowrap !important; } .w95-mobile-globalnav-strip { flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; align-items: stretch !important; gap: 2px !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; } .w95-mobile-globalnav-strip::-webkit-scrollbar { display: none !important; } .w95-mobile-globalnav-item { flex: 1 0 54px !important; min-width: 54px !important; height: 29px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 7px !important; background: var(--w95-panel) !important; color: #000 !important; border: 2px solid !important; border-color: var(--w95-light) var(--w95-deep) var(--w95-deep) var(--w95-light) !important; border-radius: 0 !important; box-shadow: none !important; font: 11px Tahoma, "Microsoft Sans Serif", Arial, sans-serif !important; line-height: 25px !important; text-decoration: none !important; white-space: nowrap !important; box-sizing: border-box !important; touch-action: manipulation !important; } .w95-mobile-globalnav-item:active, .w95-mobile-globalnav-item.active { border-color: var(--w95-deep) var(--w95-light) var(--w95-light) var(--w95-deep) !important; padding-top: 2px !important; padding-left: 9px !important; background: var(--w95-mid) !important; font-weight: bold !important; } .w95-mobile-globalnav-item.active::before { content: "▪" !important; margin-right: 4px !important; color: var(--w95-blue) !important; } } /* ===== Mobile Clean · Secondary folder final layout ===== */ @media (max-width: 767px) { body.w95-subfolder-page .w95-subfolder-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-auto-rows:minmax(126px,auto)!important; align-items:start!important; gap:12px 6px!important; width:100%!important; min-width:0!important; padding:14px 7px!important; box-sizing:border-box!important } .w95-subfolder-grid .w95-subfolder-tile{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:62px minmax(20px,auto) minmax(15px,auto)!important; align-items:start!important; justify-items:center!important; width:100%!important; min-width:0!important; height:auto!important; min-height:126px!important; margin:0!important; padding:7px 5px 8px!important; overflow:visible!important; text-align:center!important; box-sizing:border-box!important; touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; user-select:none!important; -webkit-user-select:none!important } .w95-subfolder-grid .w95-subfolder-icon{ position:relative!important; grid-row:1!important; grid-column:1!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; align-self:center!important; justify-self:center!important; width:48px!important; height:31px!important; margin:10px auto 5px!important; transform:none!important; flex:0 0 auto!important } .w95-subfolder-grid .w95-subfolder-icon:before{ left:-2px!important; top:-10px!important; width:23px!important; height:10px!important } .w95-subfolder-grid .w95-subfolder-name{ position:static!important; grid-row:2!important; grid-column:1!important; align-self:start!important; justify-self:stretch!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:18px!important; margin:0!important; padding:1px 4px!important; transform:none!important; overflow:visible!important; color:#000!important; font-size:12px!important; line-height:17px!important; text-align:center!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:break-word!important; box-sizing:border-box!important } .w95-subfolder-grid .w95-subfolder-meta{ position:static!important; grid-row:3!important; grid-column:1!important; width:100%!important; min-width:0!important; height:auto!important; margin:2px 0 0!important; padding:0 3px!important; color:var(--w95-dark)!important; font-size:10px!important; line-height:14px!important; text-align:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; box-sizing:border-box!important } .w95-subfolder-tile.w95-selected .w95-subfolder-name{ background:var(--w95-blue)!important; color:#fff!important; outline:1px dotted #fff!important; outline-offset:-3px!important } /* 当前目录，或双击第二下按住/85ms 跳转反馈：显示 Win95 打开文件夹 */ .w95-subfolder-tile.is-open .w95-subfolder-icon, .w95-subfolder-tile.w95-selected:active .w95-subfolder-icon, .w95-subfolder-tile.w95-mobile-opening .w95-subfolder-icon{ top:auto!important; width:49px!important; height:27px!important; margin-top:13px!important; background:#ffff00!important; border-color:#fff #808000 #808000 #fff!important; box-shadow:1px 1px #000!important } .w95-subfolder-tile.is-open .w95-subfolder-icon:before, .w95-subfolder-tile.w95-selected:active .w95-subfolder-icon:before, .w95-subfolder-tile.w95-mobile-opening .w95-subfolder-icon:before{ left:-2px!important; top:-9px!important; width:24px!important; height:11px!important; background:#ffff00!important; border-color:#fff #808000 #ffff00 #fff!important } .w95-subfolder-tile.is-open .w95-subfolder-icon:after, .w95-subfolder-tile.w95-selected:active .w95-subfolder-icon:after, .w95-subfolder-tile.w95-mobile-opening .w95-subfolder-icon:after{ content:""!important; display:block!important; position:absolute!important; left:-5px!important; top:7px!important; width:53px!important; height:21px!important; background:#ffff80!important; border:2px solid!important; border-color:#fff #808000 #808000 #fff!important; box-shadow:1px 1px #000!important; box-sizing:border-box!important; transform:skewX(-12deg)!important; transform-origin:left bottom!important } .w95-subfolder-tile.w95-mobile-opening{pointer-events:none!important} } /* ========================================================= Desktop Sidebar Icon Pack v1.0 · TEST PATCH 仅 >=768px 生效；手机端保持 Clean Build v6 原样。 图标源：/custom/w95-icons/*.png（用户提供的 32x32 Win95 图标） ========================================================= */ @media (min-width:768px){ .IndexPage-nav .w95-siteicon{ width:22px!important; height:22px!important; min-width:22px!important; flex:0 0 22px!important; margin-right:8px!important; display:inline-block!important; position:relative!important; vertical-align:middle!important; box-sizing:border-box!important; background-color:transparent!important; background-image:var(--w95-siteicon-url)!important; background-position:center!important; background-repeat:no-repeat!important; background-size:contain!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:transparent!important; overflow:visible!important; } .IndexPage-nav .w95-siteicon::before, .IndexPage-nav .w95-siteicon::after{ content:none!important; display:none!important; } .IndexPage-nav .w95-siteicon>i, .IndexPage-nav .w95-siteicon .icon{ display:none!important; } .IndexPage-nav .win95-tree-parent .w95-siteicon{ width:24px!important; height:24px!important; min-width:24px!important; flex-basis:24px!important; } .IndexPage-nav .win95-tree-child .w95-siteicon{ width:20px!important; height:20px!important; min-width:20px!important; flex-basis:20px!important; background-color:transparent!important; } .IndexPage-nav .Dropdown-menu>li.active .w95-siteicon, .IndexPage-nav .Dropdown-menu>li>a:hover .w95-siteicon, .IndexPage-nav .Dropdown-menu>li>button:hover .w95-siteicon{ background-color:transparent!important; } } /* ========================================================= Desktop Shell Icon Pack v1.1 · TEST PATCH 电脑端桌面快捷方式 + 开始菜单使用用户提供的 32x32 图标。 仅替换存在明确对应关系的项目；手机端不受影响。 ========================================================= */ @media (min-width:768px){ /* 开始菜单：32x32 原图适配到现有 30x30 图标槽 */ .w95-start-stage7 .w95-start-pixel.w95-start-siteicon{ width:30px!important; height:30px!important; display:block!important; position:relative!important; background-image:var(--w95-start-siteicon-url)!important; background-position:center!important; background-repeat:no-repeat!important; background-size:30px 30px!important; image-rendering:auto; filter:none!important; transform:none!important; } .w95-start-stage7 .w95-start-pixel.w95-start-siteicon::before, .w95-start-stage7 .w95-start-pixel.w95-start-siteicon::after{ content:none!important; display:none!important; } /* 桌面：仅跑团大厅 / 规则讨论区替换为用户图标 */ .w95-desktop-stage7 .w95-desktop-icon.w95-desktop-siteicon{ width:34px!important; height:32px!important; flex:0 0 32px!important; background-image:var(--w95-desktop-siteicon-url)!important; background-position:center bottom!important; background-repeat:no-repeat!important; background-size:32px 32px!important; image-rendering:auto; } .w95-desktop-stage7 .w95-desktop-icon.w95-desktop-siteicon::before, .w95-desktop-stage7 .w95-desktop-icon.w95-desktop-siteicon::after{ content:none!important; display:none!important; } /* 快捷方式箭头仍保留在图片左下角 */ .w95-desktop-stage7 .w95-desktop-icon.w95-desktop-siteicon .w95-shortcut-badge{ display:block!important; } } /* ========================================================= TM Win95 v6.3 · Composer stacking + FoF Upload Media Manager Desktop Composer overlap fix (confirmed) + Upload UI alignment. ========================================================= */ /* --- Composer: keep WordPad above forum chrome but above the taskbar --- */ @media (min-width:768px) { #app { z-index:3!important; } .win95-appbar,.win95-statusbar { z-index:2!important; } .Composer { z-index:1000!important; } .Composer:not(.minimized):not(.fullScreen) { bottom:44px!important; overflow:hidden!important; } .Composer:not(.minimized):not(.fullScreen) .TextEditor-editor, .Composer:not(.minimized):not(.fullScreen) textarea.TextEditor-editor, .Composer:not(.minimized):not(.fullScreen) .ComposerBody-editor textarea { height:235px!important; min-height:235px!important; max-height:235px!important; overflow-y:auto!important; box-sizing:border-box!important; } .Composer:not(.minimized):not(.fullScreen) > .win95-composer-statusbar { position:absolute!important; left:3px!important; right:3px!important; bottom:3px!important; width:auto!important; height:25px!important; margin:0!important; z-index:30!important; } .Composer:not(.minimized):not(.fullScreen) .Composer-content { padding-bottom:31px!important; box-sizing:border-box!important; } .Composer:not(.minimized):not(.fullScreen) .TextEditor-controls, .Composer:not(.minimized):not(.fullScreen) .win95-wordpad-toolbar { position:relative!important; z-index:5!important; } } /* --- FoF Upload: Media Manager becomes a proper Win95 file window --- */ .fof-file-manager-modal { --tm-upload-title:#000080; } .fof-file-manager-modal .Modal-content { display:flex!important; flex-direction:column!important; position:relative!important; padding:0!important; overflow:hidden!important; background:var(--w95-panel,#c0c0c0)!important; border:3px solid!important; border-color:var(--w95-light,#fff) var(--w95-deep,#404040) var(--w95-deep,#404040) var(--w95-light,#fff)!important; outline:1px solid #000!important; outline-offset:-5px!important; } /* The original FoF DOM puts the upload button before the header. Reorder it. */ .fof-file-manager-modal .Modal-header { order:1!important; position:relative!important; display:flex!important; align-items:center!important; min-height:38px!important; margin:3px 3px 0!important; padding:6px 34px 6px 8px!important; box-sizing:border-box!important; background:var(--tm-upload-title)!important; color:#fff!important; border:0!important; box-shadow:none!important; } .fof-file-manager-modal .Modal-header .App-titleControl, .fof-file-manager-modal .Modal-header .Modal-title, .fof-file-manager-modal .Modal-header h3 { margin:0!important; padding:0!important; color:#fff!important; font-family:Tahoma,"Microsoft Sans Serif",Arial,sans-serif!important; font-size:17px!important; line-height:24px!important; font-weight:bold!important; } .fof-file-manager-modal .fof-modal-buttons.App-backControl, .fof-file-manager-modal .fof-modal-buttons { order:2!important; position:relative!important; inset:auto!important; top:auto!important; right:auto!important; bottom:auto!important; left:auto!important; float:none!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:5px!important; width:auto!important; min-height:42px!important; margin:0 4px!important; padding:4px 6px!important; box-sizing:border-box!important; background:var(--w95-panel,#c0c0c0)!important; border-top:1px solid var(--w95-light,#fff)!important; border-bottom:1px solid var(--w95-dark,#808080)!important; z-index:4!important; } .fof-file-manager-modal .fof-modal-buttons::before { content:"文件"; display:inline-flex!important; align-items:center!important; height:28px!important; padding:0 8px!important; color:#000!important; font-size:12px!important; border-right:1px solid var(--w95-dark,#808080)!important; box-shadow:1px 0 var(--w95-light,#fff)!important; } .fof-file-manager-modal .fof-modal-buttons .Button { position:relative!important; top:auto!important; right:auto!important; min-width:78px!important; height:30px!important; margin:0!important; padding:0 10px!important; line-height:26px!important; font-size:13px!important; background:var(--w95-panel,#c0c0c0)!important; color:#000!important; } .fof-file-manager-modal .fof-modal-buttons .Button-icon { margin-right:6px!important; } .fof-file-manager-modal .Modal-alert { order:3!important; margin:5px 8px 0!important; } .fof-file-manager-modal .Modal-body { order:4!important; flex:1 1 auto!important; min-height:270px!important; max-height:52vh!important; margin:7px 8px!important; padding:8px!important; overflow:auto!important; box-sizing:border-box!important; background:#fff!important; color:#000!important; border:2px solid!important; border-color:var(--w95-deep,#404040) var(--w95-light,#fff) var(--w95-light,#fff) var(--w95-deep,#404040)!important; box-shadow:inset 1px 1px #000,inset -1px -1px var(--w95-mid,#dfdfdf)!important; } .fof-file-manager-modal .Modal-body .Button, .fof-file-manager-modal .Modal-body button { border-radius:0!important; } .fof-file-manager-modal .Modal-footer { order:5!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; min-height:52px!important; margin:0!important; padding:8px!important; box-sizing:border-box!important; background:var(--w95-panel,#c0c0c0)!important; border-top:1px solid var(--w95-dark,#808080)!important; box-shadow:inset 0 1px var(--w95-light,#fff)!important; text-align:right!important; } .fof-file-manager-modal .Modal-footer .Button { min-width:94px!important; height:32px!important; margin:0!important; padding:0 12px!important; line-height:28px!important; } /* Shared/user library tabs, when enabled, stay readable inside the blue header. */ .fof-file-manager-modal .LibrarySelection { display:flex!important; align-items:center!important; gap:3px!important; margin-left:auto!important; } .fof-file-manager-modal .LibrarySelection .Button { min-height:24px!important; padding:1px 7px!important; background:var(--w95-panel,#c0c0c0)!important; color:#000!important; font-size:11px!important; } /* FoF drag/drop remains an overlay, not a layout item. */ .fof-file-manager-modal .fof-drag-and-drop { position:absolute!important; inset:3px!important; z-index:50!important; pointer-events:none!important; } .fof-file-manager-modal .fof-drag-and-drop-release { border-radius:0!important; border:2px dashed #000!important; background:rgba(192,192,192,.94)!important; color:#000!important; } @media (min-width:768px) { .fof-file-manager-modal.Modal--large, .fof-file-manager-modal { width:min(880px,calc(100vw - 70px))!important; max-width:880px!important; margin:7vh auto 0!important; } .fof-file-manager-modal .Modal-content { max-height:min(650px,80vh)!important; } } @media (max-width:767px) { .fof-file-manager-modal.Modal--large, .fof-file-manager-modal { width:calc(100vw - 12px)!important; max-width:none!important; margin:6px auto!important; } .fof-file-manager-modal .Modal-content { max-height:calc(100dvh - 54px - env(safe-area-inset-bottom,0px))!important; } .fof-file-manager-modal .Modal-header { min-height:34px!important; } .fof-file-manager-modal .Modal-header h3, .fof-file-manager-modal .Modal-header .App-titleControl { font-size:15px!important; } .fof-file-manager-modal .fof-modal-buttons { min-height:40px!important; overflow-x:auto!important; white-space:nowrap!important; } .fof-file-manager-modal .Modal-body { min-height:190px!important; max-height:55dvh!important; } .fof-file-manager-modal .Modal-footer { flex-wrap:wrap!important; } .fof-file-manager-modal .Modal-footer .Button { flex:1 1 120px!important; } } /* ========================================================= TM Win95 v6.3.5 · Follow Users profile-list UI ianm/follow-users 1.5.x — /u/:username/followedUsers + /followers ========================================================= */ body.w95-follow-users-page .UserPage-content { background:var(--w95-panel,#c0c0c0)!important; } body.w95-follow-users-page .FollowedUserList.w95-follow-list { width:100%!important; max-width:none!important; margin:0!important; padding:3px!important; box-sizing:border-box!important; background:var(--w95-panel,#c0c0c0)!important; border:2px solid!important; border-color:var(--w95-light,#fff) var(--w95-deep,#404040) var(--w95-deep,#404040) var(--w95-light,#fff)!important; border-radius:0!important; box-shadow:1px 1px #000!important; } body.w95-follow-users-page .w95-follow-list-titlebar { min-height:28px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; padding:0 7px!important; box-sizing:border-box!important; background:var(--w95-blue,#000080)!important; color:#fff!important; font-size:13px!important; font-weight:bold!important; } body.w95-follow-users-page .w95-follow-list-titlebar span:last-child { font-size:11px!important; font-weight:normal!important; white-space:nowrap!important; } body.w95-follow-users-page .w95-follow-list-toolbar { min-height:29px!important; display:flex!important; align-items:center!important; gap:2px!important; padding:2px 4px!important; box-sizing:border-box!important; background:var(--w95-panel,#c0c0c0)!important; border-top:1px solid var(--w95-light,#fff)!important; border-bottom:1px solid var(--w95-dark,#808080)!important; color:#000!important; font-size:12px!important; } body.w95-follow-users-page .w95-follow-list-toolbar>span:not(.w95-follow-list-spacer) { padding:3px 7px!important; } body.w95-follow-users-page .w95-follow-list-toolbar>span:not(.w95-follow-list-spacer):hover { background:var(--w95-blue,#000080)!important; color:#fff!important; } body.w95-follow-users-page .w95-follow-list-spacer { flex:1 1 auto!important; } body.w95-follow-users-page .FollowedUserList-users { list-style:none!important; margin:3px 0 0!important; padding:2px!important; background:#fff!important; border:2px solid!important; border-color:var(--w95-deep,#404040) var(--w95-light,#fff) var(--w95-light,#fff) var(--w95-deep,#404040)!important; box-shadow:inset 1px 1px #000,inset -1px -1px var(--w95-mid,#dfdfdf)!important; } body.w95-follow-users-page .FollowedUserList-users>li { margin:0!important; padding:0!important; background:#fff!important; border:0!important; border-bottom:1px dotted #b0b0b0!important; } body.w95-follow-users-page .FollowedUserList-users>li:last-child {border-bottom:0!important} body.w95-follow-users-page .FollowedUserList-users .User { margin:0!important; padding:0!important; width:100%!important; } body.w95-follow-users-page .UserCard--follow-list { position:relative!important; width:100%!important; min-height:88px!important; margin:0!important; padding:0!important; box-sizing:border-box!important; background:var(--w95-panel,#c0c0c0)!important; color:#000!important; border:0!important; border-radius:0!important; box-shadow:none!important; --usercard-bg:var(--w95-panel,#c0c0c0)!important; } body.w95-follow-users-page .UserCard--follow-list .darkenBackground, body.w95-follow-users-page .UserCard--follow-list>.darkenBackground { min-height:88px!important; background:transparent!important; border-radius:0!important; box-shadow:none!important; } body.w95-follow-users-page .UserCard--follow-list .container { width:100%!important; max-width:none!important; min-height:88px!important; margin:0!important; padding:0!important; box-sizing:border-box!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-profile { position:relative!important; min-height:88px!important; margin:0!important; padding:10px 112px 9px 82px!important; box-sizing:border-box!important; background:var(--w95-panel,#c0c0c0)!important; color:#000!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-identity { min-height:23px!important; margin:0 0 5px!important; padding:0!important; color:#000!important; font-size:16px!important; font-weight:bold!important; line-height:23px!important; text-shadow:none!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-identity>a { display:block!important; color:#000!important; text-decoration:none!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-identity>a:hover { color:var(--w95-link,#0000ee)!important; text-decoration:underline!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-avatar { position:absolute!important; left:10px!important; top:10px!important; width:58px!important; height:58px!important; margin:0!important; padding:0!important; float:none!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-avatar .Avatar, body.w95-follow-users-page .UserCard--follow-list .Avatar { width:58px!important; height:58px!important; line-height:58px!important; border-radius:0!important; border:2px solid!important; border-color:var(--w95-deep,#404040) var(--w95-light,#fff) var(--w95-light,#fff) var(--w95-deep,#404040)!important; box-shadow:1px 1px #000!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-info { display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:4px 14px!important; min-height:20px!important; margin:0!important; padding:0!important; color:#000!important; font-size:12px!important; line-height:18px!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-info>li { margin:0!important; color:#000!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-info, body.w95-follow-users-page .UserCard--follow-list .UserCard-info *, body.w95-follow-users-page .UserCard--follow-list .UserCard-lastSeen { color:#000!important; text-shadow:none!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-badges { position:static!important; display:inline-flex!important; vertical-align:middle!important; margin:0 0 4px 4px!important; padding:0!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-controls { position:absolute!important; top:10px!important; right:9px!important; margin:0!important; z-index:5!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-controls .Button, body.w95-follow-users-page .UserCard--follow-list .Button { min-height:28px!important; border-radius:0!important; background:var(--w95-panel,#c0c0c0)!important; color:#000!important; border:2px solid!important; border-color:var(--w95-light,#fff) var(--w95-deep,#404040) var(--w95-deep,#404040) var(--w95-light,#fff)!important; box-shadow:none!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-controls .Button { width:34px!important; min-width:34px!important; height:30px!important; padding:0!important; } /* Follow Users inserts follow-level controls into the card; keep them compact. */ body.w95-follow-users-page .UserCard--follow-list .Dropdown, body.w95-follow-users-page .UserCard--follow-list .ButtonGroup { border-radius:0!important; } body.w95-follow-users-page .w95-follow-list-status { min-height:24px!important; display:grid!important; grid-template-columns:1fr 90px!important; margin-top:3px!important; background:var(--w95-panel,#c0c0c0)!important; color:#000!important; font-size:11px!important; } body.w95-follow-users-page .w95-follow-list-status>span { display:flex!important; align-items:center!important; padding:0 6px!important; border:1px solid!important; border-color:var(--w95-dark,#808080) var(--w95-light,#fff) var(--w95-light,#fff) var(--w95-dark,#808080)!important; } /* Empty/loading states on following/follower pages. */ body.w95-follow-users-page .UserPage-content .DiscussionList { margin:0!important; padding:22px!important; background:#fff!important; color:#000!important; border:2px solid!important; border-color:var(--w95-deep,#404040) var(--w95-light,#fff) var(--w95-light,#fff) var(--w95-deep,#404040)!important; border-radius:0!important; box-shadow:inset 1px 1px #000!important; } @media (max-width:767px) { body.w95-follow-users-page .FollowedUserList.w95-follow-list { margin:0!important; } body.w95-follow-users-page .w95-follow-list-toolbar { overflow-x:auto!important; white-space:nowrap!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-profile { min-height:82px!important; padding:8px 48px 8px 70px!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-avatar { left:7px!important; top:8px!important; width:52px!important; height:52px!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-avatar .Avatar, body.w95-follow-users-page .UserCard--follow-list .Avatar { width:52px!important; height:52px!important; line-height:52px!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-identity { font-size:14px!important; } body.w95-follow-users-page .UserCard--follow-list .UserCard-controls { top:7px!important; right:6px!important; } body.w95-follow-users-page .w95-follow-list-status { grid-template-columns:1fr 62px!important; } } /* ========================================================= TM Win95 v6.3.6 · Secondary Tag Icon Pack Desktop only. Secondary tag icons use the user's native 32x32 PNGs. ========================================================= */ @media (min-width:768px){ .IndexPage-nav .win95-tree-child .w95-siteicon{ width:32px!important; height:32px!important; min-width:32px!important; flex:0 0 32px!important; margin-right:8px!important; background-size:32px 32px!important; background-position:center!important; background-repeat:no-repeat!important; image-rendering:auto!important; } } /* ========================================================= TM Win95 - 个人空间左侧导航当前板块高亮 ========================================================= */ .UserPage .App-sideNav .Dropdown-menu > li > a, .UserPage .App-sideNav .Dropdown-menu > li > .Button, .UserPage .sideNav .Dropdown-menu > li > a, .UserPage .sideNav .Dropdown-menu > li > .Button { position: relative !important; box-sizing: border-box !important; } /* 当前选中的板块 */ .UserPage .App-sideNav .Dropdown-menu > li.active > a, .UserPage .App-sideNav .Dropdown-menu > li.active > .Button, .UserPage .sideNav .Dropdown-menu > li.active > a, .UserPage .sideNav .Dropdown-menu > li.active > .Button, .UserPage .App-sideNav .Dropdown-menu > li > a[aria-current="page"], .UserPage .App-sideNav .Dropdown-menu > li > .Button[aria-current="page"], .UserPage .sideNav .Dropdown-menu > li > a[aria-current="page"], .UserPage .sideNav .Dropdown-menu > li > .Button[aria-current="page"] { background: #b8b8b8 !important; color: #000 !important; font-weight: 700 !important; border: 2px solid !important; border-color: #808080 #ffffff #ffffff #808080 !important; box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #dfdfdf !important; } /* 左侧蓝色选中条 */ .UserPage .App-sideNav .Dropdown-menu > li.active > a::before, .UserPage .App-sideNav .Dropdown-menu > li.active > .Button::before, .UserPage .sideNav .Dropdown-menu > li.active > a::before, .UserPage .sideNav .Dropdown-menu > li.active > .Button::before, .UserPage .App-sideNav .Dropdown-menu > li > a[aria-current="page"]::before, .UserPage .App-sideNav .Dropdown-menu > li > .Button[aria-current="page"]::before, .UserPage .sideNav .Dropdown-menu > li > a[aria-current="page"]::before, .UserPage .sideNav .Dropdown-menu > li > .Button[aria-current="page"]::before { content: "" !important; position: absolute !important; left: 2px !important; top: 4px !important; bottom: 4px !important; width: 5px !important; background: #000080 !important; box-shadow: 1px 0 0 #ffffff, -1px 0 0 #404040 !important; } /* 鼠标经过 */ .UserPage .App-sideNav .Dropdown-menu > li:not(.active) > a:hover, .UserPage .App-sideNav .Dropdown-menu > li:not(.active) > .Button:hover, .UserPage .sideNav .Dropdown-menu > li:not(.active) > a:hover, .UserPage .sideNav .Dropdown-menu > li:not(.active) > .Button:hover { background: #d6d6d6 !important; color: #000 !important; } /* ========================================================= TM Win95 - 个人空间选中项修复：蓝条不遮挡图标 ========================================================= */ /* 禁用上一版会覆盖图标的伪元素蓝条 */ .UserPage .App-sideNav .Dropdown-menu > li.active > a::before, .UserPage .App-sideNav .Dropdown-menu > li.active > .Button::before, .UserPage .sideNav .Dropdown-menu > li.active > a::before, .UserPage .sideNav .Dropdown-menu > li.active > .Button::before, .UserPage .App-sideNav .Dropdown-menu > li > a[aria-current="page"]::before, .UserPage .App-sideNav .Dropdown-menu > li > .Button[aria-current="page"]::before, .UserPage .sideNav .Dropdown-menu > li > a[aria-current="page"]::before, .UserPage .sideNav .Dropdown-menu > li > .Button[aria-current="page"]::before { content: none !important; display: none !important; } /* 当前选中项：Win95 凹陷框 + 左侧蓝色内嵌条 */ .UserPage .App-sideNav .Dropdown-menu > li.active > a, .UserPage .App-sideNav .Dropdown-menu > li.active > .Button, .UserPage .sideNav .Dropdown-menu > li.active > a, .UserPage .sideNav .Dropdown-menu > li.active > .Button, .UserPage .App-sideNav .Dropdown-menu > li > a[aria-current="page"], .UserPage .App-sideNav .Dropdown-menu > li > .Button[aria-current="page"], .UserPage .sideNav .Dropdown-menu > li > a[aria-current="page"], .UserPage .sideNav .Dropdown-menu > li > .Button[aria-current="page"] { position: relative !important; background: #b8b8b8 !important; color: #000 !important; font-weight: 700 !important; border: 2px solid !important; border-color: #808080 #ffffff #ffffff #808080 !important; /* 蓝条现在属于背景，不会盖在图标上 */ box-shadow: inset 5px 0 0 #000080, inset 7px 0 0 #dfdfdf, inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff !important; } /* 确保图标永远显示在选中背景上层 */ .UserPage .App-sideNav .Dropdown-menu > li.active i, .UserPage .App-sideNav .Dropdown-menu > li.active .icon, .UserPage .App-sideNav .Dropdown-menu > li.active .Button-icon, .UserPage .sideNav .Dropdown-menu > li.active i, .UserPage .sideNav .Dropdown-menu > li.active .icon, .UserPage .sideNav .Dropdown-menu > li.active .Button-icon { position: relative !important; z-index: 2 !important; } /* ========================================================= TM Win95 - 个人空间导航选中态 v3 蓝色状态条移到最右侧，完全避开图标 ========================================================= */ /* 彻底清除旧版左侧蓝条 */ .UserPage .App-sideNav .Dropdown-menu > li.active > a::before, .UserPage .App-sideNav .Dropdown-menu > li.active > .Button::before, .UserPage .sideNav .Dropdown-menu > li.active > a::before, .UserPage .sideNav .Dropdown-menu > li.active > .Button::before, .UserPage .App-sideNav .Dropdown-menu > li > a[aria-current="page"]::before, .UserPage .App-sideNav .Dropdown-menu > li > .Button[aria-current="page"]::before, .UserPage .sideNav .Dropdown-menu > li > a[aria-current="page"]::before, .UserPage .sideNav .Dropdown-menu > li > .Button[aria-current="page"]::before { content: none !important; display: none !important; } /* 当前选中的菜单项 */ .UserPage .App-sideNav .Dropdown-menu > li.active > a, .UserPage .App-sideNav .Dropdown-menu > li.active > .Button, .UserPage .sideNav .Dropdown-menu > li.active > a, .UserPage .sideNav .Dropdown-menu > li.active > .Button, .UserPage .App-sideNav .Dropdown-menu > li > a[aria-current="page"], .UserPage .App-sideNav .Dropdown-menu > li > .Button[aria-current="page"], .UserPage .sideNav .Dropdown-menu > li > a[aria-current="page"], .UserPage .sideNav .Dropdown-menu > li > .Button[aria-current="page"] { position: relative !important; /* 不改变原来的图标/文字位置 */ padding-left: inherit !important; background: #b8b8b8 !important; color: #000 !important; font-weight: 700 !important; border: 2px solid !important; border-color: #808080 #ffffff #ffffff #808080 !important; /* Win95 凹陷感 */ box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #dfdfdf !important; } /* 新蓝色选中条：放在最右侧 */ .UserPage .App-sideNav .Dropdown-menu > li.active > a::after, .UserPage .App-sideNav .Dropdown-menu > li.active > .Button::after, .UserPage .sideNav .Dropdown-menu > li.active > a::after, .UserPage .sideNav .Dropdown-menu > li.active > .Button::after, .UserPage .App-sideNav .Dropdown-menu > li > a[aria-current="page"]::after, .UserPage .App-sideNav .Dropdown-menu > li > .Button[aria-current="page"]::after, .UserPage .sideNav .Dropdown-menu > li > a[aria-current="page"]::after, .UserPage .sideNav .Dropdown-menu > li > .Button[aria-current="page"]::after { content: "" !important; display: block !important; position: absolute !important; z-index: 1 !important; right: 4px !important; top: 5px !important; bottom: 5px !important; width: 5px !important; background: #000080 !important; box-shadow: -1px 0 0 #404040, 1px 0 0 #ffffff !important; pointer-events: none !important; } /* 图标恢复原本状态，绝不移动 */ .UserPage .App-sideNav .Dropdown-menu > li i, .UserPage .App-sideNav .Dropdown-menu > li .icon, .UserPage .App-sideNav .Dropdown-menu > li .Button-icon, .UserPage .sideNav .Dropdown-menu > li i, .UserPage .sideNav .Dropdown-menu > li .icon, .UserPage .sideNav .Dropdown-menu > li .Button-icon { position: relative !important; z-index: 2 !important; margin-left: 0 !important; } /* 非选中项目经过时轻微高亮 */ .UserPage .App-sideNav .Dropdown-menu > li:not(.active) > a:hover, .UserPage .App-sideNav .Dropdown-menu > li:not(.active) > .Button:hover, .UserPage .sideNav .Dropdown-menu > li:not(.active) > a:hover, .UserPage .sideNav .Dropdown-menu > li:not(.active) > .Button:hover { background: #d6d6d6 !important; color: #000 !important; }