*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f3f3f3;color:#222}
.page{max-width:760px;margin:0 auto;padding:10px}
.card{background:#fff;border:1px solid #e9e9e9;border-radius:6px;margin-bottom:10px;overflow:hidden}
.banner{width:100%;display:block}
.banner.placeholder{height:130px;background:#ff6f6f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px}
.issue-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #efefef}
.issue-header .left{font-size:34px}
.issue-header .right{font-size:36px;color:#cc3e3e}
.balls-row{display:flex;align-items:center;gap:12px;padding:24px 14px 18px;min-height:118px}
.ball-wrap{width:72px;height:72px;display:flex;align-items:center;justify-content:center}
.ball{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:26px;position:relative;overflow:hidden}
.ball-skin{position:absolute;inset:0;border-radius:50%;background-image:var(--ball-image);background-repeat:no-repeat;background-position:center;background-size:100% 100%;z-index:1}
.ball-skin::after{content:"";position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.76);box-shadow:inset 0 0 6px rgba(255,255,255,.65);z-index:2}
.ball-number{position:relative;z-index:3;font-size:26px;font-weight:700;letter-spacing:.5px;color:#111;text-shadow:0 1px 1px rgba(255,255,255,.35)}
.ball.empty{border:2px solid #d5d5d5;background:#f0f0f0}
.rolling{animation:ballBob 1.2s ease-in-out infinite}
@keyframes ballBob{0%{transform:translateY(0)}50%{transform:translateY(-8px)}100%{transform:translateY(0)}}
.plus{font-size:42px;font-weight:700;color:#1d1d1d}
.issue-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 14px;border-top:1px solid #efefef}
.btn{border:none;background:#53bdb0;color:#fff;border-radius:5px;padding:10px 16px;font-size:30px}
.next-time{font-size:42px}
.section-head{display:flex;justify-content:space-between;align-items:center;padding:14px}
.section-head h2{margin:0;font-size:46px;font-weight:500}
.section-head .more{font-size:46px;color:#4a88d8}
.thumb-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 14px 14px}
.thumb{text-decoration:none;color:#326db4;display:flex;flex-direction:column;align-items:center;gap:8px}
.thumb img{width:100%;height:106px;object-fit:cover;border:1px solid #ddd}
.thumb span{font-size:32px}
.tab-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 12px}
.tab-btn{border:none;background:#a7a7a7;color:#fff;padding:8px 14px;font-size:30px}
.tab-btn.active{background:#dc5a5a}
.tab-content{padding:0 14px 14px}
.tab-panel{display:none}
.tab-panel.active{display:block}
.tab-asset img{width:100%;border:1px solid #ddd}
.bose-title{font-size:46px;text-align:center;padding:10px;background:#f1f1f1;border-bottom:1px solid #ddd}
.bose-table{width:100%;border-collapse:collapse;table-layout:fixed}
.bose-table th,.bose-table td{border:1px solid #ddd;padding:8px;font-size:34px;vertical-align:top}
.bose-table th{background:#fafafa;font-weight:600}
.bose-table .red{color:#d84a4a}
.bose-table .blue{color:#2b3ecf}
.bose-table .green{color:#2f8b34}
.bose-number-grid{display:grid;grid-template-columns:repeat(5,44px);gap:4px 4px;justify-content:start}
.bose-number-grid span{display:flex;align-items:center;justify-content:center;height:36px;border:1px solid #e3e3e3;background:#fff;font-weight:500;font-size:30px;line-height:1}
.bose-table td.red .bose-number-grid span{color:#d84a4a}
.bose-table td.blue .bose-number-grid span{color:#2b3ecf}
.bose-table td.green .bose-number-grid span{color:#2f8b34}
.modal{display:none;position:fixed;inset:0;z-index:90}
.modal.show{display:block}
.mask{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.modal-body{position:relative;z-index:2;max-width:90vw;max-height:90vh;margin:5vh auto;background:#fff;border-radius:8px;padding:8px}
.modal-body img{max-width:100%;max-height:85vh;display:block;margin:0 auto}

@media (max-width:768px){
    .issue-header .left{font-size:24px}
    .issue-header .right{font-size:20px}
    .ball-wrap{width:44px;height:44px}
    .ball{width:40px;height:40px}
    .ball-number{font-size:18px}
    .ball-skin::after{width:21px;height:21px}
    .plus{font-size:32px}
    .btn{font-size:16px}
    .next-time{font-size:18px}
    .section-head h2{font-size:40px}
    .section-head .more{font-size:38px}
    .thumb span,.tab-btn,.bose-table th,.bose-table td{font-size:26px}
    .bose-number-grid{grid-template-columns:repeat(5,32px);gap:3px}
    .bose-number-grid span{height:30px;font-size:16px}
}