/* paper-auth.css — 暖白信笺 · 登录/注册页（paper.css 之后加载）。不要圆形：色块改圆角方块，预览卡改信纸，内测章改陶土蜡封色。 */

/* 品牌：Missive 衬线字（字体在 paper.css）；内测章陶土色；三色短条换成一条陶土短条 */
.au-seal { background: radial-gradient(circle at 35% 30%, #E89778, var(--clay) 55%, var(--clay-d)); color: #FFF4EC; border-radius: 6px; box-shadow: 0 2px 6px rgba(184, 92, 62, .3); }
.au-stripe > i { width: 16px; background: var(--clay); }
.au-stripe > i + i { display: none; }
.au-wm { color: rgba(217, 119, 87, .06); }

/* 分段控件、输入框：卡片白 + 细线，聚焦陶土色 */
.au-seg { background: var(--line-2); border-radius: 16px; }
.au-input.ui-input:focus, #au-register .au-input.ui-input:focus { border-color: var(--clay); box-shadow: 0 0 0 3px rgba(217, 119, 87, .14); }

/* 「朋友看到的你」预览：一张信纸，楷书字 + 字下短色条 */
.au-card { border-radius: 22px; box-shadow: 0 0 0 1px var(--line), 0 10px 28px rgba(120, 80, 50, .07); }
.au-card-skin { background: var(--surface) repeating-linear-gradient(180deg, transparent 0 31px, var(--rule) 31px 32px); color: var(--ink); }
.au-card-wipe { display: none; }
.au-card-char { color: var(--c-deep); transition: color var(--dur-3) var(--ease-out); }
.au-card-char::after { content: ''; display: block; width: 16px; height: 3px; margin: 8px auto 0; border-radius: 2px; background: var(--c-soft); transition: background-color var(--dur-3) var(--ease-out); }
.au-card-cap { color: var(--clay-d); opacity: .8; letter-spacing: 2px; }

/* 颜色：圆点改圆角方块 */
.au-sw, .au-sw::after { border-radius: 11px; }
.au-sw-dot { border-radius: 4px; }
.au-sw[aria-checked="true"] .au-sw-dot { border-radius: 7px; }

/* 主按钮：陶土色 */
.au-submit.ui-btn { background: var(--clay); color: #fff; border-radius: 16px; box-shadow: 0 6px 16px rgba(184, 92, 62, .22); }
.au-submit.ui-btn:active { background: var(--clay-d); }

/* 登录成功：头像字落在一张圆角信纸上（不再是圆盘） */
.au-fly-disc { border-radius: 40px; background: var(--surface) repeating-linear-gradient(180deg, transparent 0 31px, var(--rule) 31px 32px); box-shadow: 0 0 0 1px var(--line), 0 14px 34px rgba(90, 60, 30, .12); }

:root[data-theme="dark"] .au-card-skin, :root[data-theme="dark"] .au-fly-disc { background: var(--surface); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .au-card-skin, :root:not([data-theme="light"]) .au-fly-disc { background: var(--surface); } }