:root{--primary-color:#ffffff!important;--secondary-color:#f4f4f4;--navbar-bg:#ffffff;--navbar-text:#333333;--link-hover-bg:#e0e0e0;--footer-bg:#ffffff;--footer-text:#333333;--font-primary:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;--font-monospace:'Courier New',Courier,monospace;--transition-speed:0.3s;--animation-duration:0.3s;--animation-ease:ease-in-out;--color-red:#e74c3c;--color-blue:#3498db;--color-blue-dark:#2980b9;--color-green:#2ecc71;--color-purple:#9b59b6;--color-yellow:#f1c40f;--color-teal:#1abc9c;--color-white:#ffffff;--shadow-default:rgba(0,0,0,0.1) 0px 2px 4px;--shadow-hover:rgba(0,0,0,0.25) 0px 8px 16px;--box-shadow:rgba(0,0,0,0.1) 0px 4px 6px -1px,rgba(0,0,0,0.06) 0px 2px 4px -1px;--border-radius:8px;--border-radius-circle:50%;--max-width:1200px;--number-size:40px;--number-font-size:16px;--number-responsive-small:14px;--number-responsive-large:18px;--number-font-weight:700;--number-hover-scale:1.15;--spinner-color:#3498db;--z-index-navbar:1000;--z-index-loading:2000;}
.lottery{background-color:var(--primary-color);padding:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:transform var(--transition-speed),box-shadow var(--transition-speed);width:100%;display:flex;flex-direction:column;}
.lottery h2{margin-bottom:10px;font-size:20px;color:#333333;display:flex;align-items:center;font-weight:bold;}
.lottery h2 i{margin-right:8px;color:var(--color-blue);}
.open-time{display:flex;flex-wrap:nowrap;align-items:center;padding:12px 24px;border-radius:var(--border-radius);box-shadow:0 4px 8px rgba(0,0,0,0.05);margin-bottom:20px;font-size:18px;color:#333333;transition:background var(--transition-speed);}
.open-time-label{font-weight:600;color:var(--color-blue);white-space:nowrap;flex-shrink:0;}
.open-time-time{font-size:18px;font-weight:700;background:linear-gradient(90deg,#007AFF,#34C759);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:5px 12px;white-space:nowrap;flex-shrink:1;}
@media (max-width:576px){
.open-time{padding:8px 16px;font-size:16px;}
.open-time-label{margin-right:8px;font-size:16px;}
.open-time-time{font-size:15px;padding:4px 16px;}
}
.numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e0e0e0;}
@media (min-width:577px){.numbers{flex-wrap:wrap;}}
@media (min-width:992px){.numbers{flex-wrap:nowrap;}}
@media (min-width:992px){
.number-containerPlus{width:1rem;}
.number-circle{width:45px;height:45px;font-size:var(--number-responsive-large);}
}
@media (max-width:576px){
.number-containerPlus{width:1rem;font-size:var(--number-responsive-small);}
.number-circle{width:35px;height:35px;font-size:var(--number-responsive-small);}
.zodiac{font-size:12px;}
.numbers{gap:8px;}
}
.history h3{font-size:20px;color:#333333;font-weight:700;border-bottom:2px solid #e0e0e0;padding-bottom:15px;text-align:left;}
.history-records{overflow:hidden;margin-bottom:15px;transition:max-height 0.5s ease;display:block;}
.history-record{line-height:1.4;box-sizing:border-box;display:flex;flex-direction:column;padding:12px 0px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);background-color:#fefefe;transition:opacity 0.3s ease;opacity:0;}
.history-record.visible{opacity:1;animation:fadeInScale var(--animation-duration) forwards;}
.history-record:hover{background-color:#f0f8ff;box-shadow:rgba(0,0,0,0.1) 0px 6px 12px -3px;}
.history-record .record-title{font-size:18px;margin-bottom:10px;font-weight:600;text-align:left;color:#333333;}
.history-numbers{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
@media (max-width:768px){.history-numbers{flex-wrap:nowrap;overflow-x:auto;}}
.history-number{display:flex;flex-direction:column;align-items:center;width:55px;padding:5px;border-radius:6px;background-color:#ffffff;box-shadow:inset 0 0 5px rgba(0,0,0,0.05);transition:background-color var(--transition-speed),box-shadow var(--transition-speed);}
.history-number .number{color:#ffffff;font-size:16px;margin-bottom:4px;font-weight:600;}
@media (max-width:768px){.history-number .number{font-size:13px;}}
.history-number .zodiac-wuxing{width:100%;background-color:#ffffff;text-align:center;font-size:14px;color:#555555;padding:2px 0;border-radius:6px;border:1px solid #e0e0e0;font-weight:400;}
@media (max-width:576px){
.lottery{padding:10px;}
.history-numbers{gap:5px;}
.history-number .zodiac-wuxing{font-size:12px;border-radius:3px;white-space:nowrap;}
}
.toggle-history{margin-top:15px;display:flex;justify-content:flex-end;}
@media (max-width:576px){.toggle-history{margin-top:8px;}}
.toggle-history button{background-color:var(--color-blue);color:#ffffff;border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-speed),transform var(--transition-speed);font-weight:500;}
.toggle-history button i{margin-left:8px;transition:transform var(--transition-speed);}
.toggle-history button:hover{background-color:var(--color-blue-dark);transform:scale(1.05);}
.toggle-history button:focus{outline:none;box-shadow:none;}
@media (max-width:576px){.toggle-history button{padding:6px 12px;font-size:14px;}
.toggle-history button i{margin-left:6px;font-size:12px;}}
@media (max-width:768px) and (min-width:577px){
.toggle-history button{padding:8px 16px;font-size:15px;}
.toggle-history button i{margin-left:7px;font-size:13px;}
}
.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.95);display:flex;justify-content:center;align-items:center;z-index:var(--z-index-loading);transition:opacity var(--transition-speed);display:none;}
.spinner{border:8px solid #f3f3f3;border-top:8px solid var(--spinner-color);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;}
.error-message{color:var(--error-color);text-align:center;font-size:16px;font-weight:500;}
@keyframes fadeInScale{from{opacity:0;transform:scale(0.8);}to{opacity:1;transform:scale(1);}}
@keyframes spin{to{transform:rotate(360deg);}}
.number-container{display:flex;flex-direction:column;align-items:center;animation:fadeInScale var(--animation-duration) forwards;margin-top:10px;}
.number-containerPlus{height:auto;padding-top:1.5rem;font-size:var(--number-responsive-large);font-weight:bold}
.number-circle{width:var(--number-size);height:var(--number-size);border-radius:var(--border-radius-circle);background-color:var(--color-blue);display:flex;justify-content:center;align-items:center;color:var(--color-white);font-size:var(--number-font-size);font-weight:var(--number-font-weight);transition:transform var(--transition-speed) var(--animation-ease),box-shadow var(--transition-speed) var(--animation-ease);box-shadow:var(--shadow-default);cursor:default;}
.number-circle:hover{transform:scale(var(--number-hover-scale));box-shadow:var(--shadow-hover);}
.number-circle.red{background-color:var(--color-red);}
.number-circle.blue{background-color:var(--color-blue);}
.number-circle.green{background-color:var(--color-green);}
.number-circle.purple{background-color:var(--color-purple);}
.number-circle.yellow{background-color:var(--color-yellow);}
.number-circle.teal{background-color:var(--color-teal);}
@media (max-width:576px){.number-circle{width:35px;height:35px;font-size:var(--number-responsive-small);}.zodiac{font-size:12px;}}
@media (min-width:992px){.number-circle{width:45px;height:45px;font-size:var(--number-responsive-large);}}
.zodiac{margin-top:6px;font-size:14px;color:#555555;text-align:center;}
@media (max-width:390px){
.numbers{gap:5px;}
.lottery{padding:10px;}
.history-numbers{gap:5px;}
.history-number .zodiac-wuxing{font-size:9px;}
}
.fox-pages a{position:relative;display:block;padding:0.25rem 0.5rem;margin-left:-1px;font-size:0.875rem;line-height:1.5;color:#1f4977;background-color:#fff;border:1px solid #dee2e6;}
.fox-pages a:hover{color:#0f243a;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6;}
.fox-pages a:focus{z-index:2;outline:0;box-shadow:none;}
.fox-pages a:not(:disabled):not(.disabled){cursor:pointer;}
.fox-pages a:first-child{margin-left:0;border-top-left-radius:0.2rem;border-bottom-left-radius:0.2rem;}
.fox-pages a:last-child{border-top-right-radius:0.2rem;border-bottom-right-radius:0.2rem;}
.fox-pages a.active{z-index:1;color:#fff;background-color:#1f4977;border-color:#1f4977;}
.fox-pages a.disabled{color:#868e96;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6;}