/* build: 2025-10-21T12:00Z - expected main.css from main branch */
/* === 基础变量与主题 === */
:root{
  --theme-h: 212;              /* 主题色相（默认蓝） */
  --theme-s: 80%;
  --theme-l: 44%;
  --theme: hsl(var(--theme-h), var(--theme-s), var(--theme-l));
  --theme-600: hsl(var(--theme-h), var(--theme-s), 36%);
  --bg: #fff;
  --text: #1f2937;
  --muted: #6b7280;
  --border: #e5e7eb;
  --maxw: 1200px;
  --radius: 14px;
}

/* 暗色适配（可选） */
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0b0f14;
    --text:#e5e7eb;
    --muted:#9ca3af;
    --border:#1f2937;
  }
  .card{ background: #121822; }
}

/* 重置与全局排版 */
*{ box-sizing: border-box; }
html,body{ margin:0; padding:0; background:var(--bg); color:var(--text); }
img{ max-width:100%; height:auto; }
a{ color: var(--theme-600); text-decoration: none; }
a:hover{ text-decoration: underline; }
h1,h2,h3{ line-height:1.3; margin: .6rem 0; }
p{ line-height:1.7; }

/* 顶部导航（主题色、粘性） */
.site-header{
  position: sticky; top:0; z-index: 50;
  background: linear-gradient(180deg, var(--theme), var(--theme-600));
  color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
.nav{
  max-width: var(--maxw); margin:0 auto; padding:.6rem 1rem;
  display:flex; align-items:center; gap:1rem;
}
.nav .brand{ font-weight:700; font-size: 1.15rem; white-space:nowrap; }
.nav .spacer{ flex:1; }
.nav a{ color:#fff; opacity:.95; padding:.35rem .6rem; border-radius:.5rem; }
.nav a:hover, .nav a[aria-current="page"]{ background: rgba(255,255,255,.15); text-decoration:none; }
.lang-switch{
  display:inline-flex; gap:.25rem; align-items:center;
  padding:.25rem .5rem; border:1px solid rgba(255,255,255,.35); border-radius:.5rem;
  cursor:pointer; user-select:none;
}

/* 页面网格：左侧资料卡 + 右侧正文 */
.container{ max-width: var(--maxw); margin: 1.2rem auto; padding: 0 1rem; }
.grid{
  display:grid; grid-template-columns: 300px 1fr; gap: 1.2rem;
}
@media (max-width: 900px){
  .grid{ grid-template-columns: 1fr; }
}

/* 左栏资料卡 */
.card{
  background:#fff; border:1px solid var(--border);
  border-radius: var(--radius); padding: 1rem;
}
.profile{
  text-align:center;
}

.profile .photo {
  width: 100%;
  aspect-ratio: 4/5;           /* 竖幅；可改 3/4 或 16/9 */
  object-fit: cover;
  border-radius: 12px;          /* 保留轻圆角，可=0 变直角 */
  border: 1px solid var(--border);
  box-shadow: 0 3px 10px rgba(0,0,0,.06);
  margin: .2rem 0 .8rem;
}

.profile .name{ font-weight:800; font-size:1.15rem; }
.profile .title{ color:var(--muted); margin:.25rem 0 .6rem; font-size:.95rem; }
.profile .list{ text-align:left; list-style:none; padding:0; margin:.6rem 0 0; }
.profile .list li{ display:flex; gap:.5rem; align-items:center; padding:.25rem 0; }

/* 右侧正文模块 */
.section{
  background:#fff; border:1px solid var(--border);
  border-radius: var(--radius); padding: 1.2rem 1.2rem;
  margin-bottom: 1rem;
}
.section h2{ margin-top: .2rem; }
.section ul{ margin:.4rem 0 .2rem 1.2rem; }

/* 页脚 */
.site-footer{
  max-width: var(--maxw); margin: 1.5rem auto; padding: .8rem 1rem; color: var(--muted);
  border-top:1px dashed var(--border); font-size:.95rem;
}

/* 简易徽章按钮 */
.btn{
  display:inline-block; padding:.45rem .8rem; border:1px solid var(--border);
  border-radius:.55rem; text-decoration:none; color:var(--text);
}
.btn:hover{ border-color: var(--theme-600); }

/* 主题色快速类（可切换预留） */
.theme-blue { --theme-h: 212; --theme-s:80%; --theme-l:44%; }
.theme-green{ --theme-h: 150; --theme-s:50%; --theme-l:38%; }
.theme-red  { --theme-h: 2;   --theme-s:76%; --theme-l:46%; }

/* === 顶部导航搜索框 === */
.searchbar{
  display:flex; align-items:center; gap:.35rem;
  background: rgba(255,255,255,.16);
  padding:.25rem .5rem; border-radius:.5rem;
}
.searchbar input[type="search"]{
  border:none; outline:none; background:transparent; color:#fff;
  min-width: 170px;
}
.searchbar input::placeholder{ color: rgba(255,255,255,.85); }
.searchbar button{
  border:none; background:rgba(255,255,255,.22);
  color:#fff; padding:.28rem .55rem; border-radius:.4rem; cursor:pointer;
}
.searchbar button:hover{ background:rgba(255,255,255,.32); }
@media (max-width: 640px){
  .searchbar input[type="search"]{ min-width: 110px; }
}

/* 语言显示规则（全站可复用） */
.lang-zh, .lang-en { display: none; }
html[lang="zh"] .lang-zh { display: initial; }
html[lang="en"] .lang-en { display: initial; }