.app-wrapper{max-width:480px;margin:0 auto;min-height:100vh;background:#f0f0f0;box-shadow:0 0 20px #0000001a}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;background:#f0f0f0;color:#333;min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:active{opacity:.7}img{max-width:100%;height:auto;display:block}.app-container{max-width:100%;margin:0 auto;min-height:100vh;background:#f0f0f0;position:relative}.site-header{background:linear-gradient(180deg,#fff8e1,#fff3cd);border-bottom:2px solid #d4a017;padding:6px 10px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:8px}.header-logo{font-size:1.1rem;font-weight:900;color:#b8860b;text-shadow:1px 1px 0 #fff}.header-logo-sub{font-size:.7rem;color:#d4a017;font-weight:700}.header-right{display:flex;align-items:center;gap:6px}.badge-fast{background:linear-gradient(135deg,#e94560,#c23152);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:3px;display:flex;flex-direction:column;align-items:center;line-height:1.2}.badge-fast .num{font-size:.85rem;font-weight:900}.header-tabs{display:flex;background:#f5f5f5;border-bottom:1px solid #ddd}.header-tab{flex:1;text-align:center;padding:8px 0;font-size:.85rem;font-weight:700;color:#666;border-bottom:3px solid transparent;cursor:pointer}.header-tab.active-macau{color:#27ae60;border-bottom-color:#27ae60;background:#27ae600d}.header-tab.active-hk{color:#e94560;border-bottom-color:#e94560;background:#e945600d}.header-tab .tab-icon{margin-right:4px}.route-bar{display:flex;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.route-btn{flex:1;text-align:center;padding:6px 0;font-size:.82rem;font-weight:700;cursor:pointer;border:none;outline:none}.route-btn.primary{background:#4caf50;color:#fff}.route-btn.secondary{background:#e0e0e0;color:#666}.lottery-display{background:#fff;padding:8px 10px;border-bottom:1px solid #e8e8e8}.lottery-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.period-info{display:flex;align-items:center;gap:6px}.period-tag{background:#e94560;color:#fff;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:3px}.period-text{font-size:.82rem;color:#333;font-weight:700}.lottery-actions{display:flex;gap:6px}.lottery-actions a{font-size:.7rem;color:#e94560;font-weight:700;padding:2px 6px;border:1px solid #e94560;border-radius:3px}.ball-row{display:flex;justify-content:center;gap:4px;margin:6px 0;flex-wrap:wrap}.ball-item{width:38px;height:38px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;font-size:1rem;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3);box-shadow:0 2px 4px #0003;position:relative}.ball-item .zodiac{position:absolute;bottom:-14px;font-size:.55rem;color:#666;font-weight:400;text-shadow:none}.ball-red{background:linear-gradient(135deg,#e94560,#c23152)}.ball-blue{background:linear-gradient(135deg,#4a90d9,#357abd)}.ball-green{background:linear-gradient(135deg,#4caf50,#388e3c)}.special-ball{width:46px;height:46px;margin:10px auto 16px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;font-size:1.2rem;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3);box-shadow:0 3px 8px #0000004d;position:relative}.special-ball .zodiac{position:absolute;bottom:-16px;font-size:.6rem;color:#666;font-weight:400;text-shadow:none}.date-info{text-align:center;font-size:.75rem;color:#666;padding:4px 0;line-height:1.6}.date-info b{color:#333}.countdown-box{text-align:center;padding:8px;background:linear-gradient(135deg,#fff8e1,#fff3cd);border:1px solid #d4a017;border-radius:4px;margin:6px 0}.countdown-box .time-label{font-size:.75rem;color:#b8860b;font-weight:700}.countdown-box .time-value{font-size:1.3rem;font-weight:900;color:#e94560;font-variant-numeric:tabular-nums}.countdown-box .next-period{font-size:.7rem;color:#888;margin-top:2px}.notice-banner{padding:10px 12px;text-align:center;font-size:.9rem;font-weight:700;line-height:1.6;margin:0}.notice-banner.blue{background:linear-gradient(135deg,#1565c0,#0d47a1);color:#fff}.notice-banner.red{background:linear-gradient(135deg,#e94560,#c23152);color:#fff}.notice-banner.dark{background:linear-gradient(135deg,#333,#1a1a1a);color:gold}.notice-banner .hl{color:gold;font-weight:900}.notice-banner .hl-red{color:#ff5252;font-weight:900}.domain-bar{text-align:center;padding:8px 10px;background:linear-gradient(135deg,#5d4037,#3e2723);color:#fff;font-size:.8rem;line-height:1.8}.domain-bar .hl{color:gold;font-weight:900;font-size:.9rem}.domain-bar a{color:gold}.page-content{padding:0 0 60px}.section{margin:0;padding:0;border-bottom:1px solid #e8e8e8;background:#fff}.section-title{background:linear-gradient(180deg,#f9e79f,#f0c040);color:#333;font-size:.9rem;font-weight:900;text-align:center;padding:8px 10px;border-bottom:2px solid #d4a017;text-shadow:0 1px 0 rgba(255,255,255,.5)}.section-subtitle{font-size:.78rem;color:#e94560;text-align:center;padding:4px 10px;font-weight:700;background:#fff;border-bottom:1px solid #f0f0f0}.link-list{padding:4px 0}.link-item{display:flex;align-items:center;padding:6px 12px;border-bottom:1px solid #f5f5f5;font-size:.82rem}.link-item a{color:#1565c0;font-weight:700;flex:1}.link-item a:active{color:#e94560}.link-item .period-tag-sm{background:#e94560;color:#fff;font-size:.65rem;padding:1px 5px;border-radius:2px;margin-right:6px;font-weight:700}.link-item .hit-tag{color:#4caf50;font-size:.7rem;margin-left:4px}.link-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #f0f0f0}.link-grid .link-item{border-bottom:none;border-right:1px solid #f0f0f0}.link-grid .link-item:nth-child(2n){border-right:none}.period-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;background:#fff;border-bottom:1px solid #e8e8e8}.period-tab{padding:4px 10px;font-size:.75rem;font-weight:700;border:1px solid #ddd;border-radius:3px;background:#f5f5f5;color:#666;cursor:pointer}.period-tab.active{background:#e94560;color:#fff;border-color:#e94560}.float-buttons{position:fixed;right:10px;bottom:120px;display:flex;flex-direction:column;gap:8px;z-index:200}.float-btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #0000004d;cursor:pointer;border:none}.float-btn.share{background:#e94560}.float-btn.refresh{background:#4caf50}.float-btn.top{background:#1565c0}.app-download-bar{background:linear-gradient(135deg,#333,#1a1a1a);padding:10px 14px;text-align:center;position:fixed;bottom:0;left:0;right:0;z-index:150;display:flex;align-items:center;justify-content:space-between;max-width:100%}.app-download-bar .dl-text{color:gold;font-size:.82rem;font-weight:700}.app-download-bar .dl-btn{background:#e94560;color:#fff;font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:20px}.disclaimer{padding:12px 10px;font-size:.65rem;color:#999;line-height:1.8;background:#f5f5f5;border-top:1px solid #e0e0e0;margin-bottom:50px}.bottom-nav{position:fixed;bottom:44px;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:space-around;padding:6px 0;z-index:140}.bottom-nav a{color:#666;font-size:.72rem;text-align:center;font-weight:700}.bottom-nav a:active{color:#e94560}.loading{text-align:center;padding:60px 20px;color:#999;font-size:.9rem}.data-table-wrap{overflow-x:auto;margin:4px 0}.dt-table{width:100%;border-collapse:collapse;font-size:.78rem}.dt-table td,.dt-table th{padding:4px 3px;border:1px solid #e8e8e8;text-align:center;color:#333;line-height:1.5}.dt-table th{color:#b8860b;font-weight:700;background:#fff8e1;font-size:.75rem}.compact .dt-table td{padding:3px 2px;font-size:.72rem}.row-stripe{background:#fafafa}.cell-tag{display:inline-block;padding:1px 5px;border-radius:3px;font-weight:700}.tag-red{color:#e94560}.tag-blue{color:#4a90d9}.tag-green{color:#4caf50}.tag-gold{color:#b8860b}.dt-footer{text-align:center;padding:4px;font-size:.72rem;color:#999}.predict-row{background:#e9456014;color:#e94560;font-weight:700}.history-row{color:#555}.period-title{background:#fff8e1;color:#b8860b;font-weight:700;font-size:.85rem;text-align:center}.site-tag{color:#1565c0;text-align:center;font-size:.7rem;border:none!important}.row-hit{color:#4caf50;font-weight:700}.row-miss{color:#e94560}.period-label{font-size:.82rem;color:#333;text-align:center;margin-bottom:4px;font-weight:700}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000bf;color:#fff;padding:10px 24px;border-radius:6px;font-size:.85rem;z-index:9999;animation:toastIn .2s ease;pointer-events:none}.toast.error{background:#e94560e6}.toast.success{background:#4caf50e6}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:375px){.ball-item{width:34px;height:34px;font-size:.9rem}.special-ball{width:42px;height:42px;font-size:1.1rem}.header-logo{font-size:1rem}}