:root{--mt-yellow:#ffd100;--mt-yellow-dark:#f5c400;--mt-yellow-light:#fff8d6;--mt-orange:#f60;--mt-orange-light:#fff0e6;--gray-950:#0a0a0a;--gray-900:#111;--gray-800:#1f1f1f;--gray-700:#333;--gray-600:#555;--gray-500:#777;--gray-400:#999;--gray-300:#bbb;--gray-200:#e0e0e0;--gray-150:#ebebeb;--gray-100:#f5f5f5;--gray-50:#fafafa;--white:#fff;--color-success:#07c160;--color-success-bg:#e8f9ef;--color-warning:#f90;--color-warning-bg:#fff7e6;--color-error:#e64646;--color-info:#1989fa;--background:#fff;--background-secondary:#f7f8fa;--background-tertiary:#f0f2f5;--foreground:#111;--font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;--font-serif:"Noto Serif SC","Songti SC","SimSun",Georgia,serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--shadow-yellow:0 4px 16px rgba(255,209,0,.3);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--max-width:1200px;--content-width:860px;--sidebar-width:300px;--nav-height:60px}@media (prefers-color-scheme:dark){:root{--background:#111;--background-secondary:#1a1a1a;--background-tertiary:#222;--foreground:#f0f0f0;--gray-200:#333;--gray-150:#2a2a2a;--gray-100:#1e1e1e;--gray-50:#161616;--white:#1a1a1a}html{color-scheme:dark}}*,:after,:before{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none;touch-action:manipulation}.site-nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--white);border-bottom:2px solid var(--mt-yellow);height:var(--nav-height)}.site-nav,.site-nav-inner{display:flex;align-items:center}.site-nav-inner{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 var(--space-6);gap:var(--space-6)}.site-logo{gap:var(--space-2);text-decoration:none;flex-shrink:0}.site-logo,.site-logo-mark{display:flex;align-items:center}.site-logo-mark{width:36px;height:36px;background:var(--gray-900);border-radius:var(--radius-sm);justify-content:center;font-size:18px;font-weight:800;color:var(--mt-yellow);font-family:var(--font-serif);letter-spacing:-1px}.site-logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--gray-900);font-family:var(--font-serif)}.site-logo-badge{font-size:var(--text-xs);background:var(--mt-yellow);color:var(--gray-900);padding:2px 6px;border-radius:var(--radius-full);font-weight:var(--font-semibold);letter-spacing:.5px}.matrix-nav{display:flex;align-items:center;gap:var(--space-1);flex:1 1}.matrix-nav-label{font-size:var(--text-xs);color:var(--gray-400);padding:0 var(--space-2);white-space:nowrap}.matrix-nav-item{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--gray-600);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;border:1px solid transparent}.matrix-nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.matrix-nav-item.active{background:var(--mt-yellow);color:var(--gray-900);font-weight:var(--font-semibold);border-color:var(--mt-yellow-dark)}.matrix-nav-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.matrix-nav-item.active .matrix-nav-dot{opacity:1;background:var(--gray-900)}.nav-actions{gap:var(--space-3);flex-shrink:0}.nav-actions,.nav-search-btn{display:flex;align-items:center}.nav-search-btn{gap:var(--space-2);padding:7px 14px;background:var(--gray-100);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--gray-600);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.nav-search-btn:hover{background:var(--gray-150);color:var(--gray-900)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-150);transition:all var(--transition-base)}.card:hover{border-color:var(--mt-yellow);box-shadow:var(--shadow-yellow);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1.4}.badge-yellow{background:var(--mt-yellow-light);color:#8a7000}.badge-green{background:var(--color-success-bg);color:#056a38}.badge-orange{background:var(--mt-orange-light);color:#c40}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;background:var(--mt-yellow);color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary:hover{background:var(--mt-yellow-dark);box-shadow:var(--shadow-yellow);transform:translateY(-1px)}.divider{height:1px;background:var(--gray-150);margin:var(--space-6) 0}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}img[loading=lazy]{opacity:1;animation:imgFadeIn .4s ease}@keyframes imgFadeIn{0%{opacity:0}to{opacity:1}}.gpu-accelerated{transform:translateZ(0);will-change:transform}@media (hover:none){a,button{-webkit-tap-highlight-color:transparent}}.citycat-card:hover{border-color:#ffd100!important;box-shadow:0 4px 16px rgba(255,209,0,.2);transform:translateY(-2px);transition:all .15s}@media (max-width:768px){.matrix-nav-item span:last-child,.matrix-nav-label{display:none}.matrix-nav{gap:2px}}@media (max-width:480px){.matrix-nav,.site-logo-text{display:none}}