*{box-sizing:border-box}body{margin:0;font-family:"Microsoft JhengHei",Arial,sans-serif;background:#f7f7f8;color:#222}a{text-decoration:none;color:inherit}
header{background:#fff;text-align:center;padding:26px;border-bottom:3px solid #edbfd1}.brand{font-size:30px;font-weight:900}.sub{color:#666}
nav{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;background:#fff;padding:15px;border-bottom:3px solid #edbfd1}nav a.active{color:#a72e60;font-weight:900}
.wrap{max-width:1150px;margin:auto;padding:32px 20px}.regions{display:flex;justify-content:center;gap:10px;margin:20px}.regions a{padding:10px 25px;border:1px solid #d9a9bc;border-radius:99px}.regions a.active,.btn{background:#a72e60;color:#fff}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.box{background:#fff;border:1px solid #ddd;border-radius:14px;overflow:hidden}.photo{height:340px;background:#eee;display:flex;align-items:center;justify-content:center}.photo img{width:100%;height:100%;object-fit:cover}.body{padding:16px}.badge{display:inline-block;background:#f5dbe5;color:#962951;border-radius:99px;padding:4px 9px;font-size:12px}.btn{display:inline-block;border:0;border-radius:8px;padding:9px 13px;cursor:pointer}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery img{width:100%;height:320px;object-fit:cover;border-radius:10px;cursor:zoom-in}.intro{white-space:pre-wrap;line-height:1.9}.reviewimgs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reviewimgs img{width:100%;height:260px;object-fit:cover;border-radius:9px;cursor:zoom-in}
.adminbar{background:#222;color:#fff;padding:11px 18px;display:flex;gap:10px;align-items:center}.adminbar b{margin-right:auto}.adminbar a{background:#eee;color:#222;padding:8px 11px;border-radius:7px}
form.box{padding:22px;max-width:800px;margin:auto}label{display:block;font-weight:800;font-size:13px;margin-top:12px}input,textarea,select{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;margin-top:5px}textarea{min-height:150px}.personrow{background:#fff;border:1px solid #ddd;border-radius:12px;padding:14px;margin:10px 0;display:flex;justify-content:space-between;gap:12px}.danger{background:#b42336;color:#fff}.notice{background:#fff4c7;padding:12px;border-radius:8px;margin-bottom:15px}.links{display:flex;gap:8px;flex-wrap:wrap}.links a{background:#a72e60;color:#fff;padding:9px 12px;border-radius:8px}
.lightbox{display:none;position:fixed;inset:0;background:#000e;z-index:999;padding:25px;overflow:auto;text-align:center}.lightbox.open{display:block}.lightbox img{max-width:none;width:auto;height:auto;cursor:zoom-out}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.gallery,.reviewimgs{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.grid,.gallery,.reviewimgs{grid-template-columns:1fr}}

/* ===== 舊版完整人物網站視覺 ===== */

*{box-sizing:border-box}body{margin:0;font-family:"Microsoft JhengHei",Arial,sans-serif;background:#f7f7f8;color:#202124}button,input,textarea,select{font:inherit}a{text-decoration:none;color:inherit}
.top{background:#22252a;color:#fff;padding:11px 18px;display:flex;gap:8px;align-items:center;position:sticky;top:0;z-index:30}.top b{margin-right:auto}.top button{border:0;border-radius:8px;padding:8px 12px;cursor:pointer}.save{background:#9f2758;color:#fff}
.head{text-align:center;background:#fff;padding:26px;border-bottom:3px solid #edbfd1}.brand{font-size:30px;font-weight:900}.sub{color:#666}.nav{background:#fff;border-bottom:3px solid #edbfd1;display:flex;justify-content:center;gap:25px;padding:15px;flex-wrap:wrap}.nav a.active{color:#a72e60;font-weight:900}
.wrap{max-width:1180px;margin:auto;padding:32px 20px}.title{text-align:center;font-size:34px;margin:8px 0}.lead{text-align:center;color:#666;margin:0 auto 25px;max-width:700px;line-height:1.7}
.regions{display:flex;justify-content:center;gap:10px;margin:20px 0;flex-wrap:wrap}.region{padding:11px 28px;border:1px solid #d9a9bc;background:#fff;color:#8f2853;border-radius:999px;cursor:pointer;font-weight:900}.region.active{background:#a72e60;color:#fff}
.filters{display:flex;gap:10px;margin:18px 0 24px}.filters input,.filters select{padding:11px;border:1px solid #ddd;border-radius:9px;background:#fff}.filters input{flex:1}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.person{background:#fff;border:1px solid #ddd;border-radius:15px;overflow:hidden;box-shadow:0 6px 20px #0000000a}.photo{height:360px;background:#eee7ea;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer}.photo img{width:100%;height:100%;object-fit:cover}.photo .tip{position:absolute;bottom:12px;background:#000a;color:#fff;padding:7px 11px;border-radius:8px;font-size:12px}.body{padding:17px}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{background:#f5dbe5;color:#962951;padding:4px 9px;border-radius:99px;font-size:12px}.body h2{margin:10px 0 5px}.meta{font-weight:800}.desc{color:#666;line-height:1.65;min-height:52px}.actions{display:flex;gap:7px;flex-wrap:wrap}.btn{border:0;background:#a72e60;color:#fff;padding:9px 12px;border-radius:8px;cursor:pointer}.ghost{background:#eee;color:#222}.danger{background:#ffe7e7;color:#9b2233}.add{width:100%;margin-top:22px;border:2px dashed #cfa5b6;background:#fff8fb;color:#9f2758;padding:15px;border-radius:12px;font-weight:900;cursor:pointer}
.side{position:fixed;right:-460px;top:0;width:440px;height:100vh;background:#fff;z-index:50;box-shadow:-10px 0 30px #0003;padding:22px;overflow:auto;transition:.2s}.side.open{right:0}.side input,.side textarea,.side select{width:100%;padding:10px;border:1px solid #ccc;border-radius:7px;margin:5px 0 12px}.side textarea{min-height:90px}.side label{font-size:12px;font-weight:900}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.thumb{height:100px;background:#eee;position:relative}.thumb img{width:100%;height:100%;object-fit:cover}.thumb button{position:absolute;right:3px;top:3px;border:0;background:#000b;color:#fff;border-radius:5px}
.pasteReady{outline:4px solid #2375d8}.empty{text-align:center;background:#fff;padding:50px;border-radius:14px;border:1px solid #ddd;grid-column:1/-1}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid{grid-template-columns:1fr}.side{width:100%;right:-100%}.photo{height:420px}.filters{display:block}.filters>*{width:100%;margin-bottom:8px}}

.gallery-manager{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 14px}
.gm-item{height:115px;background:#eee;border-radius:8px;overflow:hidden;position:relative}
.gm-item img{width:100%;height:100%;object-fit:cover}
.gm-item button{position:absolute;right:4px;top:4px;border:0;background:#000b;color:#fff;border-radius:5px;padding:3px 7px;cursor:pointer}
.review-editor{border:1px solid #ead5de;background:#fff8fb;border-radius:10px;padding:10px;margin:8px 0}
.review-editor input,.review-editor textarea{margin-bottom:7px!important}
.review-editor textarea{min-height:70px!important}
.mini{font-size:12px;color:#666}

.link-editor{border:1px solid #ead5de;background:#fff8fb;border-radius:10px;padding:10px;margin:8px 0}
.link-editor input{margin-bottom:7px!important}
.link-row-buttons{display:flex;gap:6px}

body{margin:0}
.public-nav{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:14px;border-bottom:1px solid #ead5de;background:#fff}
.public-nav a{text-decoration:none;color:#333;font-weight:700}
.public-nav a:hover{color:#a72e60}
.public-head{text-align:center;padding:28px 15px 18px;background:#fff}
.public-head .brand{font-size:30px;font-weight:900}.public-head .sub{color:#777;margin-top:6px}
.region-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}
.region-tabs a{padding:10px 25px;border:1px solid #d9a9bc;border-radius:999px;text-decoration:none;color:#8f2853;font-weight:900;background:#fff}
.region-tabs a.active{background:#a72e60;color:#fff}
.person-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.person-card{background:#fff;border:1px solid #eadde2;border-radius:14px;overflow:hidden}
.person-card .cover{height:320px;background:#f4edf0;display:flex;align-items:center;justify-content:center}
.person-card .cover img{width:100%;height:100%;object-fit:cover}
.person-card .body{padding:16px}.person-card h2{margin:8px 0}.person-card p{white-space:pre-line;color:#555;line-height:1.7}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#f8e8ef;color:#8f2853;margin-right:5px;font-size:13px}
.gallery-public{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-public img{width:100%;height:320px;object-fit:cover;border-radius:10px;cursor:pointer}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.review-grid img{width:100%;height:280px;object-fit:cover;border-radius:10px;cursor:pointer}
.intro{white-space:pre-line;line-height:1.9}
.link-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.empty{text-align:center;padding:60px 20px;background:#fff;border:1px dashed #d8c3cc;border-radius:14px}
@media(max-width:800px){.person-grid{grid-template-columns:repeat(2,1fr)}.gallery-public,.review-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.person-grid,.gallery-public,.review-grid{grid-template-columns:1fr}.gallery-public img{height:auto}.review-grid img{height:auto}}

/* ===== 2026-10-03 小韻最終配色：純白 + 粉色（只改視覺，不動功能） ===== */
:root{
  --xy-white:#FFFFFF;
  --xy-pink:#F57092;
  --xy-pink-deep:#D95D7E;
  --xy-pink-soft:#FFF3F6;
  --xy-pink-line:#F3C7D3;
  --xy-text:#262326;
  --xy-muted:#666166;
}

/* 全站主背景：純白 */
html,
body{
  background:#FFFFFF !important;
  color:var(--xy-text);
}

/* 公開頁面、卡片、區塊維持純白 */
header,
nav,
.head,
.nav,
.public-nav,
.public-head,
.wrap,
.card,
.box,
.person,
.person-card,
.empty,
.region,
.region-tabs a{
  background-color:#FFFFFF;
}

/* 主要粉色按鈕／目前選中 */
nav a.active,
.nav a.active,
.regions a.active,
.region.active,
.region-tabs a.active,
.btn,
.save,
.links a{
  background:var(--xy-pink) !important;
  color:#FFFFFF !important;
  border-color:var(--xy-pink) !important;
}

/* 導覽目前頁：只用粉色文字的舊版規則也統一 */
.public-nav a:hover,
.nav a:hover{
  color:var(--xy-pink) !important;
}

/* 分區按鈕 */
.regions a,
.region,
.region-tabs a{
  border-color:var(--xy-pink-line) !important;
  color:var(--xy-pink-deep);
}

/* 小標籤 */
.badge{
  background:var(--xy-pink-soft) !important;
  color:var(--xy-pink-deep) !important;
}

/* 卡片與輸入框：白底、淡粉灰邊線 */
.card,
.box,
.person,
.person-card,
form.box,
.personrow,
input,
textarea,
select{
  border-color:#E9E4E6;
}

/* 圖片未載入時不要奶白／灰粉 */
.photo,
.person-card .cover{
  background:#F8F8F8 !important;
}

/* 文字 */
.sub,
.lead,
.desc,
.mini,
.public-head .sub,
.person-card p{
  color:var(--xy-muted);
}

/* 粉色細節線 */
header,
nav,
.head,
.nav,
.public-nav{
  border-color:var(--xy-pink-line) !important;
}

/* 後台編輯區的淡粉提示保留，但不使用奶白 */
.review-editor,
.link-editor{
  background:#FFF7F9 !important;
  border-color:var(--xy-pink-line) !important;
}

.add{
  background:#FFFFFF !important;
  border-color:var(--xy-pink-line) !important;
  color:var(--xy-pink-deep) !important;
}