/* 永揚珠寶 知識文章共用樣式（銀飾功用.htm、crystal-guide.html、tianzhu-guide.html） */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;width:100%;overflow-x:hidden;background:#faf5f7;color:#3d1c29;font-family:Arial,"Microsoft JhengHei",sans-serif;line-height:1.85}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.page{width:100%;max-width:1024px;margin:0 auto;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(64,24,40,.08)}
.header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:78px;padding:10px 20px;background:#fff}
.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;color:#621b37}
.brand-logo{width:58px;height:auto;flex-shrink:0}
.brand-name{display:block;font-size:24px;font-weight:800;letter-spacing:2px;line-height:1.2}
.brand-sub{display:block;font-size:10px;white-space:nowrap}
.nav{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;font-size:13px;font-weight:700}
.nav a:hover{color:#e84a89}
.line-button{display:inline-block;flex-shrink:0;padding:9px 15px;border-radius:12px;background:#ff1572;color:#fff;font-weight:700;white-space:nowrap}
.crumb{padding:8px 20px;background:#fff7fa;border-top:1px solid #f4dbe5;color:#ad8595;font-size:13px}
.crumb a{color:#f90063;text-decoration:underline}
.article{max-width:780px;margin:0 auto;padding:26px 22px 30px}
.article h1{margin:0 0 6px;color:#621b37;font-size:clamp(24px,3.6vw,32px);line-height:1.35}
.meta{margin:0 0 16px;color:#ad8595;font-size:13px}
.lead{margin:0 0 18px;padding:14px 16px;border-radius:12px;background:#fff7fa;border:1px solid #f4dbe5}
.toc{margin:0 0 22px;padding:12px 16px;border:1px dashed #eac0d1;border-radius:12px}
.toc b{color:#621b37}
.toc ol{margin:6px 0 0;padding-left:22px;list-style:disc}
.toc a{color:#f90063;text-decoration:underline}
.article h2{margin:28px 0 8px;padding-bottom:6px;border-bottom:2px solid #f4dbe5;color:#621b37;font-size:22px}
.article h3{margin:18px 0 6px;color:#e20a60;font-size:18px}
.article p{margin:8px 0}
.article ul,.article ol{margin:8px 0;padding-left:22px}
.article li{margin:4px 0}
.article a.in{color:#ff1572;text-decoration:underline}
.table-wrap{overflow-x:auto;margin:10px 0}
table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px}
th,td{padding:9px 10px;border:1px solid #f4dbe5;text-align:left;vertical-align:top}
th{background:#621b37;color:#fff;font-weight:700}
tr:nth-child(even) td{background:#fdf8fa}
.note{margin:12px 0;padding:11px 15px;border-left:4px solid #d9b77a;border-radius:0 10px 10px 0;background:#fff7e9;color:#6b4a12}
.figure{margin:14px 0}
.figure img{width:100%;max-height:360px;object-fit:cover;border-radius:14px;border:1px solid #f4dbe5}
.cta{margin:26px 0 6px;padding:18px;border-radius:14px;background:linear-gradient(110deg,#fff7e9,#fce8f0);text-align:center}
.cta h2{margin:0 0 6px;border:0;padding:0}
.cta .links{justify-content:center}
.links{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.links a{padding:6px 13px;border:1px solid #eac0d1;border-radius:999px;background:#fff7fa;color:#f90063;font-size:14px;font-weight:700}
.links a:hover{background:#fbe5ee}
.gold-button{display:inline-block;margin-top:8px;padding:9px 24px;border:2px solid #edb94a;border-radius:28px;background:linear-gradient(#ffe889,#efad31);color:#452500;font-weight:800}
.faq details{margin:0 0 8px;border:1px solid #f4dbe5;border-radius:12px;background:#fff}
.faq summary{padding:12px 16px;color:#621b37;font-weight:700;cursor:pointer}
.faq details p{margin:0;padding:0 16px 14px;color:#763b52}
.related{margin-top:24px}
.footer{padding:20px 14px;background:linear-gradient(110deg,#97184b,#f80c6a);color:#fff;text-align:center}
.footer strong{font-size:22px;letter-spacing:2px}
.footer small{display:block;font-size:12px}
.footer a{color:#fff}
.sticky-bar{display:none}
@media(max-width:880px){
 .header{flex-wrap:wrap;justify-content:center}
 .nav{order:3;width:100%;padding:3px 0}
}
@media(max-width:600px){
 body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
 .header{gap:8px;padding:9px}
 .brand-logo{width:46px}
 .brand-name{font-size:20px}
 .brand-sub{font-size:9px}
 .nav{gap:7px 12px;font-size:12px}
 .line-button{padding:8px 11px;font-size:12px}
 .crumb{padding:7px 12px}
 .article{padding:18px 14px 22px}
 .article h2{font-size:20px}
 table{font-size:14px}
 .faq summary{padding:11px 12px;font-size:15px}
 .faq details p{padding:0 12px 12px}
 .sticky-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);box-shadow:0 -3px 14px rgba(64,24,40,.18)}
 .sticky-bar a{flex:1;padding:11px 8px;border-radius:12px;text-align:center;font-size:15px;font-weight:800}
 .sticky-bar .s-tel{border:1px solid #f4dbe5;background:#fbe5ee;color:#621b37}
 .sticky-bar .s-line{flex:2;background:#08b64f;color:#fff}
}