body, html {
    height: 100%;
}
body { 
    background: url(images/wallpaper.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* ===== 图标容器 ===== */
#icons {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-content: flex-start;
 padding: 15px 10px;
 gap: 6px 4px;
}

/* ===== 单个图标盒子 ===== */
.icon {
 width: 76px;
 text-align: center;
 user-select: none;
}
.icon:hover {
 outline: 1px solid rgba(153,209,255, 0.5);
 background: rgba(204,232,255, 0.2);
}
.icon img {
 width: 56px;
 height: 56px;
 padding: 4px;
}
.icon span {
 color: white;
 font-size: 12px;
 height: 30px;
 display: block;
 overflow: hidden;
 word-wrap: break-word;
 text-overflow: ellipsis;
}

/* ===== 手机端 — 触屏间距加大 ===== */
@media (max-width: 768px) {
 #icons {
  padding: 20px 5px;
  gap: 14px 10px;
 }
 .icon {
  width: 80px;
 }
}


.panel {
    border: 1px solid #26A6F2;
    -webkit-box-shadow: 1px 1px 13px 0px rgba(87,87,87,1);
    -moz-box-shadow: 1px 1px 13px 0px rgba(87,87,87,1);
    box-shadow: 1px 1px 13px 0px rgba(87,87,87,1);
    position:fixed !important;
    border-radius: 0;
	overflow: hidden;
}
.panel-heading {
    padding: 0;
    color: white;
    font-size: 12px;
    line-height: 12px;
    background-color: #26A6F2;
    border: none;
    user-select: none;
    border-radius: 0;
}
.panel-heading .title {
    padding: 10px 8px;
    display: inline-block;
}
.panel-heading .favicon {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    margin-top: -3px;
}

iframe {
    border: none;
    height: 100%;
    width: 100%;
}

.close-window {
    background: url(images/close.png) no-repeat center;
    background-size: 22px 22px;
    display: inline-block;
    float: right;
    height: 32px;
    width: 42px;
    padding: 5px 10px;
}
.close-window:hover {
    background: url(images/close_hover.png) no-repeat center;
    background-size: 22px 22px;
    background-color: #E81123;
}

/* ===== 背景公告文字 ===== */
#announcement {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff !important;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    pointer-events: none;
    user-select: none;
    z-index: 0;
    max-width: 10em;
    word-break: keep-all;
    line-height: 1.6;
}

/* 手机端 */
@media (max-width: 768px) {
    #announcement {
        font-size: 28px;
        max-width: 10em;
    }
}