/* ============================================================
   澳门快三 · 官方站点共享样式
   深蓝 + 金 · 正式机构风格
   ============================================================ */

:root{
  /* 主色 */
  --navy-900:#060e22;
  --navy-800:#0a1633;
  --navy-700:#0f2047;
  --navy-600:#152c5e;
  --navy-500:#1b3a78;
  --navy-400:#27498f;
  --navy-line:rgba(120,155,215,.18);

  /* 金 */
  --gold:#d4af37;
  --gold-lt:#e8cd6d;
  --gold-dk:#a8862a;
  --gold-glow:rgba(212,175,55,.32);

  /* 文本 */
  --txt:#e8eefc;
  --txt-2:#a9bce0;
  --txt-3:#7b91bd;
  --txt-4:#5d719b;

  /* 语义色 */
  --up:#ff5a6e;        /* 涨/大/热 —— 红 */
  --down:#2ee6a8;      /* 跌/小/冷 —— 绿 */
  --warn:#ffb84d;
  --info:#5b9dff;

  --radius:10px;
  --radius-lg:14px;
  --shadow:0 12px 40px rgba(0,0,0,.45);
  --shadow-sm:0 6px 20px rgba(0,0,0,.3);
}

*{box-sizing:border-box;margin:0;padding:0}

html{-webkit-text-size-adjust:100%}

body{
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",Arial,sans-serif;
  background:var(--navy-900);
  background-image:
    radial-gradient(ellipse 900px 500px at 15% -8%,rgba(39,73,143,.35),transparent 60%),
    radial-gradient(ellipse 800px 480px at 88% 108%,rgba(212,175,55,.10),transparent 62%);
  background-attachment:fixed;
  color:var(--txt);
  font-size:14px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}

a{color:var(--gold);text-decoration:none;transition:.18s}
a:hover{color:var(--gold-lt)}

