.xiaoze-functions{background:#fff;color:#1d1d1f}.xiaoze-functions .site-header{position:sticky}.functions-hero{padding:105px 0 105px;background:radial-gradient(circle at 74% 50%,#eef3f7,#fff 53%);border-bottom:1px solid #ededf0}.functions-hero h1{font-size:clamp(56px,7vw,102px);letter-spacing:-.08em;line-height:1.08;margin:23px 0}.functions-hero h1 em{font-style:normal;color:#4a83ab}.functions-hero p{font-size:18px;color:#6e6e73;max-width:620px;line-height:1.9;margin-bottom:30px}.functions-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:70px;align-items:start;padding-top:73px;padding-bottom:130px}.function-sidebar{position:sticky;top:105px;border:1px solid #e8e8eb;border-radius:18px;padding:20px;background:#fbfbfc}.sidebar-top{font-size:15px;font-weight:750;display:flex;justify-content:space-between;align-items:center;padding:5px 8px 18px;border-bottom:1px solid #ececef}.sidebar-top span{font-size:10px;letter-spacing:.15em;color:#9a9aa0}.side-group{width:100%;border:0;background:transparent;padding:17px 8px 9px;display:flex;justify-content:space-between;font-weight:700;font-size:13px;color:#3b3b40;text-align:left}.side-group span{font-size:18px;font-weight:400;line-height:1}.side-children{display:grid;gap:3px;padding:2px 0 13px}.side-children[hidden]{display:none}.side-children a{font-size:13px;color:#707078;padding:9px 10px;border-radius:8px;transition:background .2s,color .2s}.side-children a:hover,.side-children a.active{color:#1c1c20;background:#eceff2}.sidebar-note{border-top:1px solid #ececef;padding:16px 8px 4px;color:#99999e;font-size:11px;line-height:1.8}.functions-toolbar{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-bottom:31px;border-bottom:1px solid #e7e7e9}.overline{display:block;color:#888890;font-size:11px;letter-spacing:.19em;font-weight:750}.functions-toolbar h2{font-size:clamp(38px,4.5vw,59px);letter-spacing:-.06em;line-height:1.16;margin:10px 0}.functions-toolbar p{color:#818188;margin:0}.function-search{height:47px;min-width:235px;display:flex;align-items:center;gap:8px;background:#f5f5f7;border:1px solid #e7e7ea;border-radius:12px;padding:0 14px;color:#888}.function-search:focus-within{border-color:#82a4bf;box-shadow:0 0 0 3px #d9e8f1}.function-search input{border:0;background:none;outline:none;min-width:0;width:100%;font-size:13px;color:#222}.showcase{margin:34px 0 68px;min-height:300px;border-radius:26px;background:#f4f6f8;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:38px;padding:38px;overflow:hidden}.showcase-window{height:225px;background:#20272b;border:1px solid #353f43;border-radius:17px;padding:20px;box-shadow:0 20px 38px #182b3430;transform:rotate(-4deg)}.showcase-dots{color:#7e8b8b;letter-spacing:5px;text-align:right;font-size:10px}.showcase-grid{height:165px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding-top:18px}.showcase-grid span{display:grid;place-items:center;background:#344045;border:1px solid #566469;border-radius:8px;color:#d5e1e3;font-size:13px}.showcase h3{font-size:28px;letter-spacing:-.04em;line-height:1.2;margin:12px 0}.showcase p{font-size:14px;color:#737981;line-height:1.8;margin:0}.function-section{scroll-margin-top:102px;margin-top:65px}.section-line{display:flex;align-items:end;gap:24px;border-bottom:1px solid #e5e5e8;padding-bottom:18px;margin-bottom:17px}.section-line span{font-size:11px;letter-spacing:.15em;color:#8b8b91;white-space:nowrap;padding-bottom:4px}.section-line h3{font-size:30px;letter-spacing:-.05em;line-height:1.2;margin:0}.function-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.function-card{min-height:207px;background:#f7f7f9;border:1px solid #ededf0;border-radius:18px;padding:24px;transition:transform .22s,box-shadow .22s}.function-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px #15243112}.function-card[hidden],.function-section[hidden]{display:none}.feature-index{font-size:11px;color:#98a1a9;font-weight:700;letter-spacing:.1em}.function-card h4{font-size:20px;letter-spacing:-.02em;margin:13px 0 6px}.function-card p{font-size:13px;color:#777a80;line-height:1.75;margin-bottom:20px}.card-status{font-size:11px;color:#8a939b;border-top:1px solid #e5e8eb;padding-top:10px;display:block}.no-results{padding:30px;color:#7a7a81}.functions-end{padding:105px 0;background:#1d2226;color:#fff;text-align:center}.functions-end h2{font-size:clamp(36px,4.5vw,58px);letter-spacing:-.06em;margin:13px 0}.functions-end p{color:#b7bec4;max-width:560px;margin:0 auto 25px}.functions-end .button.primary{background:#fff;border-color:#fff;color:#1d1d1f}.xiaoze-functions .footer{background:#fff}@media(max-width:950px){.functions-layout{grid-template-columns:200px minmax(0,1fr);gap:30px}.showcase{grid-template-columns:1fr}.showcase-window{max-width:440px}}@media(max-width:700px){.functions-hero{padding:70px 0}.functions-hero h1{font-size:51px}.functions-hero p{font-size:16px}.functions-layout{display:block;padding-top:34px;padding-bottom:75px}.function-sidebar{position:static;margin-bottom:45px}.functions-toolbar{display:block}.function-search{margin-top:20px}.showcase{padding:25px;min-height:0}.showcase-window{height:190px}.showcase-grid{height:134px}.function-grid{grid-template-columns:1fr}.function-section{margin-top:50px}.section-line{gap:14px}.section-line h3{font-size:25px}}@media(prefers-reduced-motion:reduce){.function-card,.side-children a{transition:none}}
.functions-layout{grid-template-columns:205px minmax(0,1fr) 155px;gap:34px}
.page-toc{position:sticky;top:105px;display:grid;gap:10px;border-left:1px solid #e9e9ec;padding:6px 0 6px 19px;font-size:12px;color:#8c8c92}
.page-toc strong{font-size:12px;color:#4b4b51;margin-bottom:4px}.page-toc a:hover,.page-toc a.active{color:#24689c}.toc-divider{height:1px;background:#e8e8eb;margin:6px 0}
.icon-strip{margin:31px 0 26px;background:#222a2e;color:#f3f6f6;border-radius:20px;padding:21px 23px 16px;overflow:hidden}
.icon-strip-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;font-size:12px}.icon-strip-title span{color:#9eafb4;font-size:11px}
.icon-strip-track{display:flex;gap:4px;overflow:auto;scrollbar-width:thin;scrollbar-color:#627379 transparent;padding-bottom:9px}
.icon-strip-track a{flex:0 0 72px;display:grid;justify-items:center;gap:8px;padding:9px 4px;border-radius:9px;color:#d9e1e0;font-size:10px;white-space:nowrap}
.icon-strip-track a:hover,.icon-strip-track a:focus-visible{background:#344348;color:#fff}.icon-strip-track img{width:25px;height:25px;object-fit:contain}
.function-card{scroll-margin-top:95px}.tool-icon{float:right;width:27px;height:27px;object-fit:contain;opacity:.75;filter:invert(1)}
@media(max-width:1100px){.functions-layout{grid-template-columns:190px minmax(0,1fr);gap:28px}.page-toc{display:none}}
@media(max-width:700px){.functions-layout{display:block}.icon-strip{margin:23px 0}.icon-strip-track a{flex-basis:68px}}
