:root { --gold:#c08a43; --gold-deep:#7a5427; --ink:#2c251e; --muted:#81766b; }
body { color:var(--ink); background:#eeebe6; }
.app-shell { padding:max(18px,env(safe-area-inset-top)) 26px max(38px,env(safe-area-inset-bottom)); background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(250,247,241,.98)); box-shadow:0 0 50px rgba(70,58,43,.18); }
.site-header { position:relative; padding:14px 0 16px; text-align:center; border-bottom:1px solid #e5dccd; }
.header-actions { position:absolute; inset:0 0 auto; display:flex; align-items:center; justify-content:space-between; color:#a6793b; font:12px/1 Georgia,serif; letter-spacing:.14em; }
.favorite-button { padding:7px 11px; border:0; border-bottom:1px solid #d6bc94; color:#795329; background:transparent; font-size:13px; }
.brand-logo { width:min(58%,420px); margin:8px auto 0; }
.site-header > p { margin:5px 0 0; color:#8c6b40; font-size:13px; letter-spacing:.32em; }
main { display:grid; gap:13px; padding-top:15px; }
.notice-bar { min-height:56px; padding:9px 15px; border:1px solid #e1d4c1; border-radius:14px; background:#fff; box-shadow:0 5px 16px rgba(81,65,43,.07); }
.notice-bar p { color:#6f655c; font-size:13px; line-height:1.45; }
.notice-icon,.notice-arrow { color:#c08a43; }
.section-heading { display:flex; align-items:end; justify-content:space-between; padding:6px 2px 0; }
.section-heading span { color:#b79568; font:10px/1 Arial,sans-serif; letter-spacing:.22em; }
.section-heading h1 { margin:0; font-size:19px; letter-spacing:.06em; }
.advertisement-list { gap:10px; }
.ad-card { min-height:104px; padding:13px 15px; grid-template-columns:70px minmax(0,1fr) 150px; gap:15px; border:1px solid #e7dece; border-radius:16px; background:#fff; box-shadow:0 8px 22px rgba(74,60,42,.08); }
.ad-card.is-featured { border-color:#d8b77f; box-shadow:inset 4px 0 #c3924d,0 10px 25px rgba(92,67,32,.11); }
.ad-icon { width:62px; height:62px; margin:auto; border-radius:16px; background:#fbf4e8; border:1px solid #ead4af; }
.ad-icon img { width:62%; height:62%; }
.ad-copy h2 { font-size:22px; font-weight:650; letter-spacing:.02em; }
.ad-copy p { color:#85796d; font-size:13px; }
.enter-button { min-height:44px; padding:0 16px; border:1px solid #c79551; color:#fff; font-size:16px; font-weight:700; background:#b77c35; box-shadow:0 5px 12px rgba(151,101,43,.18); }
.ad-number { left:9px; top:6px; color:#c69c64; font:9px/1 Arial,sans-serif; letter-spacing:.08em; }
.featured-badge { top:0; right:15px; padding:5px 10px; border-radius:0 0 8px 8px; color:#fff; font-size:10px; background:#bd8743; }
.trust-row { margin-top:3px; padding:12px 0; border-top:1px solid #e6ddcf; border-bottom:1px solid #e6ddcf; }
.trust-item { min-height:50px; gap:8px; border-right:1px solid #e9e1d5; }
.trust-item:last-child { border-right:0; }
.trust-item b { width:26px; height:26px; display:grid; place-items:center; border:1px solid #c99c60; border-radius:50%; color:#a76f2f; }
.trust-item p { margin:0; }
.trust-item strong { font-size:13px; }
.trust-item span { margin-top:3px; color:#9a8e82; font-size:10px; }
.bottom-card { padding: 18px; gap: 22px; border: 1px solid #e7dece; border-radius: 16px; background: #fff; box-shadow: 0 8px 22px rgba(74,60,42,.08); }
.browser-group { border-right: 1px solid #e9e1d5; }
.browser-list img { filter: drop-shadow(0 3px 5px rgba(65,48,28,.12)); }
.browser-list small { color: #9a8e82; }
.tips-copy h2 span { border: 1px solid #c08a43; color: #a76f2f; }
.tips-copy ol { color: #766d64; }
.page-footer { padding-top:25px; color:#806441; }
.page-footer p { font-size: 11px; }
.page-footer p span { background: linear-gradient(90deg,transparent,#c08a43); }
.page-footer small { display:block; margin-top:6px; color:#aaa097; font:9px/1.4 Arial,sans-serif; letter-spacing:.18em; }
.page-footer em { margin-top: 15px; color: #a67a42; font-family: "STKaiti","KaiTi",serif; font-size: 16px; }
@media (max-width:520px) {
  .app-shell { padding-inline:12px; }
  .brand-logo { width:60%; margin-top:18px; }
  .header-actions span { font-size:10px; }
  .favorite-button { font-size:12px; }
  .site-header > p { font-size:11px; }
  .notice-bar { padding:9px 11px; }
  .notice-bar p { font-size:12px; }
  .ad-card { min-height:94px; padding:11px 10px; grid-template-columns:56px minmax(0,1fr) 105px; gap:9px; border-radius:13px; }
  .ad-icon { width:50px; height:50px; border-radius:13px; }
  .ad-copy h2 { font-size:17px; }
  .enter-button { padding:0 8px; }
  .trust-item { gap:5px; }
  .trust-item b { width:22px; height:22px; font-size:11px; }
  .trust-item strong { font-size:11px; }
  .trust-item span { font-size:9px; }
  .bottom-card { gap: 18px; }
  .browser-group { padding-bottom: 18px; border-right: 0; border-bottom: 1px solid #e9e1d5; }
  .page-footer p { font-size: 9px; gap: 4px; }
  .page-footer p span { width: 14px; }
}