html {
  box-sizing: border-box;
  overflow-x: hidden;
  width: 100%;
  font-family: sans-serif;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}


.header-01{position:sticky;top:0;z-index:99999;background:color-mix(in srgb,var(--h01-surface) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--h01-border) 70%,transparent);box-shadow:0 12px 28px var(--h01-shadow);color:var(--h01-text);}
.header-01__wrap{max-width:1200px;margin:0 auto;padding:0 16px;}
.header-01__bar{display:flex;align-items:center;gap:12px;min-height:72px;min-width:0;}
.header-01__logoBox{display:flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:16px;background:color-mix(in srgb,var(--h01-surface2) 86%,transparent);border:1px solid var(--h01-border);text-decoration:none;flex:0 0 auto;}
.header-01__logo{display:block;height:40px;width:auto;}
.header-01__nav{display:none;flex:1;min-width:0;position:relative;}
@media (min-width:992px){.header-01__nav{display:block;}}
.header-01__navList{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:nowrap;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;}
.header-01__navList::-webkit-scrollbar{width:0;height:0;}
.header-01__nav:before{content:"";position:absolute;left:0;top:0;bottom:0;width:18px;background:linear-gradient(90deg,var(--h01-surface),transparent);pointer-events:none;opacity:.9;}
.header-01__nav:after{content:"";position:absolute;right:0;top:0;bottom:0;width:18px;background:linear-gradient(270deg,var(--h01-surface),transparent);pointer-events:none;opacity:.9;}
.header-01__navIt{flex:0 0 auto;scroll-snap-align:start;}
.header-01__navA{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;color:var(--h01-text);text-decoration:none;border:1px solid transparent;transition:background .18s,border-color .18s,color .18s,transform .18s;white-space:nowrap;}
.header-01__navA i{color:var(--h01-icon);opacity:.86;}
.header-01__navA:hover{background:var(--h01-chip-h);border-color:color-mix(in srgb,var(--h01-border) 78%,transparent);color:var(--h01-link);transform:translateY(-1px);}
.header-01__right{display:flex;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto;min-width:0;}
.header-01__pcBtns{display:none;gap:10px;align-items:center;}
@media (min-width:992px){.header-01__pcBtns{display:flex;}.header-01__mOnly{display:none;}.header-01__burger{display:none;}}
@media (max-width:991.98px){.header-01__pcBtns{display:none;}.header-01__mOnly{display:block;}.header-01__burger{display:inline-flex;}}
.header-01__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;color:var(--h01-btn-tx);text-decoration:none;white-space:nowrap;background:linear-gradient(135deg,var(--h01-btn),var(--h01-btn-h));box-shadow:0 12px 20px var(--h01-shadow);transition:transform .18s,box-shadow .18s,filter .18s;}
.header-01__btn em{font-style:normal;opacity:.9;margin-left:2px;}
.header-01__btn:hover{transform:translateY(-1px);box-shadow:0 18px 28px var(--h01-shadow);filter:saturate(1.06);}
.header-01__btn--ghost{background:var(--h01-btn2-bg);color:var(--h01-btn2-tx);border:1px solid var(--h01-border);box-shadow:none;}
.header-01__btn--ghost:hover{background:var(--h01-btn2-h);}
.header-01__btn--m{max-width:58vw;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:420px){.header-01__btn--m em{display:none;}.header-01__btn--m span{max-width:22vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}}
.header-01__burger{width:44px;height:44px;border-radius:16px;align-items:center;justify-content:center;background:var(--h01-surface2);border:1px solid var(--h01-border);color:var(--h01-text);cursor:pointer;}
.header-01__hb{display:inline-flex;flex-direction:column;gap:6px;}
.header-01__hb i{display:block;width:18px;height:2px;border-radius:2px;background:var(--h01-text);opacity:.85;}
.header-01__ovl{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:100000;}
.header-01__drawer{position:fixed;top:0;right:0;height:100vh;width:min(86vw,420px);background:var(--h01-surface);border-left:1px solid var(--h01-border);box-shadow:-18px 0 36px var(--h01-shadow);z-index:100001;transform:translateX(102%);transition:transform .22s ease;display:flex;flex-direction:column;}
.header-01.is-open .header-01__drawer{transform:translateX(0);}
.header-01__dTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--h01-divider);}
.header-01__dTitle{font-weight:800;color:var(--h01-title);letter-spacing:.2px;}
.header-01__close{width:40px;height:40px;border-radius:12px;background:var(--h01-surface2);border:1px solid var(--h01-border);color:var(--h01-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.header-01__dBody{padding:10px 12px 18px;overflow:auto;}
.header-01__sec{padding:10px 6px;}
.header-01__secT{font-size:.92rem;font-weight:800;color:var(--h01-title);margin:4px 0 10px;}
.header-01__chips{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:0;padding:0;}
.header-01__chipIt{display:flex;}
.header-01__chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:var(--h01-chip-bg);border:1px solid var(--h01-chip-bd);color:var(--h01-chip-tx);text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s;}
.header-01__chip i{color:var(--h01-icon);opacity:.85;}
.header-01__chip:hover{background:var(--h01-chip-h);color:var(--h01-link);border-color:color-mix(in srgb,var(--h01-border) 78%,transparent);transform:translateY(-1px);}
.header-01__btnRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
body.h01-lock{overflow:hidden;touch-action:none;}