/* ============================================================
  STYLE BLOCK 1：让网页感觉像原生 App
============================================================ */
* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  font-family: -apple-system, 'PingFang SC', 'Helvetica Neue', sans-serif;
  background: var(--bg-primary);
  color: var(--text-primary);
  overscroll-behavior: none;
  /* 禁止长按选中文字和弹出系统菜单 */
  -webkit-user-select: none;
  user-select: none;
  /* 禁止长按高亮 */
  -webkit-tap-highlight-color: transparent;
}

/* 输入框恢复文字选中，用户需要能复制粘贴 */
input, textarea {
  -webkit-user-select: text;
  user-select: text;
}

:root {
  --nav-primary:    #fe2d46;
  --nav-text-primary:    #ffffff;
  --bg-primary:    #ffffff;
  --bg-secondary:  #f5f5f5;
  --bg-tertiary:   #ebebeb;
  --text-primary:  #1a1a1a;
  --text-secondary:#666666;
  --text-tertiary: #999999;
  --border:        rgba(0, 0, 0, 0.10);
  --accent:        #c8571a;
  --accent-bg:     rgba(200, 87, 26, 0.10);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-primary:    #1c1c1e;
    --bg-secondary:  #2c2c2e;
    --bg-tertiary:   #3a3a3c;
    --text-primary:  #f2f2f7;
    --text-secondary:#aeaeb2;
    --text-tertiary: #636366;
    --border:        rgba(255, 255, 255, 0.10);
  }
}

.page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* ============================================================
  STYLE BLOCK 2：导航标头
============================================================ */
.navbar {
  height: 44px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  background: var(--bg-primary);
  border-bottom: 0.5px solid var(--border);
  position: relative;
}

.navbar-btn {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  color: var(--accent);
  font-size: 15px;
  -webkit-tap-highlight-color: transparent;
}

.navbar-btn:active { opacity: 0.5; }

.navbar-title {
  flex: 1;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 4px;
}

.navbar-more {
  font-size: 20px;
  letter-spacing: 2px;
  color: var(--accent);
}