.float-tools{position:fixed;z-index:58;top:50%;right:18px;display:grid;gap:8px;transform:translateY(-50%)}.float-tool{position:relative;display:grid;place-items:center;width:54px;min-height:54px;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:17px;background:linear-gradient(145deg,rgba(13,61,99,.76),rgba(5,35,61,.56));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 30px rgba(0,27,52,.2);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);cursor:pointer;transition:transform .2s ease,background .2s ease}.float-tool:hover,.float-tool:focus-visible{transform:translateX(-3px);background:linear-gradient(145deg,rgba(27,132,229,.9),rgba(10,72,129,.76))}.float-tool .tool-icon{display:grid;place-items:center}.float-tool svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.float-tool b{position:absolute;right:calc(100% + 10px);padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(4,35,61,.82);color:#fff;font-size:12px;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(5px);transition:.2s;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.float-tool:hover b,.float-tool:focus-visible b{opacity:1;transform:none}
@media(min-width:821px){.site-header{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,247,255,.76));border-bottom-color:rgba(135,190,235,.28);box-shadow:0 10px 30px rgba(18,66,105,.07);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.main-nav{gap:4px;padding:5px;border:1px solid rgba(181,218,243,.6);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(228,244,255,.34));box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(110,172,221,.1);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.main-nav a{padding:11px 13px;border:1px solid transparent;border-radius:12px;font-weight:800}.main-nav a:after{display:none}.main-nav a:hover,.main-nav a:focus-visible{border-color:rgba(175,218,248,.7);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(213,239,255,.62));color:var(--blue);box-shadow:inset 0 1px 0 rgba(255,255,255,.96)}.lang-button{border-color:rgba(181,218,243,.65);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(228,244,255,.46));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(18,66,105,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}}
@media(max-width:820px){.site-header{overflow:visible;background:rgba(255,255,255,.78);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}.lang-switch{position:relative;z-index:75}.menu-button{position:relative;z-index:76;border-color:rgba(135,190,235,.5);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(231,245,255,.54));box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(110,172,221,.14),0 12px 28px rgba(18,66,105,.12);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);transition:transform .2s ease,background .2s ease}.menu-button:hover{transform:translateY(-1px);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(214,237,255,.7))}.menu-button span{transition:transform .22s ease,opacity .2s ease}.menu-open .menu-button span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .menu-button span:nth-child(2){opacity:0}.menu-open .menu-button span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{position:absolute;z-index:70;top:10px;right:10px;left:10px;display:flex;height:calc(100dvh - 20px);align-items:stretch;justify-content:flex-start;flex-direction:column;gap:9px;padding:96px 18px 24px;overflow:auto;border:1px solid rgba(205,237,255,.34);border-radius:27px;background:radial-gradient(circle at 80% 0,rgba(89,185,248,.24),transparent 31%),radial-gradient(circle at 0 100%,rgba(42,134,205,.22),transparent 42%),linear-gradient(145deg,rgba(8,39,67,.74),rgba(5,32,57,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 30px 80px rgba(0,19,39,.38);color:#fff;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-12px) scale(.985);transition:opacity .22s ease,transform .25s ease,visibility .25s;backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%)}.menu-open .main-nav{display:flex;visibility:visible;opacity:1;pointer-events:auto;transform:none}.main-nav:before{content:"HAOCHENG";position:absolute;top:31px;left:22px;color:#9cd5ff;font-size:12px;font-weight:900;letter-spacing:.2em}.main-nav:after{content:"全部栏目";position:absolute;top:49px;left:22px;color:#fff;font-size:28px;font-weight:850;letter-spacing:-.04em}.main-nav a{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:58px;padding:13px 16px;border:1px solid rgba(214,239,255,.24);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(197,231,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.19);color:#fff;font-size:17px;font-weight:800;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.main-nav a:before{content:"→";order:2;color:#a9dcff;font-size:22px;font-weight:400;line-height:1}.main-nav a:hover,.main-nav a:focus-visible{border-color:rgba(172,221,255,.76);background:linear-gradient(145deg,rgba(41,142,219,.68),rgba(18,86,145,.38))}.main-nav a:after{display:none}.float-tools{top:auto;right:10px;bottom:calc(82px + env(safe-area-inset-bottom));grid-template-columns:none;gap:6px;transform:none}.float-tool{width:48px;min-height:48px;border-radius:15px}.float-tool:hover,.float-tool:focus-visible{transform:translateX(-2px)}.float-tool svg{width:22px;height:22px}.float-tool b{display:none}}
@media(max-width:580px){.main-nav{top:8px;right:8px;left:8px;height:calc(100dvh - 16px);padding:91px 15px 18px;border-radius:24px}.main-nav:before{top:28px;left:19px}.main-nav:after{top:46px;left:19px;font-size:26px}.main-nav a{min-height:54px;padding:12px 14px;font-size:16px}.float-tools{bottom:calc(72px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.float-tool,.menu-button,.menu-button span,.main-nav{transition:none}}