/* Olivia 小組分享園地 — 暖紙質感 */
:root{
  --bg:#f6f1e6; --card:#fffdf7; --ink:#3a3128; --muted:#8a7d68;
  --gold:#b98a2f; --gold-lt:#e9c86a; --deep:#2b2118; --line:#e5dcc6;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  line-height:1.7}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}

/* 頂欄 */
.site-head{background:var(--deep);color:#f3e9d2;padding:14px 0;position:sticky;top:0;z-index:10}
.head-in{display:flex;align-items:center;justify-content:space-between}
.brand{text-decoration:none;color:#f3e9d2}
.brand-name{font-family:"Noto Serif TC",serif;font-size:26px;letter-spacing:2px;color:var(--gold-lt)}
.brand-sub{font-size:13px;margin-left:10px;color:#cbb98f;letter-spacing:4px}
.btn{display:inline-block;background:var(--gold);color:#fff;text-decoration:none;
  padding:8px 18px;border-radius:999px;font-size:15px;border:none;cursor:pointer}
.btn:hover{background:#a37a26}
.btn.primary{font-size:17px;padding:12px 34px}

/* 搜尋 */
.search{display:flex;gap:8px;margin:26px 0 6px}
.search input{flex:1;padding:11px 16px;border:1px solid var(--line);border-radius:999px;
  font-size:15px;background:#fff}
.search button{background:var(--deep);color:#f3e9d2;border:none;border-radius:999px;
  padding:0 22px;font-size:15px;cursor:pointer}
.clear{align-self:center;font-size:14px;color:var(--muted)}
.result-note{color:var(--muted);font-size:14px}

/* 文章卡片 */
.cards{display:grid;gap:14px;margin:18px 0 40px}
.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:18px 22px;text-decoration:none;color:var(--ink);
  box-shadow:0 2px 8px rgba(80,60,30,.06);transition:transform .15s}
.card:hover{transform:translateY(-2px)}
.card h2{margin:0 0 8px;font-family:"Noto Serif TC",serif;font-size:21px}
.meta{display:flex;gap:14px;font-size:13.5px;color:var(--muted)}
.author{color:var(--gold);font-weight:700}
.empty{text-align:center;padding:60px 20px;color:var(--muted)}
.empty .btn{margin-top:14px}

/* 表單 */
.form-card{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:28px;margin:26px 0 40px}
.form-card h1{font-family:"Noto Serif TC",serif;margin:0 0 18px}
.form-card label{display:block;margin:14px 0;font-size:15px}
.form-card input,.form-card textarea{width:100%;margin-top:6px;padding:11px 14px;
  border:1px solid var(--line);border-radius:10px;font-size:16px;font-family:inherit;background:#fff}
.form-card textarea{resize:vertical;line-height:1.8}
.error{color:#b3402e;background:#fbeee9;padding:10px 14px;border-radius:8px}
.cheatsheet{margin:12px 0 20px;font-size:14px;color:var(--muted)}
.cheatsheet summary{cursor:pointer;color:var(--gold)}
.cheatsheet code{background:#f1e9d4;padding:2px 8px;border-radius:6px;color:var(--ink)}

/* AI 美化區 */
.ai-box{background:#faf4e3;border:1px dashed var(--gold);border-radius:12px;
  padding:20px;margin-bottom:24px}
.ai-box h2{font-family:"Noto Serif TC",serif;margin:0 0 6px;font-size:20px;color:var(--deep)}
.ai-box .hint{font-size:14px;color:var(--muted);margin:0 0 10px}
.ai-box textarea{width:100%;padding:11px 14px;border:1px solid var(--line);
  border-radius:10px;font-size:15px;font-family:inherit;resize:vertical;line-height:1.8;background:#fff}
.ai-box .btn{margin-top:10px}
.ai-box .btn:disabled{opacity:.6;cursor:wait}
.ai-box .error{margin-top:10px}

/* 文章頁 — 自動美化 */
.article{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:40px 34px;margin:26px 0 40px;box-shadow:0 2px 12px rgba(80,60,30,.07)}
.article h1{font-family:"Noto Serif TC",serif;font-size:30px;margin:0 0 10px;line-height:1.4}
.article .meta{margin-bottom:6px}
.article .orn{text-align:center;color:var(--gold);font-size:20px;margin:14px 0}
.body{font-size:17.5px;line-height:2}
.body>p:first-of-type::first-letter{font-family:"Noto Serif TC",serif;font-size:2.6em;
  float:left;line-height:1;margin:4px 8px 0 0;color:var(--gold)}
.body h2{font-family:"Noto Serif TC",serif;font-size:23px;margin:1.6em 0 .6em;
  padding-left:12px;border-left:4px solid var(--gold)}
.body h3{font-family:"Noto Serif TC",serif;font-size:20px;margin:1.4em 0 .5em;color:var(--gold)}
.body ul,.body ol{padding-left:1.6em}
.body li{margin:.4em 0}
.body blockquote{margin:1.4em 0;padding:14px 20px;background:#faf4e3;
  border-left:4px solid var(--gold-lt);border-radius:0 10px 10px 0;color:#5d5138}
.body a{color:var(--gold)}
.body strong{color:var(--deep)}
.body img{max-width:100%;border-radius:12px;margin:1.2em 0;display:block;
  box-shadow:0 4px 16px rgba(80,60,30,.15)}
.back{margin-top:30px;font-size:15px}
.back a{color:var(--muted);text-decoration:none}

.site-foot{text-align:center;color:var(--muted);font-size:13px;padding:26px 0 40px;letter-spacing:2px}

@media(max-width:560px){
  .article{padding:28px 20px}
  .article h1{font-size:24px}
  .body{font-size:16.5px}
  .brand-sub{display:none}
}
.del-wrap{margin-top:26px;text-align:center}
.del-btn{background:none;border:none;color:#b0a58c;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.del-btn:hover{color:#a33}