/* TaleKin · ICP 静态区共享样式（信息发布 / 商城平台等免登录静态页）自包含离线可用 */
:root {
    --ink: #2e2620; --ink-2: #6b5d4f; --ink-3: #a89a89;
    --line: #f0e7d8; --accent: #d97824; --accent-dark: #b9631a;
    --font-body: 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fffdf8; color: var(--ink); font-family: var(--font-body); -webkit-font-smoothing: antialiased; min-height: 100vh; }
.wrap { max-width: 1180px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.public-nav { position: sticky; top: 0; z-index: 50; background: rgba(255, 253, 248, 0.92); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.public-nav .wrap { display: flex; justify-content: space-between; align-items: center; padding-top: 18px; padding-bottom: 18px; }
.brand { display: flex; align-items: center; gap: 12px; font-weight: 900; font-size: 21px; color: var(--ink); text-decoration: none; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; font-size: 19px; font-weight: 900; background: linear-gradient(135deg, #ffb84d, #e8862e); color: #fff; border-radius: 12px; }
.nav-links { display: flex; flex-wrap: wrap; gap: clamp(14px, 2vw, 30px); align-items: center; margin-left: auto; font-size: 15px; font-weight: 600; }
.nav-links a { color: var(--ink-2); text-decoration: none; }
.nav-links a:hover { color: var(--accent-dark); }
.nav-cta { display: inline-block; background: var(--ink); color: #fff; text-decoration: none; border-radius: 100px; padding: 10px 24px; font-weight: 700; font-size: 14px; cursor: pointer; flex-shrink: 0; margin-left: clamp(14px, 2vw, 30px); }
.nav-cta:hover { color: #fff; opacity: .88; }
.foot .wrap { padding-top: 44px; padding-bottom: 56px; }
@media (max-width: 860px) { .nav-links { display: none; } }