@import url("/brand/palette.css?v=20261002-palette-1");

:root { color-scheme: light dark; --bg:var(--wx-bg); --panel:var(--wx-panel); --soft:var(--wx-soft); --text:var(--wx-text); --muted:var(--wx-muted); --line:var(--wx-line); --brand:var(--wx-link); --brand-hover:var(--wx-link-hover); --brand-text:#fff; --focus:var(--wx-focus); --error:#b42318; --error-bg:#fff0ee; --success:#17652c; --success-bg:#eaf8ed; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; }
* { box-sizing:border-box; } [hidden] { display:none !important; } body { margin:0; background:var(--bg); color:var(--text); font-size:15px; line-height:1.65; } a { color:var(--brand); text-decoration:none; } a:hover { text-decoration:underline; } button,input { font:inherit; } button { cursor:pointer; touch-action:manipulation; } button:disabled { cursor:default; opacity:.55; } input { min-width:0; max-width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:8px; background:var(--panel); color:var(--text); } input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid var(--focus); outline-offset:3px; } h1,h2,p { margin-top:0; } h1 { margin-bottom:0; font-size:30px; line-height:1.3; } h2 { margin-bottom:10px; font-size:20px; line-height:1.45; } p { margin-bottom:14px; } .muted,.field-help { color:var(--muted); } .muted { margin-bottom:0; } .field-help { margin:0; font-size:13px; } .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.site-header { background:var(--panel); border-bottom:1px solid var(--line); } .header-inner { width:min(1160px,calc(100% - 40px)); margin:auto; min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:24px; } .brand { display:flex; align-items:center; gap:10px; color:var(--text); font-size:19px; font-weight:700; } .brand img { object-fit:contain; border-radius:6px; } .header-inner nav { display:flex; gap:0; flex-wrap:wrap; } .header-inner nav a { display:inline-flex; align-items:center; justify-content:center; min-height:55px; padding:0 12px; border-radius:0; color:var(--muted); font-size:14px; white-space:nowrap; text-decoration:none; } .header-inner nav a:hover,.header-inner nav a[aria-current="page"] { background:var(--wx-primary); color:var(--wx-on-primary); } .header-inner nav a[aria-current="page"] { font-weight:700; } .shell { width:min(1080px,calc(100% - 40px)); margin:auto; padding:34px 0 48px; } .page-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; } .eyebrow { color:var(--brand); font-size:13px; font-weight:700; margin:0 0 6px; } .back-link { white-space:nowrap; font-size:14px; } .card { min-width:0; padding:28px; border:1px solid var(--line); border-radius:14px; background:var(--panel); box-shadow:0 6px 24px rgba(38,72,44,.035); } .guest-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:start; } .auth-card { padding:32px; } .auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:24px 0; padding:5px; border-radius:9px; background:var(--soft); } .auth-tabs button { padding:10px; min-height:44px; border:0; border-radius:6px; color:var(--muted); background:transparent; } .auth-tabs button[aria-selected="true"] { background:var(--panel); color:var(--brand); font-weight:700; box-shadow:0 2px 6px rgba(30,60,30,.07); } .form { display:grid; gap:17px; margin-top:20px; } .form label { display:grid; gap:7px; font-weight:600; } .form .field-help { margin-top:-10px; } .button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:10px 18px; border:1px solid transparent; border-radius:8px; background:var(--wx-primary); color:#fff; font-weight:600; line-height:1.5; } .button:hover:enabled { background:var(--wx-hover); } .button.secondary { border-color:var(--line); background:var(--panel); color:var(--text); } .button.secondary:hover:enabled { background:var(--soft); } .button.full { width:100%; } .notice { padding:12px 16px; border:1px solid var(--line); border-radius:8px; margin:0 0 20px; background:var(--soft); overflow-wrap:anywhere; } .notice.error { color:var(--error); background:var(--error-bg); } .notice.success { color:var(--success); background:var(--success-bg); } #session-retry { margin-bottom:24px; } .rules-card { padding:36px; background:var(--soft); } .coin-symbol { display:grid; place-items:center; width:62px; height:62px; border:2px solid #dcb64d; border-radius:50%; margin-bottom:26px; background:#fff3c8; color:#85660f; font-size:32px; font-weight:800; } .rules-card h2 { font-size:24px; } .rules-card>p,.rules-list { color:var(--muted); } .rules-list { margin:24px 0 0; padding-left:20px; font-size:14px; } .rules-list li+li { margin-top:12px; } .referral-note { padding:12px; margin-bottom:20px; border:1px solid var(--line); border-radius:8px; background:var(--soft); font-size:14px; } .referral-note p { margin-bottom:5px; overflow-wrap:anywhere; } .text-button { padding:0; border:0; background:transparent; color:var(--brand); text-decoration:underline; min-height:32px; }
.member-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; } .member-heading h2 { margin-bottom:4px; } .stats-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px; } .stat { display:grid; gap:3px; } .stat strong { font-size:38px; line-height:1.4; color:var(--brand); font-variant-numeric:tabular-nums; } .stat .muted { font-size:13px; } .invitation-card { margin-bottom:24px; } .copy-row { display:flex; gap:10px; margin:20px 0 8px; } .copy-row input { width:100%; flex:1; } .copy-row button { white-space:nowrap; } .rules-details { border-top:1px solid var(--line); margin-top:18px; padding-top:14px; color:var(--muted); font-size:13px; } .rules-details summary { cursor:pointer; color:var(--brand); } .rules-details p { margin:10px 0 0; } .member-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:24px; align-items:start; } .card-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:22px; } .card-heading h2 { margin-bottom:4px; } .ledger-list { list-style:none; margin:0; padding:0; } .ledger-item { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 0; border-bottom:1px solid var(--line); } .ledger-item:first-child { border-top:1px solid var(--line); } .ledger-detail { min-width:0; } .ledger-detail p { margin:0 0 4px; overflow-wrap:anywhere; } .ledger-detail time { color:var(--muted); font-size:12px; } .ledger-amount { color:var(--brand); font-size:21px; white-space:nowrap; font-variant-numeric:tabular-nums; } .ledger-amount.negative { color:var(--error); } .empty { padding:36px 12px; text-align:center; color:var(--muted); border:1px dashed var(--line); border-radius:8px; } .pagination { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:24px; } .pagination span { color:var(--muted); font-size:13px; text-align:center; } footer { padding:22px 20px; text-align:center; border-top:1px solid var(--line); color:var(--muted); font-size:13px; } footer a { margin-left:14px; }
@media (max-width:760px) { .header-inner { min-height:0; padding:16px 0; flex-direction:column; align-items:flex-start; gap:16px; } .header-inner nav { width:100%; justify-content:space-between; gap:0; } .header-inner nav a { flex:1; min-height:44px; padding-inline:6px; } .guest-grid,.member-grid { grid-template-columns:minmax(0,1fr); } .rules-card { padding:26px; } .rules-card h2 { font-size:21px; } .coin-symbol { width:48px; height:48px; font-size:26px; margin-bottom:20px; } .shell { padding-top:26px; } .card { padding:22px; } .auth-card { padding:26px; } }
@media (max-width:420px) { .shell,.header-inner { width:calc(100% - 28px); } h1 { font-size:26px; } .card,.auth-card { padding:20px; } .stats-grid { gap:12px; } .stat { padding:18px 14px; } .stat strong { font-size:32px; } .stat .muted { font-size:12px; } .copy-row { flex-direction:column; } .member-heading { align-items:flex-start; } .member-heading .button { padding:9px 12px; } .pagination .button { padding:9px 12px; } }
@media (prefers-color-scheme:dark) { :root { --bg:var(--wx-bg); --panel:var(--wx-panel); --soft:var(--wx-soft); --text:var(--wx-text); --muted:var(--wx-muted); --line:var(--wx-line); --brand:var(--wx-link); --brand-hover:var(--wx-link-hover); --brand-text:#112b19; --focus:var(--wx-focus); --error:#ffb4ab; --error-bg:#422522; --success:#9ae7ac; --success-bg:#223c2a; } .coin-symbol { background:#443c20; color:#edcf74; border-color:#88712f; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; } }

.brand { min-width:0; max-width:100%; }
.brand span,.member-heading>div { min-width:0; overflow-wrap:anywhere; }
.stat strong { overflow-wrap:anywhere; }