/* 豊漁 線上客服視窗 */
.fyc{--fyc-ink:#14100D;--fyc-paper:#F5F1E9;--fyc-accent:#B8985A;--fyc-line:rgba(20,16,13,.14);
  position:fixed;right:1.1rem;bottom:1.1rem;z-index:9990;font-size:14px;line-height:1.6;
  font-family:inherit;color:var(--fyc-ink)}
.fyc *{box-sizing:border-box}

.fyc__launch{display:inline-flex;align-items:center;gap:.5rem;position:relative;
  padding:.7rem 1.05rem;border:0;border-radius:999px;cursor:pointer;
  background:var(--fyc-ink);color:#F7F3EC;font:inherit;font-size:.88rem;letter-spacing:.04em;
  box-shadow:0 6px 24px rgba(20,16,13,.22);transition:transform .18s ease,background .18s ease}
.fyc__launch:hover{transform:translateY(-1px);background:#241d17}
.fyc__launch:focus-visible{outline:2px solid var(--fyc-accent);outline-offset:3px}
.fyc.is-open .fyc__launch{background:var(--fyc-accent);color:#1a1410}
.fyc__badge{position:absolute;top:-.3rem;right:-.3rem;min-width:1.25rem;height:1.25rem;
  display:grid;place-items:center;border-radius:999px;background:#B4402F;color:#fff;
  font-size:.7rem;padding:0 .3rem}

.fyc__panel{position:absolute;right:0;bottom:3.6rem;width:min(22.5rem,calc(100vw - 2rem));
  height:min(30rem,calc(100vh - 7rem));display:flex;flex-direction:column;
  background:#FCFAF6;border:1px solid var(--fyc-line);
  box-shadow:0 18px 48px rgba(20,16,13,.24)}

.fyc__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;
  padding:.85rem 1rem;background:var(--fyc-ink);color:#F7F3EC}
.fyc__head b{display:block;font-weight:500;font-size:.95rem;letter-spacing:.03em}
.fyc__head small{display:block;font-size:.72rem;opacity:.75;margin-top:.15rem}
.fyc__head small.is-on::before{content:'';display:inline-block;width:.42rem;height:.42rem;
  border-radius:999px;background:#6FBF73;margin-right:.35rem;vertical-align:middle}
.fyc__head small.is-off::before{content:'';display:inline-block;width:.42rem;height:.42rem;
  border-radius:999px;background:#9a938a;margin-right:.35rem;vertical-align:middle}
.fyc__x{background:none;border:0;color:inherit;font-size:1.4rem;line-height:1;cursor:pointer;padding:0 .2rem;opacity:.8}
.fyc__x:hover{opacity:1}

.fyc__body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem;
  overscroll-behavior:contain}
.fyc-sys{margin:0;font-size:.78rem;line-height:1.7;color:#6b625a;text-align:center;
  background:rgba(184,152,90,.1);padding:.5rem .7rem}
.fyc-m{max-width:85%;display:flex;flex-direction:column;gap:.15rem}
.fyc-m--me{align-self:flex-end;align-items:flex-end}
.fyc-m--them{align-self:flex-start}
.fyc-m__w{font-size:.68rem;color:#8a8177;letter-spacing:.04em}
.fyc-m p{margin:0;padding:.55rem .8rem;font-size:.88rem;word-break:break-word}
.fyc-m--me p{background:var(--fyc-ink);color:#F7F3EC}
.fyc-m--them p{background:#fff;border:1px solid var(--fyc-line)}

.fyc__foot{border-top:1px solid var(--fyc-line);padding:.7rem;background:#fff}
.fyc-c{display:flex;gap:.5rem;align-items:flex-end}
.fyc-c textarea{flex:1;resize:none;max-height:120px;padding:.55rem .65rem;font:inherit;font-size:.88rem;
  border:1px solid var(--fyc-line);background:#fff;color:var(--fyc-ink)}
.fyc-c textarea:focus{outline:2px solid var(--fyc-accent);outline-offset:1px}
.fyc-c__b{flex:0 0 auto;padding:.6rem .95rem;border:0;background:var(--fyc-ink);color:#F7F3EC;
  font:inherit;font-size:.85rem;cursor:pointer;letter-spacing:.04em}
.fyc-c__b:hover{background:#241d17}
.fyc-c__b:disabled{opacity:.5;cursor:default}
.fyc-c__b--wide{width:100%;margin-top:.3rem}

.fyc-i{display:grid;gap:.6rem;max-height:min(22rem,50vh);overflow-y:auto}
.fyc-i label{display:block}
.fyc-i label>span{display:block;font-size:.75rem;letter-spacing:.05em;color:#6b625a;margin-bottom:.25rem}
.fyc-i input,.fyc-i textarea{width:100%;padding:.5rem .6rem;font:inherit;font-size:.85rem;
  border:1px solid var(--fyc-line);background:#fff;color:var(--fyc-ink)}
.fyc-i input:focus,.fyc-i textarea:focus{outline:2px solid var(--fyc-accent);outline-offset:1px}
.fyc-i small{display:block;margin-top:.2rem;font-size:.7rem;color:#8a8177}
.fyc-i textarea{resize:vertical}
.fyc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fyc-priv{margin:.2rem 0 0;font-size:.68rem;line-height:1.6;color:#8a8177}
.fyc-priv a{color:var(--fyc-accent)}
.fyc-note{margin:.45rem 0 0;font-size:.76rem;color:#9b3232;min-height:1em}

@media (max-width:26rem){
  .fyc{right:.6rem;bottom:.6rem}
  .fyc__panel{width:calc(100vw - 1.2rem);height:min(28rem,calc(100vh - 6rem))}
  .fyc__launch-t{display:none}
  .fyc__launch{padding:.75rem}
}
@media (prefers-reduced-motion:reduce){
  .fyc__launch{transition:none}
}