
@import url('/templates/pc/images/css/hongkong-theme.css');
:root{--wine:#075e68;--deep:#101e34;--soft:#087f8c;--gold:#69e2cb;--gold2:#dcfff7;--jade:#087f8c;--ink:#142b42;--muted:#63798b;--line:#dce6ec;--shadow:0 14px 38px #183b5010}
html{color-scheme:light}body{background:#f2f6fa!important;color:#142b42!important;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif!important}a{transition:background .18s,color .18s}a:focus-visible,button:focus-visible{outline:3px solid #15b8a6;outline-offset:4px}
.site-header,.theme-header,.cc-legacy-header{background:#101e34!important;border-bottom:1px solid #29445a!important;color:#fff!important}.brand-cn,.theme-brand-cn{letter-spacing:.03em!important;font-weight:800!important}.brand-mark,.theme-brand-mark{border-radius:12px!important;transform:none!important;background:#15b8a6!important;color:#102d39!important;border:0!important}.brand-en,.theme-brand-en{color:#9ab4c5!important;letter-spacing:.16em!important}.main-nav a,.theme-nav a{color:#c9dae5!important;border-radius:8px!important}.main-nav a.active,.main-nav a:hover,.theme-nav a.active,.theme-nav a:hover{background:#1d3a50!important;color:#73ebd4!important}
.hero,.page-hero{background:linear-gradient(120deg,#101e34 15%,#123c50 68%,#086d72)!important;color:white!important}.hero:before,.hero:after{border-color:#62e6d329!important}.hero h1,.page-title{font-family:inherit!important;letter-spacing:-.035em!important;font-weight:800!important}.hero-copy,.page-intro{color:#c1d5e0!important}.eyebrow,.page-eyebrow,.hero-meta-label{color:#69e2cb!important}.hero-inner{min-height:285px!important;padding-top:50px!important}.hero-chip{color:#8af4df!important;border-color:#6ee5ce55!important;background:#ffffff0b!important}.hero-meta{border-color:#69e2cb55!important}
.card,.theme-card,.value-card,.info-strip{background:#fff!important;border:1px solid #dce6ec!important;border-radius:14px!important;box-shadow:0 12px 30px #132b4010!important}.card-title,.section-title,.countdown-title,.section-head h2{font-family:inherit!important;font-weight:700!important}.card-kicker,.section-label,.section-kicker,.countdown-label{color:#087f8c!important}.countdown-card{background:#eaf5f5!important}.digit{background:#102c40!important;color:#83f1da!important;border-radius:6px!important}.button-primary{background:#087f8c!important;color:white!important}.button-secondary{background:white!important;color:#087f8c!important;border:1px solid #c9e3e6!important}.live-stage{background:linear-gradient(120deg,#102b43,#086d72)!important;border-radius:16px!important}.live-label,.live-status{color:#b7f8eb!important}.live-issue{color:#fff!important}.history-row{border-bottom:1px solid #e5edf2!important}.history-issue strong,.lotteryIssue strong{color:#14546a!important}.history-date,.history-time{color:#688092!important}.balls,.theme-ball-number{box-shadow:0 5px 12px #142a4020!important}.site-footer,.theme-footer{background:#101e34!important;color:#c0d4e2!important;border-top:0!important}.footer-brand,.theme-footer-brand{color:#fff!important}.footer-note,.theme-footer-note{color:#96b1c3!important}.status-badge,.live-badge{color:#087b70!important;background:#dcf5ee!important}
.cc-legacy-header{padding:22px max(20px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.cc-legacy-header>a{font-size:25px;font-weight:800}.cc-legacy-header nav{display:flex;gap:22px;font-size:14px}.appHeader{display:none!important}.whole{max-width:1180px!important;width:calc(100% - 32px)!important;margin:28px auto!important;background:transparent!important}.whole .main,.lotteryContact,.lotteryFaq,.article,.mainText{border-radius:14px!important;border-color:#dce6ec!important;background:#fff!important}.whole .title,.whole .header{background:#eaf5f5!important;color:#14546a!important}.bottom{background:#101e34!important;color:#c0d4e2!important}.logo img{display:none!important}.logo:after{content:"香港cc";font-size:26px;font-weight:800;color:#087f8c}
@media(max-width:700px){.header-inner,.theme-header-inner{flex-wrap:wrap!important;padding-top:16px!important;padding-bottom:14px!important;gap:15px!important}.main-nav,.theme-nav{overflow-x:auto;max-width:100%;gap:2px!important}.main-nav a,.theme-nav a{white-space:nowrap;padding:9px 10px!important}.hero-inner{grid-template-columns:1fr!important;gap:25px!important;padding:34px 0 46px!important}.hero-meta{padding:0!important;border:0!important}.result-grid{grid-template-columns:1fr!important}.page-shell{width:calc(100% - 24px)!important}.draw-body,.card-head{padding:20px 16px!important}.balls-row,.theme-balls{gap:6px!important}.balls,.theme-ball-number{width:36px!important;height:36px!important;font-size:16px!important}.history-row{flex-wrap:wrap!important;gap:15px!important}.cc-legacy-header{flex-wrap:wrap;padding:18px}.cc-legacy-header nav{gap:16px;overflow:auto}.whole{width:calc(100% - 24px)!important}.whole *{max-width:100%}}

@media(max-width:700px){.main-nav,.theme-nav{display:flex!important;width:100%!important;flex-wrap:wrap!important}.main-nav a,.theme-nav a{display:block!important}.header-inner,.theme-header-inner{align-items:flex-start!important}.brand,.theme-brand{width:100%}}

@media(max-width:700px){body:has(.cc-legacy-header)>div{min-width:0!important;width:100%!important;max-width:100%!important}body:has(.cc-legacy-header) .main,body:has(.cc-legacy-header) .lotteryContact,body:has(.cc-legacy-header) .lotteryFaq,body:has(.cc-legacy-header) .lotteryRule,body:has(.cc-legacy-header) .lotteryPolicy,body:has(.cc-legacy-header) footer,body:has(.cc-legacy-header) .bottom,body:has(.cc-legacy-header) .son{width:100%!important;min-width:0!important;max-width:100%!important}body:has(.cc-legacy-header) .main{padding:16px!important;box-sizing:border-box}body:has(.cc-legacy-header) .article,body:has(.cc-legacy-header) .mainText,body:has(.cc-legacy-header) .title{width:auto!important;max-width:100%!important;padding:16px!important;box-sizing:border-box}body:has(.cc-legacy-header) .son{padding:18px!important;box-sizing:border-box}body:has(.cc-legacy-header) table{width:100%!important;table-layout:fixed}body:has(.cc-legacy-header) img{max-width:100%!important;height:auto!important}}

@media(max-width:700px){body:has(.cc-legacy-header) .header,body:has(.cc-legacy-header) .header ul,body:has(.cc-legacy-header) .content,body:has(.cc-legacy-header) .rule,body:has(.cc-legacy-header) .detailRule,body:has(.cc-legacy-header) .gameRule,body:has(.cc-legacy-header) .text,body:has(.cc-legacy-header) .orderRule,body:has(.cc-legacy-header) .right,body:has(.cc-legacy-header) .content .title,body:has(.cc-legacy-header) .content .lotteryRule{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}body:has(.cc-legacy-header) .header ul{display:flex;flex-wrap:wrap;padding:8px!important}body:has(.cc-legacy-header) .header li{float:none!important}body:has(.cc-legacy-header) .right{float:none!important;padding:10px!important}}@media(max-width:700px){body:has(.cc-legacy-header) .right{margin-left:0!important;left:auto!important;position:static!important}body:has(.cc-legacy-header) .mark,body:has(.cc-legacy-header) .marktail{width:auto!important;max-width:100%!important;margin-left:0!important;padding:8px!important;box-sizing:border-box!important}}