/* ---------------- 页头 ---------------- */
.site-header{
  background:linear-gradient(180deg,rgba(21,44,94,.75),rgba(10,22,51,.4));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--navy-line);
  position:sticky;top:0;z-index:100;
  box-shadow:0 8px 30px rgba(0,0,0,.4);
}
.hd-in{
  max-width:1440px;margin:0 auto;padding:0 20px;
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;flex-wrap:wrap;min-height:74px;
}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{
  width:46px;height:46px;border-radius:11px;flex:none;
  background:linear-gradient(140deg,#c9a227,#e8cd6d 45%,#a8862a);
  display:grid;place-items:center;
  box-shadow:0 6px 18px rgba(212,175,55,.3),inset 0 1px 0 rgba(255,255,255,.4);
  position:relative;
}
.brand-mark::after{
  content:"";position:absolute;inset:3px;border-radius:8px;
  border:1px solid rgba(0,0,0,.18);
}
.brand-mark span{
  font-family:"Songti SC","SimSun",Georgia,serif;
  font-size:23px;font-weight:800;color:#16223d;line-height:1;
}
.brand-txt h1{
  font-family:"Songti SC","SimSun",Georgia,serif;
  font-size:21px;font-weight:800;color:#fff;letter-spacing:3px;line-height:1.2;
}
.brand-txt h1 em{color:var(--gold);font-style:normal}
.brand-txt p{
  font-size:10.5px;color:var(--txt-4);letter-spacing:2.6px;
  font-family:Arial,sans-serif;margin-top:3px;text-transform:uppercase;
}

/* ---------------- 导航 ---------------- */
.nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.nav a{
  color:var(--txt-2);font-size:14px;padding:9px 16px;border-radius:8px;
  transition:.18s;position:relative;font-weight:500;white-space:nowrap;
}
.nav a:hover{color:#fff;background:rgba(120,155,215,.12)}
.nav a.on{
  color:var(--gold);background:rgba(212,175,55,.1);
  box-shadow:inset 0 -2px 0 var(--gold);
}
.hd-clock{
  font-family:"DIN Alternate","Courier New",monospace;
  font-size:15px;color:var(--gold);letter-spacing:1.5px;
  background:rgba(0,0,0,.3);padding:8px 15px;border-radius:8px;
  border:1px solid var(--navy-line);
  min-width:104px;text-align:center;
}

/* ---------------- 布局 ---------------- */
.wrap{max-width:1440px;margin:0 auto;padding:24px 20px 64px}
.grid{display:grid;gap:18px}
.g-2{grid-template-columns:1fr 1fr}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}
.g-main{grid-template-columns:1.6fr 1fr}
@media(max-width:1180px){
  .g-main{grid-template-columns:1fr}
  .g-4{grid-template-columns:repeat(2,1fr)}
}

/* ============================================================
   移动端适配
   ============================================================ */
@media(max-width:760px){
  .g-2,.g-3,.g-4{grid-template-columns:1fr}

  /* 页头（.hd-in/.brand*/.nav/.hd-clock）的移动端规则已统一移至 header.css，
     由全站唯一真源提供，断点 860px / 430px，与开奖大厅尺寸一致。 */

  /* 表格紧凑 */
  table{font-size:12.5px}
  thead th{padding:9px 11px;font-size:11px;letter-spacing:.4px}
  tbody td{padding:9px 11px}
  .mini-dice b{width:21px;height:21px;font-size:11px;border-radius:5px}

  /* Tabs 横向滑动，避免折行 */
  .tabs{flex-wrap:nowrap;overflow-x:auto;padding:0 10px;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{padding:11px 13px;font-size:12.5px;flex:none}

  .row3{grid-template-columns:1fr}
  .card-hd{padding:12px 14px}
  .card-hd h2{font-size:14px}
  .card-bd{padding:15px}

  .site-footer{padding:22px 14px 18px;margin-top:30px;line-height:1.9}
}

/* 小屏手机进一步收紧 */
@media(max-width:430px){
  .wrap{padding:14px 11px 44px}

  /* 骰子缩小，避免撑破卡片 */
  .dice-row{gap:11px}
  .dice-lg{width:74px;height:74px;padding:10px;gap:1px}
  .dice-lg .pip{width:12px;height:12px}

  .card-hd{padding:11px 12px}
  .card-bd{padding:12px}
  .btn{padding:8px 13px;font-size:12.5px}

  /* 提示浮层铺满宽度 */
  #toast{left:11px;right:11px;bottom:11px}
  .toast{min-width:0}

  .notice,.warn-box{padding:11px 13px;font-size:12px}
  .site-footer{padding:20px 12px 16px;font-size:11.5px}
  .kv{font-size:12.5px}
}

/* ---------------- 卡片 ---------------- */
.card{
  background:linear-gradient(180deg,rgba(21,44,94,.5),rgba(10,22,51,.72));
  border:1px solid var(--navy-line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
  position:relative;
}
.card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,175,55,.32),transparent);
}
.card-hd{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;border-bottom:1px solid var(--navy-line);
  flex-wrap:wrap;gap:10px;
  background:rgba(0,0,0,.18);
}
.card-hd h2{
  font-size:15px;font-weight:700;color:#fff;letter-spacing:1.2px;
  display:flex;align-items:center;gap:9px;
  font-family:"Songti SC","SimSun",Georgia,serif;
}
.card-hd h2::before{
  content:"";width:3px;height:15px;border-radius:2px;
  background:linear-gradient(180deg,var(--gold-lt),var(--gold-dk));
  box-shadow:0 0 8px var(--gold-glow);
}
.card-hd .sub{font-size:12px;color:var(--txt-4)}
.card-bd{padding:18px}

