/* 豊漁 會員系統：沿用佈景主題的色票與字級變數，沒有的話有安全備援。 */
.fym{--fym-line:rgba(20,16,13,.14);--fym-ink:var(--fg,#14100D);--fym-mute:var(--fg-mute,#6b625a);
  --fym-accent:var(--accent,#B8985A);--fym-paper:var(--paper,#F5F1E9);
  max-width:44rem;margin-inline:auto}
.fym *,.fym-card *{box-sizing:border-box}
.fym-card{max-width:32rem;margin-inline:auto;padding:1.6rem;border:1px solid var(--fym-line,rgba(20,16,13,.14));background:rgba(255,255,255,.5)}
.fym-h{font-size:1.35rem;margin:0 0 1rem;letter-spacing:.02em}
.fym-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.fym-head .fym-h{margin:0}
.fym-sh{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fym-mute);margin:1.4rem 0 .5rem}

.fym-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--fym-line);margin-bottom:1.2rem;flex-wrap:wrap}
.fym-tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;
  padding:.6rem .9rem;font:inherit;font-size:.9rem;color:var(--fym-mute);cursor:pointer}
.fym-tab.is-on{color:var(--fym-ink);border-bottom-color:var(--fym-accent)}
.fym-tab:focus-visible{outline:2px solid var(--fym-accent);outline-offset:2px}

.fym-pane{display:none}
.fym-pane.is-on{display:block}

.fym-f{display:block;margin-bottom:1rem}
.fym-f>span{display:block;font-size:.8rem;letter-spacing:.06em;color:var(--fym-mute);margin-bottom:.35rem}
.fym-f small{display:block;margin-top:.35rem;font-size:.75rem;line-height:1.6;color:var(--fym-mute)}
.fym-f input,.fym-f select,.fym-f textarea{width:100%;padding:.7rem .8rem;font:inherit;font-size:.95rem;
  color:var(--fym-ink);background:#fff;border:1px solid var(--fym-line);border-radius:0}
.fym-f input:focus,.fym-f select:focus,.fym-f textarea:focus{outline:2px solid var(--fym-accent);outline-offset:1px}
.fym-f textarea{resize:vertical;min-height:4.5rem}

.fym-check{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.9rem;font-size:.85rem;line-height:1.7}
.fym-check input{margin-top:.28rem;flex:0 0 auto}
.fym-check a{color:var(--fym-accent)}

.fym-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.fym .btn{margin-top:.2rem}
.fym-links{display:flex;gap:1rem;flex-wrap:wrap;margin:.9rem 0 0}
.fym-link{appearance:none;background:none;border:0;padding:0;font:inherit;font-size:.85rem;
  color:var(--fym-accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

.fym-msg{margin:.8rem 0 0;font-size:.85rem;line-height:1.7;min-height:1.2em}
.fym-msg.is-err{color:#9b3232}
.fym-msg.is-ok{color:#3f6b46}

.fym-quiet{color:var(--fym-mute);font-size:.85rem;line-height:1.8}
.fym-pill{display:inline-block;padding:.15rem .5rem;font-size:.72rem;letter-spacing:.06em;
  border:1px solid var(--fym-line);color:var(--fym-mute)}

.fym-bl{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.fym-bl--past{opacity:.72}
.fym-b{border:1px solid var(--fym-line);padding:.9rem 1rem;display:grid;gap:.25rem}
.fym-b__d{font-size:1rem}
.fym-b__m{font-size:.85rem;color:var(--fym-mute)}
.fym-b__n{font-size:.8rem;color:var(--fym-mute)}
.fym-b__s{margin-top:.35rem;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}

.fym-bal{display:flex;align-items:baseline;gap:.8rem;margin:0 0 1rem}
.fym-bal span{font-size:.8rem;letter-spacing:.08em;color:var(--fym-mute)}
.fym-bal b{font-size:2.2rem;font-weight:400;letter-spacing:.02em}

.fym-tbl{width:100%;border-collapse:collapse;font-size:.85rem}
.fym-tbl th,.fym-tbl td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--fym-line)}
.fym-tbl th{font-weight:500;color:var(--fym-mute);font-size:.78rem;letter-spacing:.06em}

.fym-sub{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--fym-line)}
.fym-sub h3{font-size:.95rem;margin:0 0 .8rem}
.fym-danger{margin-top:1.6rem}
.fym-danger summary{cursor:pointer;font-size:.85rem;color:var(--fym-mute)}
.fym-danger[open] summary{margin-bottom:.6rem}

@media (max-width:32rem){
  .fym-card{padding:1.1rem}
  .fym-tab{padding:.55rem .6rem;font-size:.82rem}
  .fym-tbl{font-size:.78rem}
}