*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:linear-gradient(135deg,#e9f5f2,#f8fcfb);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#161d1b}
.site{width:min(720px,100%);margin:0 auto;min-height:100vh;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.08)}
.top-hero{background:linear-gradient(135deg,#4c958d,#3b7f78);color:#fff}
.top-brand{min-height:64px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-size:24px;font-weight:900}
.subtitle{margin-top:3px;font-size:12px;opacity:.9}
.home-pill{flex:0 0 auto;padding:7px 12px;border:1px solid rgba(255,255,255,.55);border-radius:20px;color:#fff;text-decoration:none;font-size:12px}
.top-menu{display:grid;grid-template-columns:repeat(4,1fr);background:#37776f}
.top-menu a{padding:8px 4px;color:#fff;text-decoration:none;text-align:center;font-size:14px}
.compact-draw{border-bottom:1px solid #d8e6e2}
.draw{display:flex;gap:9px;align-items:flex-start;padding:8px 10px;overflow-x:auto;scrollbar-width:none}
.draw::-webkit-scrollbar{display:none}
.issue{padding-top:8px;color:#176f68;font-weight:900;white-space:nowrap}
.draw-item{min-width:52px;text-align:center}
.ball{width:36px;height:36px;margin:auto;display:grid;place-items:center;border:2px solid #d33;border-radius:50%;background:#fff;font-weight:900}
.ball.blue{border-color:#2d78ca}
.ball.green{border-color:#2a994a}
.meta{margin-top:4px;font-size:11px}
.notice{position:relative;width:100%;height:38px;overflow:hidden;background:#4b918a;color:#fff}
.notice-viewport{position:absolute;inset:0;overflow:hidden}
.notice-scroll{position:absolute;top:0;left:100%;width:max-content;min-width:max-content;height:38px;line-height:38px;white-space:nowrap;font-size:14px;font-weight:700;animation:noticeRun 12s linear infinite}
@keyframes noticeRun{0%{left:100%;transform:translateX(0)}100%{left:0;transform:translateX(-100%)}}

.special-notice-board{display:grid;grid-template-columns:155px 1fr;width:100%;border-top:4px solid #fff159;border-bottom:4px solid #7c174f;background:linear-gradient(180deg,#fff45e 0 58%,#7d205a 58% 100%);overflow:hidden}
.special-left{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;background:linear-gradient(155deg,#8d00ff,#b000ff 55%,#7700d9);color:#fff900;clip-path:polygon(0 9%,100% 0,100% 88%,72% 100%,0 93%)}
.special-title{font-size:29px;line-height:1.05;font-weight:1000;text-shadow:2px 2px 0 #63008f}
.special-symbol-row{margin-top:11px;display:flex;gap:8px;align-items:center;justify-content:center}
.jump-symbol{display:inline-block;font-size:23px;color:#fff;animation:symbolJump .72s ease-in-out infinite;text-shadow:0 2px 0 rgba(0,0,0,.25)}
@keyframes symbolJump{0%,100%{transform:translateY(0) rotate(0deg) scale(1)}45%{transform:translateY(-9px) rotate(-7deg) scale(1.12)}65%{transform:translateY(-3px) rotate(5deg) scale(.98)}}
.special-right{min-width:0;padding:12px 16px 10px;display:flex;flex-direction:column;justify-content:center}
.special-line{color:#111;font-family:"Microsoft YaHei","Arial Black",sans-serif;font-weight:1000;line-height:1.25}
.special-line-1{font-size:27px;letter-spacing:-1px}
.special-line-2{margin-top:5px;font-size:18px}
.special-url-row{margin:13px -16px -10px;padding:7px 14px 8px;background:#7d205a;color:#fff;text-align:center;font-weight:1000}
.special-url-label{font-size:21px}
.special-url-text{display:inline-block;color:#fff;text-decoration:none;font-size:29px;letter-spacing:.3px;animation:urlPulse 1.05s ease-in-out infinite}
.special-spark{display:inline-block;margin-left:5px;color:#00f6ff;font-size:25px;animation:sparkSpin 1.25s linear infinite}
@keyframes urlPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.25)}}
@keyframes sparkSpin{0%{transform:rotate(0deg) scale(.85)}50%{transform:rotate(180deg) scale(1.25)}100%{transform:rotate(360deg) scale(.85)}}

.mahoupao-section{width:100%;margin:0;padding:0;background:#fff}
.mahoupao-title{padding:8px 10px;background:#4b938d;color:#ff0;text-align:center;font-size:22px;font-weight:900}
.mahoupao-image-box{width:100%;overflow:hidden;background:#fff;line-height:0}
.mahoupao-image-box img{display:block;width:100%;height:auto;max-width:100%;margin:0 auto;object-fit:contain}

.banner-slider{position:relative;width:100%;overflow:hidden;background:#eef5f3;transition:height .28s ease}
.banner-track{display:flex;width:100%;transition:transform .55s ease;will-change:transform}
.banner-slide{flex:0 0 100%;width:100%}
.banner-image{display:block;width:100%;height:auto}
.banner-arrow{position:absolute;top:50%;z-index:10;width:34px;height:50px;transform:translateY(-50%);border:0;border-radius:5px;background:rgba(0,0,0,.30);color:#fff;font-size:28px}
.banner-prev{left:6px}.banner-next{right:6px}
.banner-dots{position:absolute;left:0;right:0;bottom:8px;z-index:11;display:flex;justify-content:center;gap:7px}
.banner-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.58)}
.banner-dot.active{background:#fff;transform:scale(1.3)}

.ad-block{display:block;width:calc(100% - 8px);margin:4px;overflow:hidden;border:2px solid #4a8f89;border-radius:4px;background:#f5faf8}
.ad-block img{display:block;width:100%;height:auto}
.home-section{padding:8px 4px}
.section-title{padding:6px;border-radius:5px;background:#4a8f89;color:#fff;text-align:center;font-size:20px;font-weight:900}
.featured{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:10px 4px 4px}
.featured a{color:#161d1b;text-align:center;text-decoration:none}
.feature-ring{width:58px;height:58px;margin:auto;display:grid;place-items:center;border:3px solid #79b5ae;border-radius:50%;color:#176f68;font-size:25px;font-weight:900}
.featured b{display:block;margin-top:5px;font-size:13px}

/* 备用网址：所有链接持续明显弹跳 */
.domains{
    padding:9px 8px;
    background:#4a8f89;
    color:#fff;
    text-align:center;
    line-height:2;
    overflow:hidden;
}
.domains strong{
    color:#ff0;
    font-weight:900;
}
.domains span{
    display:inline-block;
    margin:0 7px;
    font-weight:1000;
    transform-origin:center bottom;
    animation:domainBounce .82s cubic-bezier(.28,.84,.42,1) infinite;
    will-change:transform,filter;
}
@keyframes domainBounce{
    0%,100%{
        transform:translateY(0) scale(1);
        filter:brightness(1);
    }
    35%{
        transform:translateY(-8px) scale(1.10);
        filter:brightness(1.28);
    }
    55%{
        transform:translateY(0) scale(1.02);
        filter:brightness(1.08);
    }
    72%{
        transform:translateY(-3px) scale(1.05);
        filter:brightness(1.15);
    }
}
/* 所有链接一起跳，不做波浪延迟 */
.domains span:nth-of-type(n){
    animation-delay:0s!important;
}

.main-cta{display:block;margin:3px 4px;padding:10px 8px;border:3px solid #3e8580;border-radius:5px;background:linear-gradient(#cfd8d5,#7e9e99);color:#ff0;text-align:center;text-decoration:none;font-size:22px;font-weight:900}
.forum-group{margin:5px 0;padding:4px;border:2px dashed #67a9f6;border-radius:5px}
.forum-group-title{padding:4px 6px 8px;color:#17705f;text-align:center;font-size:17px;font-weight:900}
.forum-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 10px}
.forum-grid a{padding:7px 5px;border:1px solid #73a7ff;border-radius:22px;background:#fff;text-align:center;text-decoration:none;font-size:17px;font-weight:900}
.materials-section{margin:4px;border:3px solid #4a8f89;background:#fff}
.section-bar{padding:7px 8px;background:#078d87;color:#fff;font-size:21px;font-weight:900}
.empty-material{padding:20px;color:#87918e;text-align:center}
.material-card{border-top:1px solid #cfd6d4}
.material-head{padding:7px 8px;background:#078d87;color:#fff;font-size:19px;font-weight:900}
.material-line{padding:8px 9px;border-top:1px solid #d7dddb;font-size:16px;line-height:1.45}
.material-line strong{color:#001aff}
.material-line span{color:#111;font-weight:700}
.live{margin:4px;border:3px solid #4a8f89;background:#4a8f89}
.live h2{margin:0;padding:8px;color:#ff0;text-align:center;font-size:22px}
.live-box{min-height:180px;padding:46px 18px;background:#050505;color:#fff;text-align:center}
.footer{padding:16px;background:#233f3c;color:#d8e6e3;text-align:center}

@media(max-width:560px){
    .site{width:100%}
    .brand{font-size:21px}
    .top-menu a{font-size:13px}
    .special-notice-board{grid-template-columns:110px 1fr}
    .special-left{min-height:128px}
    .special-title{font-size:23px}
    .jump-symbol{font-size:18px}
    .special-right{padding:10px 10px 8px}
    .special-line-1{font-size:20px}
    .special-line-2{font-size:14px}
    .special-url-row{margin:10px -10px -8px;padding:6px 8px}
    .special-url-label{font-size:16px}
    .special-url-text{font-size:23px}
    .featured{grid-template-columns:repeat(5,1fr)}
    .feature-ring{width:50px;height:50px;font-size:21px}
    .forum-grid{grid-template-columns:repeat(3,1fr);gap:6px}
    .forum-grid a{font-size:15px;padding:6px 3px}
    .material-line{font-size:15px}
    .mahoupao-title{font-size:20px}
    .domains span{margin:0 5px;animation-duration:.74s}
}
@media(max-width:390px){
    .special-notice-board{grid-template-columns:92px 1fr}
    .special-title{font-size:19px}
    .special-line-1{font-size:17px}
    .special-line-2{font-size:12px}
    .special-url-text{font-size:19px}
    .featured{grid-template-columns:repeat(3,1fr)}
    .forum-grid{grid-template-columns:repeat(2,1fr)}
}