/* ---------------- 按钮 ---------------- */
.btn{
  border:0;border-radius:8px;padding:9px 17px;font-size:13px;cursor:pointer;
  font-family:inherit;font-weight:600;transition:.18s;letter-spacing:.5px;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  white-space:nowrap;
}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.42;cursor:not-allowed}
.btn-gold{
  background:linear-gradient(135deg,#c9a227,#e8cd6d);color:#16223d;
  box-shadow:0 4px 14px rgba(212,175,55,.24);
}
.btn-gold:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 6px 20px rgba(212,175,55,.34)}
.btn-ghost{
  background:rgba(120,155,215,.12);color:var(--txt-2);
  border:1px solid var(--navy-line);
}
.btn-ghost:hover:not(:disabled){background:rgba(120,155,215,.2);color:#fff}
.btn-danger{background:rgba(255,90,110,.14);color:#ff8b99;border:1px solid rgba(255,90,110,.28)}
.btn-danger:hover:not(:disabled){background:rgba(255,90,110,.24)}
.btn-ok{background:rgba(46,230,168,.14);color:var(--down);border:1px solid rgba(46,230,168,.28)}
.btn-ok:hover:not(:disabled){background:rgba(46,230,168,.24)}
.btn-sm{padding:6px 12px;font-size:12px;border-radius:7px}

/* ---------------- 徽标 / 标签 ---------------- */
.pill{
  font-size:11px;padding:3px 10px;border-radius:11px;font-weight:700;
  display:inline-block;letter-spacing:.4px;white-space:nowrap;
}
.pill-big{background:rgba(255,90,110,.16);color:#ff8b99}
.pill-small{background:rgba(46,230,168,.14);color:var(--down)}
.pill-odd{background:rgba(255,184,77,.15);color:var(--warn)}
.pill-even{background:rgba(91,157,255,.15);color:#8db8ff}
.pill-wait{background:rgba(255,184,77,.15);color:var(--warn)}
.pill-open{background:rgba(46,230,168,.14);color:var(--down)}
.pill-skip{background:rgba(120,155,215,.14);color:var(--txt-3)}
.pill-off{background:rgba(255,90,110,.16);color:#ff8b99}
.pill-on{background:rgba(46,230,168,.14);color:var(--down)}

/* ---------------- 表格 ---------------- */
.tb-wrap{overflow:auto}
.tb-wrap::-webkit-scrollbar{width:9px;height:9px}
.tb-wrap::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}
.tb-wrap::-webkit-scrollbar-thumb{
  background:rgba(120,155,215,.28);border-radius:5px}
.tb-wrap::-webkit-scrollbar-thumb:hover{background:rgba(120,155,215,.42)}

table{width:100%;border-collapse:collapse;font-size:13px}
thead th{
  padding:11px 14px;text-align:left;font-weight:600;font-size:11.5px;
  color:var(--txt-4);letter-spacing:.8px;white-space:nowrap;
  background:rgba(0,0,0,.32);
  border-bottom:1px solid var(--navy-line);
  position:sticky;top:0;z-index:3;
}
tbody td{
  padding:10px 14px;border-bottom:1px solid rgba(120,155,215,.09);
  white-space:nowrap;color:var(--txt-2);
}
tbody tr{transition:.14s}
tbody tr:hover{background:rgba(120,155,215,.07)}
tbody tr:last-child td{border-bottom:0}

.mono{font-family:"DIN Alternate","Courier New",monospace;font-weight:700;color:#fff}
.mini-dice{display:inline-flex;gap:5px}
.mini-dice b{
  width:24px;height:24px;border-radius:6px;display:grid;place-items:center;
  font-size:12px;font-weight:800;font-family:"DIN Alternate",Arial,sans-serif;
  background:linear-gradient(160deg,#26406f,#16294d);
  color:#fff;border:1px solid rgba(120,155,215,.24);
}

/* ---------------- 骰子 ---------------- */
.dice-row{display:flex;justify-content:center;gap:16px}
.dice{
  border-radius:14px;
  background:linear-gradient(160deg,#fdfefe,#dfe6f0 88%);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 12px 28px rgba(0,0,0,.5),inset 0 -4px 0 #c2ccdb,
             inset 0 2px 0 #fff;
  display:grid;grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(3,1fr);
  position:relative;
}
.dice-lg{width:88px;height:88px;padding:13px;gap:2px}
.dice-sm{width:56px;height:56px;padding:8px;gap:1px}
.dice.rolling{animation:shake .27s infinite}
@keyframes shake{
  0%{transform:translateY(0) rotate(0)}
  25%{transform:translateY(-8px) rotate(-6deg)}
  50%{transform:translateY(0) rotate(0)}
  75%{transform:translateY(-5px) rotate(6deg)}
  100%{transform:translateY(0) rotate(0)}
}
.pip{
  border-radius:50%;align-self:center;justify-self:center;
  background:radial-gradient(circle at 32% 28%,#3d4f70,#0b1220 72%);
  opacity:0;transition:opacity .12s;
}
.dice-lg .pip{width:15px;height:15px}
.dice-sm .pip{width:10px;height:10px}
.pip.on{opacity:1}

/* ---------------- 统计块 ---------------- */
.stat{
  padding:18px;text-align:center;border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(21,44,94,.4),rgba(10,22,51,.6));
  border:1px solid var(--navy-line);
  position:relative;overflow:hidden;
}
.stat::after{
  content:"";position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:.5;
}
.stat .t{font-size:11.5px;color:var(--txt-4);letter-spacing:1px;margin-bottom:9px}
.stat .n{
  font-size:26px;font-weight:800;color:#fff;line-height:1.2;
  font-family:"DIN Alternate","Courier New",monospace;
}
.stat .p{font-size:11px;color:var(--txt-4);margin-top:6px}
.bar{height:5px;border-radius:3px;background:rgba(0,0,0,.35);margin-top:11px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:3px;transition:width .7s ease}

/* ---------------- 表单 ---------------- */
.field{margin-bottom:14px}
.field label{
  display:block;font-size:12px;color:var(--txt-3);margin-bottom:7px;
  letter-spacing:.6px;
}
.field input,.field textarea,.field select{
  width:100%;padding:10px 13px;font-size:13px;font-family:inherit;
  background:rgba(0,0,0,.3);color:var(--txt);
  border:1px solid var(--navy-line);border-radius:8px;
  outline:none;transition:.18s;
}
.field input:focus,.field textarea:focus,.field select:focus{
  border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.13);
}
.field input::placeholder,.field textarea::placeholder{color:var(--txt-4)}
.field textarea{
  resize:vertical;min-height:96px;line-height:1.7;
  font-family:"Courier New",Consolas,monospace;font-size:12.5px;
}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hint{font-size:11.5px;color:var(--txt-4);margin-top:7px;line-height:1.7}
.hint b{color:var(--gold)}

/* ---------------- Tabs ---------------- */
.tabs{
  display:flex;gap:2px;padding:0 16px;flex-wrap:wrap;
  background:rgba(0,0,0,.22);border-bottom:1px solid var(--navy-line);
}
.tab{
  padding:12px 16px;font-size:13px;cursor:pointer;color:var(--txt-3);
  border-bottom:2px solid transparent;font-weight:600;transition:.18s;
  letter-spacing:.5px;white-space:nowrap;
}
.tab:hover{color:var(--txt)}
.tab.on{color:var(--gold);border-bottom-color:var(--gold)}
.pane{display:none}
.pane.on{display:block}

/* ---------------- 提示条 ---------------- */
.notice{
  background:rgba(212,175,55,.07);
  border:1px solid rgba(212,175,55,.22);
  border-left:3px solid var(--gold);
  border-radius:var(--radius);padding:13px 17px;
  font-size:12.5px;color:var(--txt-2);line-height:1.8;
}
.notice b{color:var(--gold)}
.warn-box{
  background:rgba(255,90,110,.08);border:1px solid rgba(255,90,110,.24);
  border-left:3px solid var(--up);border-radius:var(--radius);
  padding:13px 17px;font-size:12.5px;color:#ffb0ba;
}

/* ---------------- Toast ---------------- */
#toast{
  position:fixed;right:22px;bottom:22px;z-index:9999;
  display:flex;flex-direction:column;gap:10px;
}
.toast{
  padding:13px 19px;border-radius:9px;font-size:13px;min-width:216px;
  background:rgba(16,32,71,.97);color:var(--txt);
  border:1px solid var(--navy-line);border-left:3px solid var(--gold);
  box-shadow:0 14px 40px rgba(0,0,0,.55);
  animation:slideIn .28s ease;backdrop-filter:blur(9px);
}
.toast.ok{border-left-color:var(--down)}
.toast.err{border-left-color:var(--up)}
@keyframes slideIn{from{transform:translateX(34px);opacity:0}to{transform:none;opacity:1}}

/* ---------------- 页脚 ---------------- */
.site-footer{
  border-top:1px solid var(--navy-line);
  background:rgba(0,0,0,.34);
  margin-top:44px;padding:30px 20px 24px;
  font-size:12px;color:var(--txt-4);line-height:2;
}
.footer-in{max-width:1440px;margin:0 auto;text-align:center}

/* ---------------- 通用 ---------------- */
.empty{
  padding:42px 20px;text-align:center;color:var(--txt-4);font-size:13px;
}
.loading{
  padding:42px 20px;text-align:center;color:var(--txt-4);font-size:13px;
}
.spin{
  display:inline-block;width:15px;height:15px;border-radius:50%;
  border:2px solid rgba(120,155,215,.25);border-top-color:var(--gold);
  animation:sp .7s linear infinite;vertical-align:-2px;margin-right:7px;
}
@keyframes sp{to{transform:rotate(360deg)}}
.c-gold{color:var(--gold)}
.c-up{color:var(--up)}
.c-down{color:var(--down)}
.c-muted{color:var(--txt-4)}

/* 关键数字强调 */
.num-xl{
  font-family:"DIN Alternate","Courier New",monospace;
  font-weight:800;line-height:1;
}

/* 公告滚动 */
.marquee{
  overflow:hidden;white-space:nowrap;position:relative;
  background:rgba(212,175,55,.06);
  border-bottom:1px solid rgba(212,175,55,.14);
}
.marquee-in{padding:9px 20px;max-width:1440px;margin:0 auto;
  display:flex;align-items:center;gap:14px}
.marquee-lb{
  font-size:11px;color:var(--gold);border:1px solid rgba(212,175,55,.3);
  padding:2px 9px;border-radius:5px;flex:none;letter-spacing:1px;font-weight:700;
}
.marquee-body{overflow:hidden;flex:1}
.marquee-body p{
  display:inline-block;animation:scroll 34s linear infinite;
  font-size:12.5px;color:var(--txt-3);padding-left:100%;
}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

/* 原先的 600px 断点已并入上方 760px / 430px 规则 */