:root{
  --green-50:#e8f5e9; --green-200:#a5d6a7; --green-400:#66bb6a; --green-600:#2e7d32;
  --petal-pink:#ff8a80; --petal-yellow:#ffd180; --text:#203020;
}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans TC",sans-serif;background:linear-gradient(180deg,var(--green-50),#fff);color:var(--text);} 
.header{padding:28px 20px;background:var(--green-600);color:#fff;}
.container{max-width:1080px;margin:0 auto;padding:24px;}
.card{background:#fff;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.08);padding:20px;margin:16px 0;}
.dropzone{border:2px dashed var(--green-400);border-radius:16px;padding:28px;text-align:center;color:var(--green-600);background:#f7fcf8;}
.btn{background:var(--green-600);color:#fff;border:none;border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer;}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--green-200);} 
.progress{height:10px;background:#e0f2f1;border-radius:999px;overflow:hidden}
.progress>div{height:10px;background:var(--green-600);} 
.link{color:var(--green-600);text-decoration:none;border-bottom:1px dashed var(--green-400);} 
.petal{color:var(--petal-pink)}

/* 預覽縮圖 */
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.thumb{background:#fff;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.06);overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;display:block}
.thumb-cap{font-size:12px;padding:6px 8px;color:#466}

/* 外部連結小圖示 */
.icon-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f2faf3;color:#275;box-shadow:0 1px 3px rgba(0,0,0,.06);text-decoration:none;font-size:16px}
.icon-link:hover{background:#e6f5e7}