/* eva01 2026-08-06: 平台殼頁 design token + 元件庫（單一來源）
   規矩：平台頁模板禁止品牌色 hex 字面值——顏色一律用本檔變數；
   新平台頁一律 extends templates/platform/_base.html（本檔自動載入）。
   改色/改元件只改這裡。 */

:root{
  /* 品牌 token */
  --pf-accent:#e8e8e6; --pf-accent-hi:#ffffff;
  --pf-grad:linear-gradient(180deg,#ffffff,#dcdcda);
  /* 沿用各頁既有變數名（legacy alias） */
  --bg:#0d0f14; --card:#161a22; --border:rgba(255,255,255,.10);
  --text:#e8ecf1; --dim:#98938b; --accent:#e8e8e6; --accent-hi:#ffffff; --radius:12px;
}

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Noto Sans TC',-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.7;min-height:100vh}
a{color:var(--accent-hi);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:22px;margin-bottom:6px;letter-spacing:.3px}
.sub{color:var(--dim);font-size:13px;margin-bottom:24px}

/* 版心 */
.wrap{max-width:720px;margin:0 auto;padding:40px 16px 60px}
.wrap.wrap-sm{max-width:560px}
.wrap.wrap-lg{max-width:760px}

/* 卡片 */
.card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.032));border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin-bottom:16px;box-shadow:0 2px 14px rgba(0,0,0,.28)}
.card h3{font-size:15px;margin-bottom:14px}

/* 按鈕：主=橘漸層；.btn-outline/.btn2=次級描邊 */
.btn{padding:10px 24px;border-radius:999px;font-size:13.5px;font-weight:600;cursor:pointer;border:none;font-family:inherit;background:var(--pf-grad);color:#0a0a0a;box-shadow:0 3px 12px rgba(255,255,255,.10);transition:filter .15s,transform .15s,box-shadow .15s;display:inline-block}
.btn:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 5px 18px rgba(255,255,255,.16);text-decoration:none}
.btn:disabled{filter:grayscale(.4) brightness(.75);transform:none;box-shadow:none;cursor:default}
.btn.btn-outline,.btn-outline,.btn.btn2,.btn2{background:rgba(255,255,255,.04);color:var(--text);border:1px solid rgba(255,255,255,.18);box-shadow:none}
.btn.btn-outline:hover,.btn-outline:hover,.btn.btn2:hover,.btn2:hover{filter:none;transform:none;border-color:var(--accent-hi);color:var(--accent-hi);box-shadow:none}

/* 表單 */
label{display:block;font-size:12.5px;color:var(--dim);margin-bottom:5px}
.form-input,.inp{width:100%;padding:10px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit}
.form-input{margin-bottom:12px}
.inp{flex:1;min-width:220px}
.form-input:focus,.inp:focus{outline:none;border-color:var(--accent-hi);box-shadow:0 0 0 3px rgba(255,255,255,.15)}
input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}
.form-group{margin-bottom:14px}
textarea.form-input{resize:vertical}

/* 資料列 */
code{background:rgba(255,255,255,.07);padding:2px 8px;border-radius:5px;font-size:12px;word-break:break-all}
.row{display:flex;padding:7px 0;font-size:13px}
.row .k{width:150px;color:var(--dim);flex-shrink:0}

/* 狀態徽章 */
.pill{display:inline-block;padding:3px 12px;border-radius:20px;font-size:12px;font-weight:700}
.pill.submitted{background:rgba(230,150,60,.12);color:#e8a94f}
.pill.approved{background:rgba(0,200,100,.13);color:#00c864}
.pill.rejected{background:rgba(220,53,69,.12);color:#e57373}
.st{display:inline-block;font-size:11.5px;padding:3px 10px;border-radius:999px;margin-left:8px;vertical-align:middle}
.st.active{background:rgba(80,200,120,.15);color:#5fd88a}
.st.pending{background:rgba(230,150,60,.15);color:#e8a94f}
.st.verifying{background:rgba(100,160,255,.15);color:#7ab0ff}
.st.failed{background:rgba(255,90,90,.14);color:#ff7a7a}
.done-badge{font-size:12px;padding:2px 10px;border-radius:20px;background:rgba(0,184,148,.15);color:#00b894;font-weight:600}
.todo-badge{font-size:12px;padding:2px 10px;border-radius:20px;background:rgba(230,150,60,.15);color:#e8a94f;font-weight:600}

/* 條款框 */
.tosbox{background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:10px;padding:16px 18px;max-height:200px;overflow-y:auto;font-size:12px;line-height:1.95;color:var(--dim);white-space:pre-wrap}
.tosbox::-webkit-scrollbar{width:8px}
.tosbox::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:4px}
.tosbox::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}

/* 文件列 */
.doc-slot{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;flex-wrap:wrap}
.doc-slot:last-child{border-bottom:none}
.doc-slot .dl{width:190px;color:var(--dim);flex-shrink:0}

/* 提示/訊息 */
.err{color:#e57373;font-size:13px;margin-bottom:10px;display:none;white-space:pre-wrap}
.msg{font-size:13px;margin-top:10px;display:none}
.note{font-size:12px;color:var(--dim);margin-top:10px}
.hint{font-size:12.5px;color:rgba(255,255,255,.55);margin-top:12px;line-height:1.8;background:rgba(0,0,0,.25);border-radius:8px;padding:10px 14px;display:none}
.slug{font-size:12px;color:rgba(255,255,255,.4);margin-bottom:14px}

/* 空狀態 */
.empty{text-align:center;color:rgba(255,255,255,.4);padding:64px 0 48px;font-size:14px;line-height:2}