:root {
    --bg: #16100c;
    --card: #221711;
    --ink: #f5d49a;
    --accent: #b07a30;
    --accent2: #ffb347;
    --border: #3a2618;
    --muted: #c79a6a;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
    background: var(--bg);
    color: var(--ink);
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    line-height: 1.6;
    padding: 16px;
}
.wrap { max-width: 1200px; margin: 0 auto; }

/* 顶部栏通用 */
.top,.page-top {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 22px; background: #241910;
    border-bottom: 2px solid var(--border);
    position: sticky; top: 0; z-index: 10;
}
.tt { color: var(--accent2); font-size: 24px; font-weight: bold; }
.sub { color: var(--muted); font-size: 13px; margin-top: 3px; }
.back,.page-back,.back-link { color: var(--ink); text-decoration: none; }

/* 网格 */
.grid { display: grid; gap: 16px; margin-top: 16px; }

/* 卡片 */
.card {
    background: var(--card);
    padding: 18px;
    border-radius: 14px;
    margin-bottom: 18px;
    border: 1px solid var(--border);
}
.card h3 { color: var(--accent2); margin-bottom: 12px; }

/* 按钮 */
a.btn, .b {
    display: inline-block;
    padding: 10px 16px;
    background: var(--accent);
    color: #fff;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    margin: 6px 4px;
    cursor: pointer;
    font-size: 16px;
}
a.btn:hover, .b:hover { background: var(--accent2); }
button.bigbtn{
    width:100%;
    padding:16px;
    border:none;
    border-radius:12px;
    color:#fff;
    font-size:16px;
    cursor:pointer;
}

input, select, textarea {
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 9px;
    background: #1a120c;
    color: var(--ink);
    font-size: 16px;
}
.row,.add-row { display: flex; gap: 10px; align-items: center; margin-top: 10px; flex-wrap: wrap; }
.hint { color: #8a6a4a; font-size: 12px; margin-top: 8px; }

/* ============ 手机 ≤640px 竖屏单列适配 ============ */
@media (max-width: 640px) {
    body { padding: 10px; font-size: 17px; }
    .top,.page-top { padding:12px 14px; }
    .grid { grid-template-columns: 1fr; }
    .card { padding: 14px; }
    .tt { font-size: 20px; }
    /* 双栏布局强制改为上下堆叠 */
    .two‑col{
        display:flex;
        flex-direction:column !important;
    }
}
/* ============ 平板 641‑1280px ============ */
@media (min-width: 641px) and (max-width: 1280px) {
    .grid { grid-template-columns: repeat(2, 1fr); }
    body { font-size: 16px; }
}
/* ============ 电视大屏 ≥1281px，保持原有大屏横版 ============ */
@media (min-width: 1281px) {
    body { font-size: 24px; padding: 32px; }
    .grid { grid-template-columns: repeat(3, 1fr); gap: 28px; }
    .card {
        padding: 28px;
        max-height: calc(100vh - 140px);
        overflow: auto;
    }
    .tt { font-size: 38px; }
    h1, h2, h3 { font-size: 1.4em; }
    .b, a.btn { font-size: 20px; padding: 14px 22px; }
}