@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,800&family=Manrope:wght@400;500;600;700&display=swap');

:root {
  --bg: #080d16;
  --panel: #101927;
  --panel-2: #152235;
  --line: rgba(255, 255, 255, .09);
  --text: #f3f5f7;
  --muted: #94a1b4;
  --red: #ee3d38;
  --red-dark: #a91f22;
  --gold: #e2b35e;
  --green: #52d68b;
  --display: "Barlow Condensed", sans-serif;
  --body: "Manrope", sans-serif;
}

* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 80% 0%, rgba(41, 72, 105, .24), transparent 31rem),
    linear-gradient(180deg, #0b121e 0, var(--bg) 34rem);
  font-family: var(--body);
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.sky-glow {
  position: fixed; inset: 0; pointer-events: none; z-index: -1; opacity: .2;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: linear-gradient(to bottom, black, transparent 60%);
}
.site-header {
  width: min(1180px, calc(100% - 40px));
  height: 88px; margin: auto; display: flex; align-items: center;
  justify-content: space-between; border-bottom: 1px solid var(--line);
}
.brand { display: inline-flex; align-items: center; gap: 12px; font-family: var(--display); letter-spacing: .06em; }
.brand-mark {
  width: 42px; height: 48px; display: grid; place-items: center;
  background: var(--red); color: white; font-family: serif; font-size: 25px;
  clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 92%);
  box-shadow: 0 8px 30px rgba(238,61,56,.25);
}
.brand b { font-size: 25px; color: var(--red); }
.brand > span:last-child { font-size: 25px; line-height: .75; }
.brand small { display: block; color: var(--muted); font: 600 8px var(--body); letter-spacing: .29em; margin-top: 8px; }
.nav { display: flex; align-items: center; gap: 30px; font-size: 13px; font-weight: 700; }
.nav a { color: var(--muted); transition: .2s ease; }
.nav a:hover, .nav a.active { color: white; }
.nav .nav-cta { padding: 11px 18px; border: 1px solid var(--red); color: white; }
.nav-toggle { display: none; border: 0; background: none; color: white; font-size: 25px; }
main { width: min(1180px, calc(100% - 40px)); margin: auto; }
.hero { min-height: 620px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; }
.eyebrow, .section-label { color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .24em; }
.eyebrow { display: flex; align-items: center; gap: 10px; }
.eyebrow span { width: 28px; height: 2px; background: var(--red); }
.hero h1, .page-heading h1, .auth-intro h1 {
  font-family: var(--display); font-size: clamp(62px, 7vw, 100px);
  line-height: .84; letter-spacing: -.035em; margin: 24px 0;
}
.hero h1 em { color: var(--red); font-style: italic; }
.hero-copy > p { color: var(--muted); line-height: 1.8; max-width: 580px; }
.hero-actions { display: flex; gap: 12px; margin: 32px 0; }
.button {
  min-height: 48px; padding: 0 24px; display: inline-flex; align-items: center;
  justify-content: center; border: 1px solid transparent; color: white;
  text-transform: uppercase; letter-spacing: .08em; font-size: 12px; font-weight: 800;
  transition: transform .2s, background .2s;
}
.button:hover { transform: translateY(-2px); }
.button.primary { background: linear-gradient(135deg, var(--red), var(--red-dark)); box-shadow: 0 12px 35px rgba(238,61,56,.2); }
.button.ghost { border-color: var(--line); background: rgba(255,255,255,.025); }
.button.full { width: 100%; border: 0; margin-top: 6px; }
.server-line { display: flex; gap: 9px; align-items: center; color: var(--muted); font-size: 12px; }
.server-line strong { color: white; }
.server-line i { width: 1px; height: 14px; background: var(--line); margin: 0 6px; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; box-shadow: 0 0 12px currentColor; }
.status-dot.online { color: var(--green); background: var(--green); }
.status-dot.offline { color: var(--red); background: var(--red); }
.hero-art { height: 510px; position: relative; overflow: hidden; isolation: isolate; }
.moon {
  position: absolute; width: 300px; height: 300px; border-radius: 50%; right: 80px; top: 55px;
  background: radial-gradient(circle at 35% 35%, #fff9e6, #dfc99a 60%, #9c835c);
  box-shadow: 0 0 90px rgba(226,179,94,.18); z-index: -3;
}
.torii { position: absolute; right: 35px; bottom: 70px; width: 400px; height: 270px; }
.torii:before, .torii:after { content:""; position:absolute; top:45px; width:34px; height:240px; background:linear-gradient(90deg,#721719,#c93631,#661214); }
.torii:before { left:70px; transform:skew(-3deg); } .torii:after { right:70px; transform:skew(3deg); }
.torii i, .torii b { position:absolute; display:block; left:20px; right:20px; background:linear-gradient(#ef4a41,#7c1619); }
.torii i { height:28px; top:20px; transform:perspective(80px) rotateX(-8deg); }
.torii b { height:18px; top:65px; left:40px; right:40px; }
.torii span { position:absolute; width:110px; height:55px; background:#191820; left:145px; top:65px; clip-path:polygon(15% 0,85% 0,100% 100%,0 100%); }
.mountain { position:absolute; bottom:0; background:#101927; clip-path:polygon(0 100%,25% 42%,39% 63%,58% 18%,100% 100%); z-index:-2; }
.mountain.one { left:0; width:380px; height:250px; opacity:.82; }
.mountain.two { right:-40px; width:380px; height:210px; background:#0c1420; }
.ninja-silhouette {
  position:absolute; width:65px; height:145px; right:215px; bottom:85px; background:#070b11;
  clip-path:polygon(35% 0,66% 3%,76% 18%,62% 30%,70% 52%,94% 98%,62% 100%,48% 67%,33% 100%,5% 98%,34% 50%,25% 27%);
  filter:drop-shadow(0 8px 8px #000);
}
.features { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); margin-bottom: 80px; }
.features article { padding: 35px; min-height: 210px; border-right: 1px solid var(--line); background: rgba(255,255,255,.018); }
.features article:last-child { border: 0; }
.features span { color: var(--red); font: 800 12px var(--body); }
.features h2 { font: 700 25px var(--display); letter-spacing: .02em; margin: 28px 0 12px; }
.features p, .notice p { color: var(--muted); font-size: 13px; line-height: 1.7; }
.notice { padding: 42px; background: linear-gradient(100deg, #151d29, #101723); display:flex; justify-content:space-between; gap:30px; margin-bottom:80px; border-left:3px solid var(--red); }
.notice h2 { font: 700 34px var(--display); margin: 12px 0 5px; }
.notice time { color: var(--muted); font-size:12px; }
.flash { margin: 20px auto 0; padding: 15px 18px; border: 1px solid; font-size: 13px; }
.flash.success { background: rgba(82,214,139,.08); border-color: rgba(82,214,139,.35); color: #9ce8bb; }
.flash.error { background: rgba(238,61,56,.08); border-color: rgba(238,61,56,.35); color: #ffaca9; }
.auth-layout { min-height: 690px; display:grid; grid-template-columns:1fr 460px; align-items:center; gap:80px; }
.auth-intro h1 { font-size: clamp(55px, 6vw, 82px); }
.auth-intro p { color:var(--muted); max-width:560px; line-height:1.8; }
.auth-intro ul { list-style:none; padding:0; margin-top:30px; display:grid; gap:12px; font-size:13px; }
.auth-intro li:before { content:"✓"; color:var(--red); margin-right:12px; font-weight:bold; }
.panel { background: linear-gradient(145deg, rgba(21,34,53,.97), rgba(12,20,32,.97)); border:1px solid var(--line); }
.form-panel { padding:42px; }
.form-panel h2 { font:700 36px var(--display); margin:0 0 28px; }
label { display:grid; gap:9px; color:#c9d0db; font-size:12px; font-weight:700; margin-bottom:18px; }
input {
  width:100%; min-height:49px; border:1px solid var(--line); background:#0b131f;
  color:white; padding:0 15px; outline:none; transition:border-color .2s;
}
select {
  width:100%; min-height:49px; border:1px solid var(--line); background:#0b131f;
  color:white; padding:0 15px; outline:none;
}
input:focus { border-color:var(--red); }
.form-switch { text-align:center; color:var(--muted); font-size:12px; margin:22px 0 0; }
.form-switch a { color:var(--red); font-weight:700; }
.page-heading { text-align:center; padding:90px 0 48px; }
.page-heading.compact { text-align:left; padding-bottom:30px; }
.page-heading h1 { font-size:clamp(55px,7vw,85px); margin:18px 0 10px; }
.page-heading p { color:var(--muted); }
.rank-tabs { display:flex; justify-content:center; gap:8px; margin-bottom:20px; }
.rank-tabs a { padding:12px 22px; border:1px solid var(--line); color:var(--muted); font-size:12px; font-weight:700; }
.rank-tabs a.active { background:var(--red); border-color:var(--red); color:white; }
.ranking-panel { max-width:850px; margin:0 auto 90px; }
.rank-row { display:grid; grid-template-columns:100px 1fr 180px; align-items:center; min-height:66px; padding:0 28px; border-bottom:1px solid var(--line); font-size:13px; }
.rank-row:last-child { border:0; }
.rank-head { color:var(--muted); min-height:50px; text-transform:uppercase; letter-spacing:.1em; font-size:10px; }
.rank-number { width:31px; height:31px; display:grid; place-items:center; border:1px solid var(--line); color:var(--muted); }
.rank-number.top { color:#17100a; background:var(--gold); border-color:var(--gold); font-weight:800; }
.rank-row > span:last-child { text-align:right; color:var(--gold); }
.empty { padding:45px; text-align:center; color:var(--muted); }
.account-grid { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:14px; }
.account-card { display:flex; align-items:center; gap:18px; padding:25px; }
.avatar { width:62px; height:62px; display:grid; place-items:center; background:var(--red); font:800 30px var(--display); }
.account-card span, .stat-card span { color:var(--muted); font-size:11px; }
.account-card h2 { font:700 28px var(--display); margin:3px 0; }
.account-card p { margin:0; color:var(--green); font-size:11px; }
.account-card form { margin-left:auto; }
.text-button { border:0; background:none; color:var(--red); font-size:11px; }
.stat-card { border:1px solid var(--line); padding:25px; display:flex; flex-direction:column; justify-content:center; background:rgba(255,255,255,.018); }
.stat-card strong { font:700 28px var(--display); margin-top:8px; color:var(--gold); }
.password-panel { margin:18px 0 90px; padding:35px; display:grid; grid-template-columns:1fr 1.4fr; gap:55px; }
.password-panel h2 { font:700 32px var(--display); margin:10px 0; }
.password-panel p { color:var(--muted); font-size:12px; }
.password-panel form { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.password-panel form input:first-of-type { grid-column:1/-1; }
.password-panel button { grid-column:1/-1; }
.download-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:18px; max-width:980px; margin:auto; }
.download-card { min-height:260px; padding:38px; position:relative; overflow:hidden; }
.download-card.featured:after { content:"忍"; position:absolute; right:-10px; bottom:-65px; color:rgba(255,255,255,.035); font:200px serif; }
.platform { color:var(--red); font-size:10px; font-weight:800; letter-spacing:.2em; }
.download-card h2 { font:700 38px var(--display); margin:18px 0 8px; }
.download-card p { color:var(--muted); margin-bottom:30px; font-size:13px; }
.install-note { max-width:900px; margin:18px auto 90px; display:flex; align-items:center; gap:30px; padding:20px 25px; border:1px solid var(--line); color:var(--muted); font-size:12px; }
.install-note strong { color:white; margin-right:auto; }
.admin-heading { padding-top:65px; }
.admin-workspace { display:grid; grid-template-columns:280px minmax(0,1fr); gap:22px; align-items:start; margin-bottom:90px; }
.admin-sidebar { position:sticky; top:20px; padding:18px 12px; background:#152237; border:1px solid #31425b; box-shadow:0 18px 50px rgba(0,0,0,.24); }
.admin-sidebar-title { padding:8px 14px 16px; color:#f0b94c; font-size:11px; font-weight:900; letter-spacing:.16em; }
.admin-nav-item { width:100%; min-height:76px; padding:12px 14px; border:1px solid transparent; background:transparent; color:#b8c7da; display:flex; align-items:center; gap:14px; text-align:left; cursor:pointer; transition:.18s ease; }
.admin-nav-item + .admin-nav-item { margin-top:6px; }
.admin-nav-item:hover { color:#fff; background:#1d2e48; border-color:#3b506d; transform:translateX(3px); }
.admin-nav-item.active { color:#fff; background:linear-gradient(135deg,#e63b3b,#bc232b); border-color:#ff5b5b; box-shadow:0 10px 26px rgba(215,44,50,.24); }
.admin-nav-icon { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border:1px solid currentColor; font-size:21px; font-weight:900; }
.admin-nav-item strong { display:block; font-size:15px; line-height:1.35; }
.admin-nav-item small { display:block; margin-top:4px; color:inherit; opacity:.7; font-size:10px; }
.admin-content { min-width:0; }
.admin-tab-panel { display:none; }
.admin-tab-panel.active { display:block; animation:adminTabIn .2s ease; }
@keyframes adminTabIn { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
.admin-form { padding:38px; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.admin-form-large { min-height:510px; align-content:start; }
.admin-form > div, .admin-form button { grid-column:1/-1; }
.admin-form h2, .admin-section h2 { font:700 38px var(--display); margin:8px 0 12px; }
.admin-panel-title p, .admin-section-head p { color:var(--muted); margin:0 0 12px; font-size:13px; }
.admin-form label { margin:0; }
.admin-form label:nth-of-type(1) { grid-column:1/-1; }
.admin-form label, .admin-section label { color:#dbe5f2; font-size:13px; font-weight:700; }
.admin-form input, .admin-form select, .item-search input { min-height:56px; margin-top:8px; font-size:15px; border-color:#40536e; background:#0e1929; }
.admin-submit { min-height:58px; margin-top:12px; font-size:14px; }
.admin-section { padding:34px; margin-bottom:18px; min-height:510px; }
.admin-section:last-of-type { margin-bottom:90px; }
.admin-section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.admin-section-head h2 { margin-bottom:0; }
.item-search { display:flex; gap:8px; width:min(480px,100%); }
.admin-table { border:1px solid var(--line); max-height:520px; overflow:auto; }
.admin-row { display:grid; grid-template-columns:80px 1fr 100px 100px; min-height:56px; align-items:center; padding:0 18px; border-bottom:1px solid var(--line); font-size:13px; }
.admin-log-row { display:grid; grid-template-columns:140px 150px 1fr 160px 130px; min-height:56px; align-items:center; padding:0 18px; border-bottom:1px solid var(--line); font-size:12px; }
.admin-row:last-child, .admin-log-row:last-child { border-bottom:0; }
.admin-row-head { color:var(--muted); text-transform:uppercase; letter-spacing:.08em; font-size:9px; background:rgba(255,255,255,.025); }
.admin-log time { color:var(--muted); }
.command-status { font-size:10px; font-weight:800; text-transform:uppercase; }
.command-status.pending { color:var(--gold); }
.command-status.processing { color:#78b7ff; }
.command-status.completed { color:var(--green); }
.command-status.failed { color:#ff7874; }
.recharge-heading strong { color:var(--gold); }
.recharge-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr); gap:20px; margin-bottom:90px; }
.recharge-form, .recharge-history { padding:36px; }
.recharge-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.recharge-title, .recharge-form label:nth-of-type(1), .recharge-form label:nth-of-type(3), .recharge-total, .recharge-submit { grid-column:1/-1; }
.recharge-form h2, .recharge-history h2 { font:700 38px var(--display); margin:8px 0 18px; }
.recharge-form label { margin:0; color:#dbe5f2; font-size:13px; font-weight:700; }
.recharge-form input, .recharge-form select { min-height:56px; margin-top:8px; background:#0e1929; border-color:#40536e; font-size:14px; }
.recharge-total { display:flex; justify-content:space-between; align-items:center; padding:20px; background:#0e1929; border:1px solid #40536e; color:var(--muted); }
.recharge-total strong { color:var(--gold); font-size:22px; }
.recharge-submit { min-height:58px; font-size:14px; }
.recharge-order-list { border-top:1px solid var(--line); }
.recharge-order { display:grid; grid-template-columns:1fr auto auto; gap:16px; align-items:center; padding:18px 0; border-bottom:1px solid var(--line); font-size:12px; }
.recharge-order div { display:flex; flex-direction:column; gap:5px; }
.recharge-order small, .empty-state { color:var(--muted); }
.recharge-status { display:inline-flex; justify-content:center; padding:7px 10px; border:1px solid currentColor; font-size:10px; font-weight:900; text-transform:uppercase; white-space:nowrap; }
.recharge-status.pending { color:var(--gold); }
.recharge-status.approved { color:var(--green); }
.recharge-status.rejected { color:#ff7874; }
.recharge-admin-list { display:grid; gap:12px; }
.recharge-admin-card { display:grid; grid-template-columns:1.2fr 1fr 1fr 130px 190px; gap:18px; align-items:center; padding:18px; border:1px solid #30415a; background:#0e1929; font-size:12px; }
.recharge-admin-card > div { min-width:0; display:flex; flex-direction:column; gap:5px; }
.recharge-admin-card span, .recharge-admin-card small { color:var(--muted); }
.recharge-admin-card strong { overflow-wrap:anywhere; }
.recharge-admin-value strong { color:var(--gold); font-size:17px; }
.recharge-admin-action form { display:flex; gap:7px; }
.recharge-admin-action .button { min-height:38px; padding:0 12px; font-size:10px; }
.button.danger { background:transparent; color:#ff7874; border-color:#963b41; }
.button.danger:hover { background:#7c252c; color:white; }
.shop-heading strong, .shop-price strong { color:var(--gold); }
.shop-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:22px; }
.shop-card { padding:26px; display:flex; flex-direction:column; min-height:440px; }
.shop-card-top { display:flex; justify-content:space-between; align-items:center; }
.shop-item-id { color:var(--red); font-size:10px; font-weight:900; letter-spacing:.12em; }
.shop-lock { color:var(--green); font-size:10px; font-weight:800; }
.shop-lock.locked { color:var(--gold); }
.shop-card h2 { font:700 30px var(--display); margin:20px 0 8px; }
.shop-card > p { min-height:38px; color:var(--muted); font-size:12px; }
.shop-meta { margin:15px 0; font-size:12px; }
.shop-options { display:flex; flex-wrap:wrap; gap:7px; min-height:70px; align-content:flex-start; }
.shop-options span { padding:7px 9px; background:#0d1828; border:1px solid #30415a; color:var(--muted); font-size:10px; }
.shop-options strong { color:#fff; }
.shop-price { display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding:17px 0; border-top:1px solid var(--line); }
.shop-price span { color:var(--muted); font-size:11px; }
.shop-price strong { font-size:17px; }
.shop-buy-form { display:grid; grid-template-columns:1fr auto; gap:8px; }
.shop-buy-form select { min-width:0; }
.shop-history { padding:28px; margin-bottom:90px; }
.shop-history h2 { font:700 32px var(--display); margin:8px 0 18px; }
.shop-history-row { display:grid; grid-template-columns:60px 1fr 160px 160px 110px; align-items:center; min-height:52px; border-top:1px solid var(--line); font-size:12px; }
.shop-admin-form { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.shop-admin-form label { margin:0; }
.shop-admin-wide { grid-column:1/-1; }
.shop-admin-form textarea { width:100%; margin-top:8px; padding:14px; resize:vertical; color:#fff; background:#0e1929; border:1px solid #40536e; font:13px monospace; }
.shop-check { display:flex; align-items:center; gap:9px; }
.shop-check input { width:18px; height:18px; }
.shop-admin-products { min-height:0; margin-top:18px; }
.shop-admin-product { border:1px solid #30415a; background:#0e1929; margin-bottom:10px; padding:18px; }
.shop-admin-product summary { cursor:pointer; display:flex; justify-content:space-between; gap:15px; }
.shop-admin-product summary span { color:var(--muted); font-size:11px; }
.shop-admin-product[open] summary { margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid var(--line); }
.shop-admin-product > form:last-child { margin-top:12px; }
.community-hero { min-height:610px; display:grid; grid-template-columns:1fr 430px; gap:90px; align-items:center; }
.community-copy h1 { max-width:720px; margin:18px 0; font:800 clamp(58px,7vw,92px)/.9 var(--display); text-transform:uppercase; }
.community-copy > p { max-width:600px; color:var(--muted); font-size:14px; line-height:1.8; }
.community-join { min-height:58px; margin:28px 0 12px; font-size:13px; }
.community-copy > small { display:block; color:var(--muted); font-size:10px; }
.community-card { min-height:400px; padding:42px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center; box-shadow:0 24px 70px rgba(0,0,0,.3); }
.community-card:after { content:"Z"; position:absolute; right:-20px; bottom:-105px; color:rgba(255,255,255,.025); font:800 260px sans-serif; }
.community-zalo-mark { width:64px; height:64px; display:grid; place-items:center; margin-bottom:24px; background:#0877ed; color:white; border-radius:16px; font:900 34px sans-serif; box-shadow:0 12px 35px rgba(8,119,237,.3); }
.community-online { color:#75bcff; font-size:9px; font-weight:900; letter-spacing:.16em; }
.community-online i { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }
.community-card h2 { margin:14px 0; font:700 42px/1 var(--display); text-transform:uppercase; }
.community-card p { max-width:310px; color:var(--muted); font-size:12px; line-height:1.7; }
.community-card a { position:relative; z-index:1; margin-top:25px; color:#75bcff; font-size:12px; font-weight:800; }
.community-card a b { margin-left:7px; color:white; }
.community-features { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); margin-bottom:20px; }
.community-features article { min-height:200px; padding:30px; border-right:1px solid var(--line); }
.community-features article:last-child { border-right:0; }
.community-features article > span { color:var(--red); font-size:10px; font-weight:900; letter-spacing:.15em; }
.community-features h3 { margin:18px 0 9px; font-size:17px; }
.community-features p { color:var(--muted); font-size:12px; line-height:1.7; }
.community-rules { display:grid; grid-template-columns:1fr 1.2fr; gap:50px; align-items:center; padding:38px; margin-bottom:90px; }
.community-rules h2 { font:700 32px/1.1 var(--display); margin:10px 0 0; }
.community-rules ul { margin:0; padding-left:18px; color:var(--muted); font-size:12px; line-height:2; }
.giftcode-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.giftcode-form label { margin:0; }
.giftcode-wide { grid-column:1/-1; }
.giftcode-form textarea { width:100%; margin-top:8px; padding:14px; resize:vertical; color:#dce8f8; background:#0e1929; border:1px solid #40536e; font:13px/1.6 monospace; }
.gift-check { display:flex; align-items:center; gap:10px; min-height:48px; }
.gift-check input { width:18px; height:18px; }
.giftcode-list-section { min-height:0; margin-top:18px; }
.giftcode-card { margin-bottom:10px; padding:18px; background:#0e1929; border:1px solid #30415a; }
.giftcode-card summary { display:grid; grid-template-columns:1fr 180px 130px; gap:15px; cursor:pointer; align-items:center; }
.giftcode-card summary strong { color:var(--gold); font-size:15px; }
.giftcode-card summary span, .giftcode-card summary small { color:var(--muted); font-size:11px; }
.giftcode-card[open] summary { margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid var(--line); }
.giftcode-card > form:last-child { margin-top:12px; }
footer { width:min(1180px,calc(100% - 40px)); margin:auto; border-top:1px solid var(--line); min-height:130px; display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:10px; }
.footer-brand { transform:scale(.8); transform-origin:left center; }

@media (max-width: 900px) {
  .nav-toggle { display:block; }
  .nav { display:none; position:absolute; z-index:10; top:78px; left:20px; right:20px; padding:20px; background:#111b29; border:1px solid var(--line); flex-direction:column; align-items:stretch; gap:0; }
  .nav.open { display:flex; }
  .nav a { padding:13px; }
  .hero { grid-template-columns:1fr; padding-top:70px; }
  .hero-art { height:390px; }
  .features { grid-template-columns:1fr; }
  .features article { border-right:0; border-bottom:1px solid var(--line); }
  .auth-layout { grid-template-columns:1fr; gap:35px; padding:70px 0; }
  .account-grid { grid-template-columns:1fr 1fr; }
  .account-card { grid-column:1/-1; }
  .password-panel { grid-template-columns:1fr; }
  .admin-workspace { grid-template-columns:220px minmax(0,1fr); }
  .admin-sidebar { position:static; }
  .admin-nav-item { padding:10px; }
  .admin-nav-icon { flex-basis:36px; width:36px; height:36px; }
  .admin-log-row { grid-template-columns:110px 120px 1fr 140px; }
  .admin-log-row time { display:none; }
  .recharge-layout { grid-template-columns:1fr; }
  .recharge-admin-card { grid-template-columns:1fr 1fr; }
  .recharge-admin-main, .recharge-admin-action { grid-column:1/-1; }
  .shop-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shop-admin-form { grid-template-columns:1fr 1fr; }
  .community-hero { grid-template-columns:1fr 360px; gap:35px; }
}
@media (max-width: 600px) {
  .site-header, main, footer { width:min(100% - 28px,1180px); }
  .hero { min-height:0; }
  .hero h1 { font-size:56px; }
  .hero-actions { flex-direction:column; }
  .hero-art { height:310px; transform:scale(.85); transform-origin:center top; }
  .notice { flex-direction:column; padding:28px; }
  .auth-intro h1 { font-size:52px; }
  .form-panel { padding:28px 22px; }
  .rank-tabs a { padding:11px 14px; }
  .rank-row { grid-template-columns:52px 1fr 100px; padding:0 14px; }
  .account-grid { grid-template-columns:1fr; }
  .account-card { grid-column:auto; }
  .password-panel { padding:25px 20px; }
  .password-panel form { grid-template-columns:1fr; }
  .password-panel form input, .password-panel form input:first-of-type, .password-panel button { grid-column:auto; }
  .download-grid { grid-template-columns:1fr; }
  .install-note { align-items:flex-start; flex-direction:column; gap:10px; }
  .admin-workspace { grid-template-columns:1fr; gap:14px; }
  .admin-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:10px; }
  .admin-sidebar-title { grid-column:1/-1; padding:5px 6px 8px; }
  .admin-nav-item, .admin-nav-item + .admin-nav-item { min-height:62px; margin:0; }
  .admin-nav-item small { display:none; }
  .admin-nav-item strong { font-size:12px; }
  .admin-nav-icon { flex-basis:30px; width:30px; height:30px; font-size:16px; }
  .admin-form { grid-template-columns:1fr; }
  .admin-form > div, .admin-form button, .admin-form label:nth-of-type(1) { grid-column:auto; }
  .admin-section { padding:20px 14px; }
  .admin-section-head { align-items:stretch; flex-direction:column; }
  .item-search { flex-direction:column; }
  .admin-row { grid-template-columns:50px 1fr 50px 45px; padding:0 10px; }
  .admin-log-row { grid-template-columns:85px 100px 1fr; padding:0 10px; }
  .admin-log-row span:nth-of-type(3), .admin-log-row time { display:none; }
  .recharge-form { grid-template-columns:1fr; padding:24px 18px; }
  .recharge-title, .recharge-form label:nth-of-type(1), .recharge-form label:nth-of-type(3), .recharge-total, .recharge-submit { grid-column:auto; }
  .recharge-history { padding:24px 18px; }
  .recharge-order { grid-template-columns:1fr auto; }
  .recharge-order .recharge-status { grid-column:1/-1; justify-self:start; }
  .recharge-admin-card { grid-template-columns:1fr; }
  .recharge-admin-main, .recharge-admin-action { grid-column:auto; }
  .shop-grid { grid-template-columns:1fr; }
  .shop-buy-form { grid-template-columns:1fr; }
  .shop-history-row { grid-template-columns:45px 1fr 100px; }
  .shop-history-row span:nth-child(3), .shop-history-row span:nth-child(4) { display:none; }
  .shop-admin-form { grid-template-columns:1fr; }
  .shop-admin-wide { grid-column:auto; }
  .shop-admin-product summary { flex-direction:column; }
  .community-hero { grid-template-columns:1fr; gap:30px; padding:70px 0 30px; }
  .community-copy h1 { font-size:56px; }
  .community-card { min-height:340px; padding:30px; }
  .community-features { grid-template-columns:1fr; }
  .community-features article { border-right:0; border-bottom:1px solid var(--line); }
  .community-features article:last-child { border-bottom:0; }
  .community-rules { grid-template-columns:1fr; gap:20px; padding:28px 22px; }
  .giftcode-form { grid-template-columns:1fr; }
  .giftcode-wide { grid-column:auto; }
  .giftcode-card summary { grid-template-columns:1fr; gap:5px; }
  footer { padding:30px 0; flex-direction:column; align-items:flex-start; gap:12px; }
}