/* DeepTalk 站点共享样式 */
* { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --paper: #f6f3ec; --paper2: #efe9dd; --panel: #fdfcf8; --line: #e3ddd0;
  --ink: #28251f; --ink2: #57523f; --dim: #968f7d; --cin: #b3402a; --cin-soft: #f6e3dc;
  --chip: #f1ede3; --ok: #4a7350;
  --serif: "Noto Serif SC", "Songti SC", Georgia, serif;
  --sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, sans-serif;
}
html, body { height: 100%; }
body { font-family: var(--sans); color: var(--ink); background: var(--paper); font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: var(--cin); text-decoration: none; }
.hidden { display: none !important; }
::-webkit-scrollbar { width: 9px; } ::-webkit-scrollbar-thumb { background: #d8d1c0; border-radius: 9px; }

.btn { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--line); background: var(--panel); color: var(--ink); border-radius: 11px; padding: 11px 20px; font: inherit; cursor: pointer; transition: all .16s; }
.btn:hover { border-color: var(--cin); color: var(--cin); transform: translateY(-1px); }
.btn.primary { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.btn.primary:hover { background: var(--cin); border-color: var(--cin); color: #fff; }
.btn.cin { background: var(--cin); color: #fff; border-color: var(--cin); }
.btn.cin:hover { filter: brightness(1.07); color: #fff; }

.brandmark { font-family: var(--serif); font-weight: 700; font-size: 21px; letter-spacing: .02em; color: var(--ink); }
.brandmark .dot { display: inline-block; width: 7px; height: 7px; background: var(--cin); border-radius: 2px; transform: rotate(45deg); margin-left: 6px; vertical-align: 2px; }

.topnav { position: fixed; top: 0; left: 0; right: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; padding: 16px 32px; backdrop-filter: blur(8px); background: rgba(246,243,236,.7); }
.topnav .links { display: flex; gap: 8px; align-items: center; }

.card { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 22px; }
.serif { font-family: var(--serif); }
.muted { color: var(--dim); }
.err { color: #9c3030; font-size: 13px; }

/* 通用居中卡片页(登录/下载) */
.center-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 80px 20px 40px; position: relative; }
.field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.field label { font-size: 13px; color: var(--ink2); }
.field input { border: 1px solid var(--line); border-radius: 10px; padding: 11px 13px; font: inherit; outline: none; background: #fff; }
.field input:focus { border-color: #c4ab9d; }