/* guess.css —— 老照片猜猜看（2026-11-09） */

.gs-hero{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,#1e3a5f 0%,#2c5282 52%,#2a8f8f 100%)}
.gs-hero:after{content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.15),transparent 46%)}
.gs-hero .wrap{position:relative;z-index:1;padding:42px 20px 46px}
.gs-hero h1{margin:0 0 8px;font-size:26px;font-weight:600;letter-spacing:.4px}
.gs-hero p{margin:0;font-size:14px;color:rgba(255,255,255,.82)}
.gs-hud{display:flex;align-items:center;gap:7px;margin-top:20px;font-size:13px;
  color:rgba(255,255,255,.72)}
.gs-hud b{font-size:22px;color:#fff;font-weight:600;line-height:1}
.gs-hud a{margin-left:12px;font-size:12px;color:rgba(255,255,255,.6);
  border-bottom:1px dashed rgba(255,255,255,.4)}
.gs-hud a:hover{color:#fff}

.gs-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);
  gap:20px;align-items:start;padding:24px 0 44px}
.gs-tip{grid-column:1 / -1;border-radius:10px;padding:11px 16px;font-size:13px;
  background:#e8f5f1;color:#1f6b62;border:1px solid #c6e8dd}
.gs-empty{grid-column:1 / -1;text-align:center;padding:44px 24px}
.gs-empty b{display:block;font-size:17px;color:#2c5282;margin-bottom:10px}
.gs-empty p{margin:0 auto 18px;font-size:13px;color:#718096;max-width:440px;line-height:1.8}

.gs-card{background:#fff;border:1px solid #e6ebf1;border-radius:16px;padding:16px 18px;margin-bottom:18px}
.gs-card h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#2c5282}

.gs-photo{background:#f7f9fb;border:1px solid #eef2f6;border-radius:12px;overflow:hidden;
  padding:10px;display:flex;align-items:center;justify-content:center;min-height:180px}
.gs-photo img{display:block;max-width:100%;max-height:440px;object-fit:contain;border-radius:6px}

.gs-q{margin:18px 0 14px;text-align:center;font-size:17px;font-weight:600;color:#1a202c}
.gs-sub{margin:-8px 0 14px;text-align:center;font-size:13px;color:#8fa3b5}

.gs-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gs-opt{padding:15px 12px;border-radius:10px;border:1.5px solid #dfe6ee;background:#fff;
  color:#2d3748;font-size:15px;font-family:inherit;cursor:pointer;transition:.15s;
  word-break:break-all}
.gs-opt:hover{border-color:#2a8f8f;color:#2a8f8f;background:#f8fdfd}
.gs-opt.ok{background:#e8f5f1;border-color:#63bda7;color:#12695a;font-weight:600}
.gs-opt.no{background:#fdecea;border-color:#e2a09a;color:#94362e}
.gs-opt.dim{opacity:.42}

.gs-res{margin-top:16px;padding:14px 16px;border-radius:10px;
  background:#f5f9fc;border:1px solid #e3ecf4}
.gs-res b{display:block;font-size:15px;color:#2c5282;margin-bottom:5px}
.gs-res p{margin:0;font-size:13px;color:#4a5568;line-height:1.75}

.gs-card [hidden]{display:none !important}

.gs-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.gs-btns form{margin:0}
.gs-btns .btn{font-family:inherit;border:0;cursor:pointer}
.gs-warm-tip{margin:6px 0 0;text-align:center;font-size:13px;color:#718096}
.gs-warm-tip.done{color:#1f6b62}

.gs-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:16px;padding-top:14px;border-top:1px dashed #eef2f6;
  font-size:12px;color:#9aa9b8;flex-wrap:wrap}
.gs-meta form{margin:0}
.gs-meta em{font-style:normal;color:#2a8f8f}
.gs-link{border:0;background:none;padding:0;font-family:inherit;font-size:12px;
  color:#2a8f8f;cursor:pointer;border-bottom:1px dashed #a8d5d0}
.gs-link:hover{color:#1f6b62}

.gs-how{margin:0 0 12px;padding-left:18px;font-size:13px;color:#4a5568;line-height:2}
.gs-note{margin:10px 0 0;font-size:12px;color:#9aa9b8;line-height:1.8}
.gs-note b{color:#2c5282}

.gs-bar{height:8px;border-radius:5px;background:#f0f4f8;overflow:hidden}
.gs-bar i{display:block;height:100%;border-radius:5px;
  background:linear-gradient(90deg,#2c5282,#2a8f8f);transition:width .4s}

@media(max-width:820px){
  .gs-body{grid-template-columns:1fr}
  .gs-hero h1{font-size:21px}
  .gs-photo img{max-height:340px}
  .gs-q{font-size:15.5px}
  .gs-opt{font-size:14px;padding:13px 10px}
}