:root{--blue:#347cf5;--sky:#6bc2ff;--ice:#eef8ff;--ink:#152a48;--muted:#647891;--line:#dcecf8;--red:#e55865;--teal:#35a8b4;--orange:#ed9c45;--shadow:0 12px 34px rgba(69,127,180,.11)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;padding-bottom:88px;color:var(--ink);background:radial-gradient(circle at 92% 2%,rgba(112,199,255,.28),transparent 24%),linear-gradient(155deg,#fbfdff 0,#edf8ff 42%,#f7fbff 100%);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.hero{position:relative;overflow:hidden;padding:calc(25px + env(safe-area-inset-top)) 18px 30px;color:var(--ink);background:transparent}
.hero:before{content:"";position:absolute;right:-55px;top:-78px;width:215px;height:215px;border:1px solid rgba(86,172,242,.18);border-radius:50%;box-shadow:0 0 0 34px rgba(121,199,255,.06),0 0 0 68px rgba(121,199,255,.035)}
.hero:after{content:"09";position:absolute;right:12px;top:38px;color:rgba(51,132,240,.12);font:900 82px/1 "Arial Black",Arial,sans-serif;letter-spacing:-.12em;transform:rotateY(-12deg)}
.hero-inner{position:relative;z-index:1;width:min(100%,680px);margin:auto}
.badge{display:inline-flex;padding:5px 10px;border:1px solid #d1e8fb;border-radius:999px;color:#3d82e5;background:rgba(255,255,255,.78);box-shadow:0 5px 14px rgba(72,139,196,.08);font-size:10px;font-weight:900}
.hero h1{max-width:390px;margin:14px 0 9px;color:var(--ink);font-size:clamp(29px,8vw,42px);line-height:1.18;letter-spacing:-.04em}
.hero p{max-width:470px;margin:0;color:#70839a;font-size:13px;line-height:1.7}
main{width:min(100%,720px);margin:auto;padding:0 12px 26px}
.quick-nav{position:sticky;z-index:30;top:0;display:flex;gap:8px;overflow-x:auto;margin:0 -12px 14px;padding:10px 14px 12px;background:rgba(243,250,255,.91);scrollbar-width:none;backdrop-filter:blur(16px)}
.quick-nav::-webkit-scrollbar{display:none}
.quick-nav a{flex:0 0 auto;min-width:104px;padding:9px 16px;border:1px solid rgba(213,233,249,.7);border-radius:999px;color:#72869d;background:rgba(255,255,255,.8);text-align:center;text-decoration:none;font-size:12px;font-weight:800}
.quick-nav a:first-child{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--sky),var(--blue));box-shadow:0 6px 14px rgba(52,124,245,.23)}
.rule-group{display:grid;gap:12px;margin-bottom:23px;scroll-margin-top:68px}
.rule-group>h2{margin:5px 4px 0;color:#7b91aa;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.card{position:relative;isolation:isolate;overflow:hidden;padding:18px 15px 16px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:linear-gradient(140deg,rgba(255,255,255,.96),rgba(236,248,255,.9));box-shadow:var(--shadow)}
.card:before{content:"";position:absolute;z-index:-1;right:13px;top:67px;width:92px;height:25px;border-radius:50%;background:linear-gradient(180deg,#fff 0,#cbd7e0 38%,#8296a8 47%,#f4f7f9 58%,#9fafbc 100%);box-shadow:0 9px 15px rgba(53,88,117,.18),inset 0 2px 3px #fff}
.card:after{content:attr(data-visual);position:absolute;z-index:-1;right:17px;top:18px;width:98px;color:rgba(55,137,246,.36);font:900 38px/1 "Arial Black",Arial,sans-serif;letter-spacing:-.09em;text-align:center;text-shadow:0 2px rgba(255,255,255,.9),0 10px 15px rgba(38,114,208,.16);-webkit-text-stroke:1px rgba(35,109,216,.2);transform:rotateY(-10deg)}
.card h3{display:flex;align-items:center;max-width:calc(100% - 112px);min-height:67px;margin:0 0 13px;padding:0 0 12px;border-bottom:1px solid rgba(205,225,241,.75);color:var(--ink);font-size:18px;line-height:1.35;letter-spacing:-.02em}
.card h3 b{display:none}
.card h4{margin:11px 0 5px;color:#28415f;font-size:13px}
.card p{margin:7px 0;color:var(--muted);font-size:13px;line-height:1.76}
.card ul{display:grid;gap:7px;margin:7px 0 0;padding:0;list-style:none}
.card li{position:relative;padding-left:14px;color:var(--muted);font-size:13px;line-height:1.72}
.card li:before{content:"";position:absolute;left:0;top:.68em;width:5px;height:5px;border-radius:50%;background:#62aaf7;box-shadow:0 0 0 3px rgba(98,170,247,.1)}
.notice{padding:10px 11px;border:1px solid #d8e9f8;border-radius:12px;color:#315373!important;background:rgba(235,247,255,.8);font-weight:800;line-height:1.62!important}
.danger-text{color:#e25462!important;font-weight:800}
.red:after{color:rgba(61,132,239,.3)}.teal:after{color:rgba(48,164,189,.31)}.orange:after{color:rgba(65,142,240,.31)}
footer{padding:26px 18px 34px;border-top:1px solid #dcebf7;color:#58718c;background:rgba(255,255,255,.62)}
footer strong,footer p{display:block;width:min(100%,680px);margin-left:auto;margin-right:auto}footer strong{color:var(--ink);font-size:14px}footer p{margin-top:8px;margin-bottom:0;font-size:10px;line-height:1.7}
.bottom-nav{position:fixed;z-index:80;right:max(7px,calc((100vw - 720px)/2 + 7px));bottom:7px;left:max(7px,calc((100vw - 720px)/2 + 7px));display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(6px + env(safe-area-inset-bottom));border:1px solid rgba(165,202,232,.5);border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 14px 36px rgba(44,91,132,.21);backdrop-filter:blur(18px)}
.bottom-nav a{display:flex;min-width:0;flex-direction:column;align-items:center;gap:1px;color:#8999aa;text-decoration:none}.bottom-nav span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;font-size:16px;font-weight:800}.bottom-nav small{font-size:9px;font-weight:800}.bottom-nav .active{color:var(--blue)}.bottom-nav .active span{color:#fff;background:linear-gradient(135deg,#6ac5ff,#357bf4);box-shadow:0 5px 12px rgba(53,123,244,.25)}
@media(min-width:760px){body{padding-bottom:105px}.hero{padding-top:40px;padding-bottom:38px}main{padding-left:0;padding-right:0}.quick-nav{margin-left:0;margin-right:0;border-radius:18px}.card{padding:22px 23px}.card h3{font-size:20px}.card p,.card li{font-size:14px}.card:after{right:29px}.card:before{right:24px}}
@media(max-width:370px){main{padding-left:9px;padding-right:9px}.quick-nav{margin-left:-9px;margin-right:-9px}.card{padding:16px 12px;border-radius:21px}.card h3{max-width:calc(100% - 95px);font-size:16px}.card:after{right:8px;width:88px;font-size:34px}.card:before{right:9px;width:85px}.card p,.card li{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 指定青蓝色系：浅色科技感 + 3D 运营卡片 */
:root{--cyan-top:#2ccfed;--cyan:#2bc4ef;--sky:#2abaf0;--bright:#29a2f6;--blue:#268dfa;--blue-deep:#2476fd;--ice:#eff8ff;--line:#d5e7fc;--ink:#1a1a1a;--muted:#526579;--shadow:0 12px 34px rgba(36,118,253,.11)}
body{color:var(--ink);background:#fff}
.hero{background:linear-gradient(145deg,#fff 12%,var(--ice) 100%)}
.hero:before{border-color:rgba(44,207,237,.2);box-shadow:0 0 0 34px rgba(43,196,239,.07),0 0 0 68px rgba(42,186,240,.04)}
.hero:after{color:rgba(41,162,246,.13)}
.badge{border-color:var(--line);color:var(--blue-deep);background:rgba(255,255,255,.88);box-shadow:0 5px 14px rgba(36,118,253,.08)}
.hero p{color:var(--muted)}
.quick-nav{background:rgba(239,248,255,.94)}
.quick-nav a{border-color:var(--line);color:var(--muted);background:rgba(255,255,255,.92)}
.quick-nav a:first-child{border-color:transparent;background:linear-gradient(145deg,var(--cyan-top),var(--cyan),var(--sky),var(--bright),var(--blue),var(--blue-deep));box-shadow:0 6px 14px rgba(36,118,253,.23)}
.rule-group>h2{color:var(--blue)}
.card{border-color:var(--line);background:linear-gradient(140deg,#fff 0,var(--ice) 100%);box-shadow:var(--shadow)}
.card:after,.red:after,.teal:after,.orange:after{color:rgba(41,162,246,.42);text-shadow:0 2px rgba(255,255,255,.9),0 10px 15px rgba(36,118,253,.16);-webkit-text-stroke-color:rgba(36,118,253,.22)}
.card h3{border-bottom-color:var(--line);color:var(--ink)}
.card h4{color:var(--ink)}
.card p,.card li{color:var(--muted)}
.card li:before{background:var(--bright);box-shadow:0 0 0 3px rgba(41,162,246,.11)}
.notice{border-color:var(--line);color:#244667!important;background:var(--ice)}
.danger-text{color:var(--blue-deep)!important;font-weight:900}
footer{border-top-color:var(--line);color:var(--muted);background:var(--ice)}
.bottom-nav{border-color:var(--line);background:rgba(255,255,255,.96);box-shadow:0 14px 36px rgba(36,118,253,.16)}
.bottom-nav .active{color:var(--blue-deep)}
.bottom-nav .active span{background:linear-gradient(145deg,var(--cyan-top),var(--cyan),var(--sky),var(--bright),var(--blue),var(--blue-deep));box-shadow:0 5px 12px rgba(36,118,253,.25)}

/* 手机折叠式常见问答 */
.qa-section{margin:26px 0 15px;scroll-margin-top:70px}
.qa-heading{position:relative;overflow:hidden;margin-bottom:13px;padding:22px 18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#fff,var(--ice));box-shadow:var(--shadow)}
.qa-heading:after{content:"Q&A";position:absolute;right:-7px;top:23px;color:rgba(41,162,246,.14);font:900 47px/1 "Arial Black",Arial,sans-serif;letter-spacing:-.08em;transform:rotateY(-10deg)}
.qa-heading span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.16em}
.qa-heading h2{position:relative;z-index:1;max-width:310px;margin:6px 0;color:var(--ink);font-size:23px;line-height:1.3;letter-spacing:-.03em}
.qa-heading p{margin:0;color:var(--muted);font-size:11px}
.qa-list{display:grid;gap:9px}
.qa-list details{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,#fff,var(--ice));box-shadow:0 7px 20px rgba(36,118,253,.07)}
.qa-list summary{position:relative;display:flex;align-items:center;min-height:61px;padding:12px 43px 12px 12px;color:var(--ink);font-size:13px;font-weight:900;line-height:1.55;cursor:pointer;list-style:none}
.qa-list summary::-webkit-details-marker{display:none}
.qa-list summary:after{content:"+";position:absolute;right:14px;top:50%;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:var(--blue-deep);background:#fff;box-shadow:0 4px 11px rgba(36,118,253,.12);font-size:18px;font-weight:500;transform:translateY(-50%)}
.qa-list details[open] summary:after{content:"−";color:#fff;background:linear-gradient(145deg,var(--cyan-top),var(--blue-deep))}
.qa-list summary b{display:grid;place-items:center;flex:0 0 34px;height:34px;margin-right:9px;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--cyan-top),var(--blue-deep));box-shadow:0 5px 12px rgba(36,118,253,.2);font-size:10px}
.qa-answer{padding:0 15px 15px;border-top:1px solid var(--line)}
.qa-answer p,.qa-answer li{color:var(--muted);font-size:13px;line-height:1.8}
.qa-answer p{margin:13px 0 0}.qa-answer ul{display:grid;gap:6px;margin:11px 0 0;padding:0;list-style:none}
.qa-answer li{position:relative;padding-left:14px}.qa-answer li:before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--bright)}
.qa-flow{padding:10px 11px;border:1px solid var(--line);border-radius:11px;color:var(--blue-deep)!important;background:#fff;font-weight:900}
@media(min-width:760px){.qa-heading{padding:26px 23px}.qa-list summary{padding-right:54px;font-size:14px}.qa-answer{padding-right:22px;padding-left:22px}.qa-answer p,.qa-answer li{font-size:14px}}

/* 提高手机端文字清晰度与字重 */
body{font-weight:650}
.hero p,.card p,.card li,.qa-answer p,.qa-answer li,footer p{color:#344b62;font-weight:650}
.hero p{font-size:14px;font-weight:700}
.card p,.card li{font-size:14px;line-height:1.78}
.card h3,.card h4,.rule-group>h2,.qa-heading h2,.qa-list summary{font-weight:900}
.card h4{font-size:14px}
.notice,.danger-text,.qa-flow{font-weight:900}
.qa-answer p,.qa-answer li{font-size:14px;font-weight:700;line-height:1.82}
.qa-heading p,.bottom-nav small,.badge,.quick-nav a{font-weight:800}
footer strong{font-weight:900}
@media(max-width:370px){.card p,.card li,.qa-answer p,.qa-answer li{font-size:13px}}

/* KY86.VIP 网站目录 */
.site-directory{position:sticky;z-index:100;top:0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 6px 20px rgba(36,118,253,.08);backdrop-filter:blur(18px)}
.site-directory-inner{display:flex;align-items:center;width:min(100%,1080px);margin:auto;padding:10px 14px;gap:18px}
.site-brand{flex:0 0 auto;color:var(--blue-deep);font-size:17px;font-weight:900;text-decoration:none}
.mobile-home{display:none}.directory-dropdown{position:relative;margin-left:auto}.directory-dropdown summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 15px;color:#153654;font-size:13px;font-weight:900;box-shadow:0 6px 18px rgba(36,118,253,.1)}.directory-dropdown summary::-webkit-details-marker{display:none}.directory-dropdown summary::after{content:"⌄";margin-left:8px;color:var(--blue-deep)}.directory-dropdown[open] summary::after{content:"⌃"}.site-directory nav{display:grid;position:absolute;z-index:110;top:calc(100% + 9px);right:0;width:176px;gap:2px;padding:8px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 18px 45px rgba(36,118,253,.18)}
.site-directory nav a{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border-radius:9px;color:#344b62;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
.site-directory nav a:hover,.site-directory nav a.active{color:#fff;background:linear-gradient(145deg,var(--cyan-top),var(--blue-deep));box-shadow:0 5px 12px rgba(36,118,253,.2)}
@media(max-width:620px){html{scroll-padding-top:116px}.site-directory-inner{padding:9px 11px}.site-brand{font-size:15px}.site-directory nav{position:fixed;top:59px;left:11px;right:11px;width:auto}.site-directory nav a{font-size:13px}.quick-nav{top:59px}.rule-group,.qa-section{scroll-margin-top:118px}}

/* 参考远程招商页：增强浅色半透明 3D 层次 */
.hero{perspective:900px}
.hero-inner{transform-style:preserve-3d}
.hero h1{background:linear-gradient(145deg,#152a48 12%,#2476fd 58%,#2ccfed);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(255,255,255,.95)) drop-shadow(0 8px 13px rgba(36,118,253,.15));text-shadow:1px 1px 0 rgba(255,255,255,.8),3px 4px 0 rgba(73,151,239,.08);transform:translateZ(20px)}
.hero:after{background:linear-gradient(160deg,rgba(255,255,255,.84),rgba(94,187,255,.28));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(41,162,246,.12);filter:drop-shadow(0 10px 14px rgba(36,118,253,.13));transform:rotateY(-15deg) rotateX(6deg)}
.card{transform-style:preserve-3d;perspective:850px;transition:transform .28s ease,box-shadow .28s ease}
.card:nth-of-type(even):after{transform:rotateY(13deg) rotateX(4deg)}
.card:before{height:29px;background:linear-gradient(180deg,#fff 0,#dce8f1 26%,#8fa5b8 44%,#f8fbfd 60%,#a9bbc9 78%,#edf3f7 100%);border:1px solid rgba(255,255,255,.9);box-shadow:0 11px 18px rgba(53,88,117,.2),inset 0 3px 4px #fff,inset 0 -2px 3px rgba(91,116,137,.24);transform:rotateX(57deg) translateZ(-2px)}
.card:after{top:13px;background:linear-gradient(155deg,rgba(255,255,255,.95) 3%,rgba(82,184,255,.72) 34%,rgba(36,118,253,.46) 66%,rgba(210,246,255,.86));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(36,118,253,.23);text-shadow:1px 1px 0 rgba(255,255,255,.85),3px 4px 0 rgba(62,137,229,.2),6px 8px 12px rgba(36,118,253,.16);filter:drop-shadow(0 9px 8px rgba(36,118,253,.12));transform:rotateY(-13deg) rotateX(4deg) translateZ(18px)}
@media(hover:hover){.card:hover{transform:translateY(-3px) rotateX(1deg);box-shadow:0 20px 44px rgba(36,118,253,.16)}}
@media(max-width:620px){.hero h1{filter:drop-shadow(0 5px 9px rgba(36,118,253,.13))}.card:after{font-size:37px}.card:before{transform:rotateX(54deg) translateZ(-2px)}}

/* 全站统一：浅色科技商务活动中心 */
body{background:radial-gradient(circle at 88% 0,rgba(44,207,237,.14),transparent 24%),linear-gradient(180deg,#fff 0,#eff8ff 42%,#fff 100%)}
.site-directory-inner{min-height:58px}.directory-dropdown summary{display:flex;align-items:center;justify-content:center;min-width:94px;color:#1d4f85;background:linear-gradient(145deg,#fff,#eff8ff)}
.hero{padding-top:34px;padding-bottom:38px}.badge{letter-spacing:.12em}.hero h1{font-weight:950;line-height:1.12}.hero p{font-size:15px;line-height:1.82}
.rule-group>h2{display:flex;align-items:center;min-height:44px;margin:8px 0 2px;padding:10px 15px;border:1px solid rgba(213,231,252,.9);border-radius:15px;color:#176cce;background:linear-gradient(100deg,#fff,#eff8ff);box-shadow:0 7px 20px rgba(36,118,253,.07);font-size:13px;letter-spacing:.05em}
.rule-group>h2:before{content:"";width:5px;height:22px;margin-right:9px;border-radius:8px;background:linear-gradient(180deg,#2ccfed,#2476fd);box-shadow:0 4px 9px rgba(36,118,253,.22)}
.card h3{font-size:19px}.card p,.card li{color:#304b66;font-size:14px;font-weight:700}.qa-list details{box-shadow:0 9px 24px rgba(36,118,253,.09)}
.bottom-nav span{border:1px solid rgba(213,231,252,.86);background:#eff8ff}.bottom-nav a:active span{transform:scale(.94)}
@media(min-width:760px){.hero h1{max-width:520px;font-size:48px}.hero p{max-width:610px}.card{border-radius:28px}}
@media(max-width:620px){.hero{padding-top:28px}.hero p{font-size:14px}.rule-group>h2{margin-right:2px;margin-left:2px}.card h3{font-size:18px}.bottom-nav{border-radius:22px}}

/* 截图参考仅应用于主标题与底部导航 */
.hero h1{background:linear-gradient(135deg,#2ccfed 0%,#2abaf0 34%,#29a2f6 62%,#2476fd 100%);-webkit-background-clip:text;background-clip:text;color:#2476fd;-webkit-text-fill-color:transparent;-webkit-text-stroke:.45px rgba(36,118,253,.62);filter:none;text-shadow:0 1px 0 #fff,0 3px 0 rgba(112,181,255,.46),0 7px 14px rgba(36,118,253,.28)}
.bottom-nav{border:1px solid #d5e7fc;background:rgba(255,255,255,.97);box-shadow:0 10px 28px rgba(36,118,253,.16)}
.bottom-nav a{color:#6f849b}.bottom-nav span{color:#70859c;border:0;background:transparent;font-size:19px;font-weight:900}
.bottom-nav .active{color:#2476fd}.bottom-nav .active span{color:#fff;background:linear-gradient(145deg,#2ccfed,#29a2f6 55%,#2476fd);box-shadow:0 6px 14px rgba(36,118,253,.28)}
@media(max-width:620px){.hero h1{filter:none;-webkit-text-stroke:.4px rgba(25,104,224,.75);text-shadow:0 1px 0 #fff,0 3px 0 rgba(102,174,255,.48),0 6px 12px rgba(36,118,253,.25)}}

/* 主标题：主色实心填充与更粗字重 */
.hero h1{color:#2476fd!important;background:none!important;-webkit-text-fill-color:initial!important;-webkit-text-stroke:0!important;font-family:"Arial Black","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:1000!important;letter-spacing:-.055em;text-shadow:none!important}
.hero h1 span{display:block;width:max-content;max-width:100%;background:linear-gradient(105deg,#2ccfed 0%,#2abaf0 34%,#29a2f6 66%,#2476fd 100%);-webkit-background-clip:text;background-clip:text;color:#2476fd;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.2px #2797f7;paint-order:stroke fill;filter:drop-shadow(0 5px 8px rgba(36,118,253,.23))}
@media(max-width:620px){.hero h1{font-weight:1000!important;text-shadow:none!important}.hero h1 span{-webkit-text-stroke:1px #2797f7;filter:drop-shadow(0 4px 6px rgba(36,118,253,.2))}}

/* 全站目录与区块标题吸附 */
.site-directory .desktop-site-links{display:flex;position:static;width:auto;min-width:0;margin-left:auto;gap:3px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.site-directory .desktop-site-links a{min-height:0;padding:10px 11px;border-radius:10px;color:#526a83;font-size:14px;font-weight:800;white-space:nowrap}.site-directory .desktop-site-links a:hover,.site-directory .desktop-site-links a.active{color:#fff;background:linear-gradient(135deg,#2ccfed,#2476fd);box-shadow:0 6px 14px rgba(36,118,253,.2)}
.directory-dropdown{display:none}.directory-dropdown .directory-scrim{display:none}.quick-nav{top:59px;z-index:55}.rule-group>h2,.qa-heading{position:sticky;z-index:45;top:116px;backdrop-filter:blur(16px)}
.rule-group>h2{background:rgba(247,252,255,.96);box-shadow:0 8px 20px rgba(36,118,253,.1)}
.qa-heading{background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(238,248,255,.96))}
@media(max-width:760px){
  html{scroll-padding-top:120px}.site-directory-inner{justify-content:center;min-height:59px}.site-brand{margin:auto}
  .site-directory .desktop-site-links{display:none}.mobile-home{display:flex;position:fixed;z-index:150;top:8px;left:9px;min-height:43px;align-items:center;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(36,118,253,.16);color:#26394d;font-size:14px;font-weight:850;text-decoration:none}.directory-dropdown{display:block;position:fixed;z-index:150;top:8px;right:9px;margin:0}
  .directory-dropdown summary{position:relative;z-index:4;min-width:94px;background:linear-gradient(135deg,#2ccfed,#2476fd);box-shadow:0 8px 20px rgba(36,118,253,.25);color:#fff}.directory-dropdown summary::after{color:#fff}
  .directory-dropdown[open]>.directory-scrim{display:block;position:fixed;z-index:1;inset:0;background:rgba(239,248,255,.98);backdrop-filter:blur(10px)}
  .site-directory .directory-dropdown nav{display:grid;position:fixed;z-index:3;top:58px;right:9px;left:9px;width:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px;background:#fff}.site-directory .directory-dropdown nav a{justify-content:center;min-height:41px;background:#f7fbff}.site-directory .directory-dropdown nav a:last-child{grid-column:1/-1}
  .quick-nav{top:59px}.rule-group>h2,.qa-heading{top:116px}.rule-group,.qa-section{scroll-margin-top:124px}
}

/* 统一手机底部功能导航 */
@media(min-width:761px){.bottom-nav{display:none}}
@media(max-width:760px){
  body{padding-bottom:94px}
  .bottom-nav{display:grid;position:fixed;z-index:120;right:auto;bottom:max(8px,env(safe-area-inset-bottom));left:50%;width:min(calc(100% - 16px),720px);height:76px;padding:6px;transform:translateX(-50%);align-items:stretch;border:1px solid rgba(213,231,252,.96);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(36,118,253,.18),inset 0 1px 0 #fff;backdrop-filter:blur(18px)}
  .bottom-nav a{display:flex;min-width:0;height:100%;padding:4px 2px;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#6f849b;font-family:inherit;font-size:12px;font-weight:800;line-height:1.15;text-decoration:none}
  .bottom-nav a>span:first-child{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(213,231,252,.9);border-radius:10px;background:#eff8ff;color:#2476fd;font:900 17px/1 Arial}
  .bottom-nav small{font-size:12px;font-weight:800;line-height:1.15}
  .bottom-nav a.active{color:#2476fd}.bottom-nav a.active>span:first-child{border-color:transparent;background:linear-gradient(145deg,#2ccfed,#29a2f6 55%,#2476fd);box-shadow:0 6px 14px rgba(36,118,253,.26);color:#fff}
}