/* ============================================================
   見地之輪 新版 UI 配色與元件(共用)
   配色參照:左=米色背景 右=深藍(深色區/按鈕)
   ============================================================ */
:root{
    --nb-bg:#ECE8E0;         /* 頁面背景:米色(左) */
    --nb-bg-2:#E4DFD4;       /* 稍深米色 */
    --nb-surface:#FFFFFF;    /* 卡片 */
    --nb-surface-2:#F6F2EA;  /* 溫潤淺色 */
    --nb-ink:#1B2637;        /* 深藍(右):深色區、按鈕、主文字 */
    --nb-ink-2:#2B3B54;      /* 深藍 hover */
    --nb-ink-soft:#4D5A6B;   /* 次要深藍灰文字 */
    --nb-on-ink:#F1EDE4;     /* 深色底上的文字(米白) */
    --nb-muted:#8B8577;      /* 米色底上的次要文字 */
    --nb-line:#DCD5C8;       /* 邊框 */
    --nb-gold:#B0895A;       /* 少量點綴(價格/徽章) */
    --nb-radius:16px;
    --nb-shadow:0 6px 24px rgba(27,38,55,.10);
    --nb-shadow-hover:0 14px 38px rgba(27,38,55,.18);
    --nb-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;
}

/* 按鈕 */
.nb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--nb-ink);color:var(--nb-on-ink);
    border:0;font-weight:700;font-size:15px;padding:12px 24px;border-radius:10px;cursor:pointer;text-decoration:none;
    transition:background .2s,transform .15s,box-shadow .2s;line-height:1.2}
.nb-btn:hover{background:var(--nb-ink-2);color:#fff}
.nb-btn:active{transform:translateY(1px)}
.nb-btn-block{display:flex;width:100%}
.nb-btn-lg{padding:15px 28px;font-size:17px;border-radius:12px}
.nb-btn-ghost{background:transparent;color:var(--nb-ink);border:1.5px solid var(--nb-ink)}
.nb-btn-ghost:hover{background:var(--nb-ink);color:var(--nb-on-ink)}
.nb-btn-gold{background:var(--nb-gold)}
.nb-btn-gold:hover{background:#9c7748;color:#fff}

/* 表單輸入 */
.nb-field{margin-bottom:18px}
.nb-field label{display:block;font-size:14px;font-weight:600;color:var(--nb-ink);margin-bottom:7px}
.nb-field label .req{color:#c0392b;margin-left:2px}
.nb-input,.nb-select,.nb-textarea{width:100%;border:1.5px solid var(--nb-line);background:var(--nb-surface);
    border-radius:10px;padding:12px 14px;font-size:15px;color:var(--nb-ink);outline:none;transition:border-color .18s;font-family:var(--nb-font)}
.nb-input:focus,.nb-select:focus,.nb-textarea:focus{border-color:var(--nb-ink)}
.nb-textarea{min-height:120px;resize:vertical}
.nb-hint{font-size:12px;color:var(--nb-muted);margin-top:5px}

/* 卡片 / 容器 */
.nb-card{background:var(--nb-surface);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow)}
.nb-panel{background:var(--nb-surface);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow);padding:28px}

/* 標題列裝飾 */
.nb-section-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.nb-section-head .bar{width:4px;height:24px;background:var(--nb-gold);border-radius:3px}
.nb-section-head h2{font-size:23px;font-weight:800;color:var(--nb-ink);margin:0}
.nb-section-head span{color:var(--nb-muted);font-size:14px;font-weight:600}

/* 價格 / 標籤 */
.nb-price{font-weight:800;font-size:17px;color:var(--nb-ink)}
.nb-price.free{color:#2e7d5b}
.nb-pill{display:inline-block;background:var(--nb-ink);color:var(--nb-on-ink);font-size:12px;font-weight:600;
    padding:4px 12px;border-radius:20px}
.nb-pill-gold{background:var(--nb-gold);color:#fff}