/* Shared identity and mobile navigation. */
.chigua-ui .platform-brand,.chigua-ui .brand { display:inline-flex;align-items:center;gap:7px;color:var(--ink);text-decoration:none; }
.chigua-ui img.directory-brand-mark { display:block;width:52px;height:52px;flex:0 0 52px;object-fit:contain; }
.chigua-ui .directory-brand-name { display:flex;flex-direction:column;gap:7px;line-height:1;color:var(--ink); }
.chigua-ui .directory-brand-word { position:relative;display:block;line-height:0; }
.chigua-ui .directory-brand-wordmark { display:block;width:116px;height:auto;overflow:visible; }
.chigua-ui .directory-brand-wordmark .directory-brand-accent { fill:#e83e49; }
.chigua-ui .directory-brand-label { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.chigua-ui .directory-brand-name small { display:block;font-size:8px;line-height:1;font-weight:650;letter-spacing:3px;margin:0 0 0 1px;color:var(--muted); }
.chigua-ui .io-black-mode .directory-brand-wordmark .directory-brand-accent { fill:#ff929b; }
.chigua-ui .io-black-mode img.directory-brand-mark { filter:drop-shadow(0 0 .65px #ffffff99); }
.chigua-ui .platform-menu { width:40px;height:40px;padding:8px;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--surface);color:var(--ink); }
.chigua-ui .platform-menu svg { width:23px;height:23px; }
.chigua-ui .platform-menu:hover { background:var(--accent-soft);color:var(--accent); }
.chigua-ui #sidebar.directory-drawer { --drawer-red:#cf333c;--drawer-tint:#fff0ee;position:fixed;inset:0 auto 0 0;width:min(352px,calc(100vw - 24px))!important;max-width:none;height:100dvh;max-height:none;padding:0;margin:0;border:0;border-radius:0 28px 28px 0;background:var(--paper);color:var(--ink);overflow:hidden;box-shadow:16px 0 70px #191a311f; }
.chigua-ui #sidebar.directory-drawer:not([open]) { display:none; }
.chigua-ui #sidebar.directory-drawer[open] { display:flex;flex-direction:column; }
.chigua-ui #sidebar.directory-drawer::backdrop { background:#23243166;backdrop-filter:blur(5px); }
.chigua-ui body.directory-drawer-open { overflow:hidden; }
.chigua-ui .drawer-head { flex-shrink:0;padding:calc(25px + env(safe-area-inset-top)) 24px 0;background:linear-gradient(125deg,#fff0ee80,transparent 75%); }
.chigua-ui .drawer-brand-row { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.chigua-ui .drawer-brand-row img.directory-brand-mark { width:60px;height:60px;flex-basis:60px; }
.chigua-ui .drawer-brand-row .directory-brand-name { gap:6px; }
.chigua-ui .drawer-brand-row .directory-brand-wordmark { width:132px; }
.chigua-ui .drawer-brand-row .directory-brand-name small { font-size:9px;letter-spacing:3.5px; }
.chigua-ui .drawer-close { width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface);color:var(--muted);cursor:pointer; }
.chigua-ui .drawer-icon { width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0; }
.chigua-ui .drawer-head h2 { font-size:23px;font-weight:650;letter-spacing:-.5px;margin:28px 0 8px;line-height:1.4;color:var(--ink); }
.chigua-ui .drawer-head>p { font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 21px; }
.chigua-ui .drawer-search { display:flex;align-items:center;gap:9px;height:44px;padding:0 14px;border-radius:15px;background:var(--surface);color:var(--muted); }
.chigua-ui .drawer-search input { width:100%;min-width:0;background:none;border:0;outline:0!important;box-shadow:none;color:var(--ink);font-size:12px;padding:0; }
.chigua-ui .drawer-search:focus-within { outline:2px solid var(--drawer-red);outline-offset:2px; }
.chigua-ui .drawer-search input::placeholder { color:var(--muted); }
.chigua-ui .drawer-shortcuts { display:flex;gap:26px;align-items:center;padding:21px 2px 20px; }
.chigua-ui .drawer-shortcuts a { display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--ink); }
.chigua-ui .drawer-shortcuts a .drawer-icon { width:17px;height:17px;color:var(--drawer-red); }
.chigua-ui .drawer-scroll { flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 24px 18px;scrollbar-width:thin;scrollbar-color:var(--line) transparent; }
.chigua-ui .drawer-category-heading { display:flex;align-items:center;justify-content:space-between;padding:7px 2px 12px; }
.chigua-ui .drawer-category-heading h3 { font-size:11px;font-weight:400;color:var(--muted);margin:0; }
.chigua-ui .drawer-count { font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted); }
.chigua-ui .drawer-categories { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;list-style:none;margin:0;padding:0; }
.chigua-ui .drawer-category { min-width:0;list-style:none;margin:0;padding:0; }
.chigua-ui .drawer-category>a { min-height:44px;padding:10px 9px;display:flex;align-items:center;gap:9px;border-radius:13px;font-size:12px;line-height:1.5;color:var(--ink); }
.chigua-ui .drawer-category>a .drawer-icon { width:18px;height:18px;color:var(--muted); }
.chigua-ui .drawer-category>a:hover { background:var(--soft); }
.chigua-ui .drawer-category>a[aria-current] { color:var(--drawer-red);background:var(--drawer-tint);font-weight:650; }
.chigua-ui .drawer-category>a[aria-current] .drawer-icon { color:var(--drawer-red); }
.chigua-ui .drawer-category.has-children { grid-column:1/-1; }
.chigua-ui .drawer-category.has-children>a { width:calc(50% - 4px); }
.chigua-ui .drawer-subcategories { display:flex;flex-wrap:wrap;gap:8px 24px;padding:1px 10px 7px 36px; }
.chigua-ui .drawer-subcategories a { font-size:11px;line-height:24px;color:var(--muted); }
.chigua-ui .drawer-subcategories a:hover,.chigua-ui .drawer-subcategories a[aria-current] { color:var(--drawer-red); }
.chigua-ui .drawer-category[hidden],.chigua-ui .drawer-subcategories a[hidden],.chigua-ui .drawer-empty[hidden] { display:none!important; }
.chigua-ui .drawer-empty { padding:30px 0;text-align:center;color:var(--muted);font-size:12px; }
.chigua-ui .drawer-footer { flex-shrink:0;padding:16px 24px calc(21px + env(safe-area-inset-bottom));background:var(--paper); }
.chigua-ui .drawer-submit { display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border-radius:16px;background:var(--drawer-tint);color:var(--drawer-red);font-size:12px;font-weight:650; }
.chigua-ui .drawer-footer-links { display:flex;gap:20px;margin-top:12px;justify-content:center; }
.chigua-ui .drawer-footer-links:empty { display:none; }
.chigua-ui .drawer-footer-links a { font-size:11px;color:var(--muted); }
.chigua-ui .drawer-footer>p { color:var(--muted);font-size:9px;letter-spacing:1px;text-align:center;margin:13px 0 0; }
.chigua-ui .io-black-mode #sidebar.directory-drawer { --drawer-red:#ff939c;--drawer-tint:#402a32; }
.chigua-ui .io-black-mode .drawer-head { background:linear-gradient(125deg,#532b332e,transparent 75%); }
@media(max-width:767px) {
 .chigua-ui .platform-menu { display:flex; }
 .chigua-ui .platform-brand { gap:5px; }
 .chigua-ui img.directory-brand-mark { width:44px;height:44px;flex-basis:44px; }
 .chigua-ui .directory-brand-name { gap:6px; }
 .chigua-ui .directory-brand-wordmark { width:98px; }
 .chigua-ui .directory-brand-name small { font-size:7px;letter-spacing:2.3px; }
}
@media(max-width:359px) {
 .chigua-ui .platform-header-inner { gap:9px; }
 .chigua-ui img.directory-brand-mark { width:40px;height:40px;flex-basis:40px; }
 .chigua-ui .directory-brand-wordmark { width:90px; }
 .chigua-ui .directory-brand-name small { font-size:6px;letter-spacing:2.1px; }
 .chigua-ui .drawer-head { padding-left:20px;padding-right:20px; }
 .chigua-ui .drawer-scroll,.chigua-ui .drawer-footer { padding-left:20px;padding-right:20px; }
 .chigua-ui .drawer-category>a { padding-left:8px;padding-right:4px;gap:7px;font-size:11px; }
}
@media(prefers-reduced-motion:no-preference) {
 .chigua-ui img.directory-brand-mark { transform-origin:50% 85%;transition:transform .25s cubic-bezier(.2,.75,.2,1); }
 .chigua-ui .platform-brand:hover img.directory-brand-mark,.chigua-ui .brand:hover img.directory-brand-mark { transform:rotate(-7deg) translateY(-1px); }
 .chigua-ui .platform-brand:active img.directory-brand-mark,.chigua-ui .brand:active img.directory-brand-mark { transform:rotate(3deg) scale(.96); }
 .chigua-ui #sidebar.directory-drawer[open] { animation:drawer-enter .28s cubic-bezier(.2,.75,.2,1); }
 .chigua-ui #sidebar.directory-drawer[open]::backdrop { animation:drawer-shade .25s ease-out; }
 @keyframes drawer-enter { from { transform:translateX(-100%); } to { transform:translateX(0); } }
 @keyframes drawer-shade { from { opacity:0; } to { opacity:1; } }
}

/* 移动端沿用首页顶部栏，独立页面复用同一导航组件。 */
.platform-mobile-navigation { display:none;flex:none; }
@media(max-width:767px) {
 .platform-mobile-navigation { display:block; }
 :where(.platform-mobile-navigation *) { font-size:inherit; }
 .chigua-ui .platform-desktop-header { display:none; }
 .chigua-ui .platform-header,.chigua-ui #sidebar.directory-drawer {
  --paper:#fbfbfd;--surface:#fff;--soft:#f1f2f5;--ink:#2a2d36;--muted:#777e8d;--line:#e9ebf1;--accent:#c73838;--accent-soft:#fff0ed;--highlight:#da3c3c;
  color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;
 }
 .chigua-ui .io-black-mode .platform-header,.chigua-ui .io-black-mode #sidebar.directory-drawer {
  --paper:#191b21;--surface:#24262f;--soft:#2c2f39;--ink:#f3f4f8;--muted:#b0b5c3;--line:#3b3f4c;--accent:#ff9890;--accent-soft:#422a2d;
 }
 .chigua-ui .platform-header,.chigua-ui .platform-header *,.chigua-ui #sidebar.directory-drawer,.chigua-ui #sidebar.directory-drawer * { box-sizing:border-box; }
 .chigua-ui .platform-header { position:fixed;z-index:1030;inset:0 0 auto!important;height:66px;margin:0;padding:0;border:0;box-shadow:none;background:color-mix(in srgb,var(--paper) 88%,transparent)!important;backdrop-filter:blur(18px); }
 .chigua-ui .platform-header-space { height:66px; }
 .chigua-ui .platform-header-inner { display:flex;align-items:center;justify-content:flex-start;gap:16px;height:100%;width:100%;max-width:1360px;margin:0 auto;padding:0 20px; }
 .chigua-ui .platform-header .platform-brand { display:flex;align-items:center;flex-shrink:0;gap:5px;color:var(--ink)!important;text-decoration:none; }
 .chigua-ui .platform-header .directory-brand-name { font-size:18px; }
 .chigua-ui .platform-header .platform-top-nav { display:none; }
 .chigua-ui .platform-header-actions { display:flex;align-items:center;gap:6px;margin-left:auto; }
 .chigua-ui .platform-header .platform-submit { display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:31px;margin:0;padding:0 11px;border:0;border-radius:22px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:400;line-height:1.5;white-space:nowrap;text-decoration:none;transition:background .2s; }
 .chigua-ui .platform-header .platform-submit:hover { background:var(--highlight);color:#fff; }
 .chigua-ui .platform-header .platform-submit .directory-icon { display:block;flex-shrink:0;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
 .chigua-ui .platform-header .platform-menu { display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;margin:0;padding:8px;border:0;border-radius:50%;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer; }
 .chigua-ui .platform-header .platform-menu:hover { background:var(--accent-soft);color:var(--accent); }
 .chigua-ui .platform-header .platform-menu svg { width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7; }
 .chigua-ui .platform-header :focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
 .chigua-ui #sidebar.directory-drawer a { text-decoration:none; }
 .chigua-ui #sidebar.directory-drawer button,.chigua-ui #sidebar.directory-drawer input { font-family:inherit; }
}
@media(max-width:359px) {
 .chigua-ui .platform-header-inner { gap:9px;padding:0 15px; }
 .chigua-ui .platform-header .platform-submit .directory-icon { display:none; }
}