/* ===== WallCeil Cookie \u540c\u610f\u6a2a\u5e45 =====
   \u8bbe\u8ba1\u8981\u70b9\uff1a
   1) \u51fa\u73b0\u65f6\u673a\uff1a\u7528\u6237\u9996\u6b21\u8bbf\u95ee\u4e14\u672a\u505a\u51fa\u9009\u62e9\u65f6\uff0c\u4ece\u5e95\u90e8\u6ed1\u5165\u3002
   2) \u989c\u8272\uff1a\u4e0e\u4e3b\u7ad9\u7edf\u4e00\u7684\u7c73\u8272 + \u6df1\u7eff\u8272\u7cfb\uff0c\u4e0d\u55a7\u5bbe\u593a\u4e3b\u3002
   3) \u53ef\u8bbf\u95ee\u6027\uff1arole=dialog\u3001aria-live\u3001\u952e\u76d8\u53ef\u8fbe\u3002
   4) \u79fb\u52a8\u7aef\uff1a\u56fa\u5b9a\u5728\u5e95\u90e8\u3001\u534a\u5c4f\u5bbd\u53ef\u5173\u95ed\u3002
   5) \u4e0d\u95ea\u70c1\uff1a\u52a8\u753b 0.35s ease-out\uff0c\u907f\u514d"\u556a"\u4e00\u4e0b\u51fa\u73b0\u3002 */

.wc-cookie-banner{
  position:fixed;
  left:24px;
  right:24px;
  bottom:24px;
  z-index:9999;
  background:#fff;
  color:#18211f;
  border-radius:14px;
  box-shadow:0 12px 40px rgba(20,30,28,.18),0 2px 6px rgba(20,30,28,.08);
  padding:22px 26px;
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:center;
  justify-content:space-between;
  font-size:14px;
  line-height:1.6;
  max-width:880px;
  margin:0 auto;
  transform:translateY(140%);
  opacity:0;
  transition:transform .35s cubic-bezier(.22,.8,.24,1),opacity .35s ease;
  border:1px solid rgba(38,58,54,.08);
}
.wc-cookie-banner.show{transform:translateY(0);opacity:1}
.wc-cookie-banner .wc-cookie-copy{flex:1 1 360px;min-width:0}
.wc-cookie-banner .wc-cookie-copy strong{display:block;font-size:15px;font-weight:500;margin-bottom:4px;letter-spacing:-.005em}
.wc-cookie-banner .wc-cookie-copy p{margin:0;color:#52635c}
.wc-cookie-banner .wc-cookie-copy a{color:#263a36;text-decoration:underline;text-underline-offset:2px}
.wc-cookie-banner .wc-cookie-actions{display:flex;gap:8px;flex-wrap:wrap}
.wc-cookie-banner button{
  padding:10px 18px;border-radius:999px;font-size:13px;cursor:pointer;
  border:1px solid transparent;transition:all .18s ease;
  font-family:inherit;font-weight:500;letter-spacing:.01em;
}
.wc-cookie-banner button.wc-accept{background:#18211f;color:#f7f5f0;border-color:#18211f}
.wc-cookie-banner button.wc-accept:hover{background:#0e1614}
.wc-cookie-banner button.wc-reject{background:transparent;color:#263a36;border-color:rgba(38,58,54,.24)}
.wc-cookie-banner button.wc-reject:hover{border-color:#263a36}
.wc-cookie-banner button.wc-settings{background:transparent;color:#52635c;border-color:transparent;text-decoration:underline;padding:10px 12px}

/* \u8bbe\u7f6e\u9762\u677f\uff08\u5f39\u7a97\uff09 */
.wc-cookie-modal{
  position:fixed;inset:0;z-index:10000;
  background:rgba(20,30,28,.5);
  display:none;align-items:center;justify-content:center;padding:24px;
}
.wc-cookie-modal.show{display:flex}
.wc-cookie-modal-inner{
  background:#fff;border-radius:14px;max-width:520px;width:100%;
  max-height:88vh;overflow-y:auto;padding:32px;
  box-shadow:0 24px 60px rgba(0,0,0,.25);
}
.wc-cookie-modal-inner h2{margin:0 0 6px;font-size:22px;font-weight:400;color:#18211f}
.wc-cookie-modal-inner>p{color:#52635c;font-size:14px;line-height:1.65;margin:0 0 20px}
.wc-cookie-row{
  border:1px solid rgba(38,58,54,.1);border-radius:10px;
  padding:16px 18px;margin-bottom:12px;
  display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
}
.wc-cookie-row strong{display:block;font-size:14px;font-weight:500;color:#18211f;margin-bottom:4px}
.wc-cookie-row span{font-size:13px;color:#7d8b86;line-height:1.5}

/* \u5f00\u5173 */
.wc-switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;margin-top:2px}
.wc-switch input{opacity:0;width:0;height:0}
.wc-switch .slider{
  position:absolute;cursor:pointer;inset:0;
  background:#d3d9d6;border-radius:24px;transition:.22s;
}
.wc-switch .slider:before{
  content:"";position:absolute;height:18px;width:18px;
  left:3px;top:3px;background:#fff;border-radius:50%;
  transition:.22s;box-shadow:0 1px 3px rgba(0,0,0,.15);
}
.wc-switch input:checked + .slider{background:#18211f}
.wc-switch input:checked + .slider:before{transform:translateX(18px)}
.wc-switch input:disabled + .slider{background:#e3e0d8;cursor:not-allowed;opacity:.6}

.wc-cookie-modal-actions{
  display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap;
}
.wc-cookie-modal-actions button{
  padding:11px 22px;border-radius:999px;font-size:14px;cursor:pointer;
  border:1px solid transparent;font-family:inherit;font-weight:500;
}
.wc-cookie-modal-actions .wc-save{background:#18211f;color:#f7f5f0;border-color:#18211f}
.wc-cookie-modal-actions .wc-save:hover{background:#0e1614}
.wc-cookie-modal-actions .wc-close{background:transparent;color:#263a36;border-color:rgba(38,58,54,.24)}
.wc-cookie-modal-actions .wc-close:hover{border-color:#263a36}

/* \u9875\u811a\u201cCookie \u8bbe\u7f6e\u201d\u6309\u94ae */
.wc-cookie-link{
  background:none;border:none;color:inherit;font:inherit;cursor:pointer;
  padding:0;text-decoration:underline;text-underline-offset:3px;
}

/* \u79fb\u52a8\u7aef */
@media(max-width:640px){
  .wc-cookie-banner{
    left:12px;right:12px;bottom:12px;
    padding:18px 18px;gap:14px;
  }
  .wc-cookie-banner .wc-cookie-actions{width:100%;justify-content:stretch}
  .wc-cookie-banner .wc-cookie-actions button{flex:1;text-align:center}
}