*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;background:#fafafa;line-height:1.6}.site{min-height:100vh;display:flex;flex-direction:column}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.header{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;box-shadow:0 1px #0000000a}.header-inner{height:60px;display:flex;justify-content:space-between;align-items:center}.logo-wrap{display:flex;align-items:center;text-decoration:none;color:inherit}.logo-img{height:36px;width:auto;display:block}.logo{font-weight:700;font-size:1.25rem;letter-spacing:.04em;color:#111827}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border:none;background:transparent;cursor:pointer;border-radius:8px;transition:background .2s ease}.nav-toggle:hover{background:#0000000f}.nav-toggle-bar{display:block;width:22px;height:2px;border-radius:1px;background:#374151;transition:transform .25s ease,opacity .25s ease}.nav{display:flex;align-items:center;gap:28px;font-size:15px}.nav a,.nav-a{color:#4b5563;text-decoration:none;position:relative;padding-bottom:2px;transition:color .15s ease}.nav a:hover,.nav-a:hover{color:#111827}.nav a.active{color:#111827;font-weight:500}.nav a.active:after,.nav-a.active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:999px;background:linear-gradient(to right,#2563eb,#4f46e5)}.nav-overlay{display:none}.main{flex:1}.footer{background:#fff;border-top:1px solid #e5e7eb;padding:40px 0 20px;color:#6b7280;font-size:14px;margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px;margin-bottom:28px}.footer-brand{max-width:280px}.footer-logo{height:32px;width:auto;margin-bottom:8px;display:block}.footer-logo-text{font-weight:700;font-size:1.1rem;color:#111827;display:block;margin-bottom:8px}.footer-slogan{font-size:13px;line-height:1.5;color:#6b7280}.footer-col h4{font-size:13px;font-weight:600;color:#111827;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.footer-col a{display:block;color:#6b7280;text-decoration:none;margin-bottom:8px;font-size:14px}.footer-col a:hover{color:#2563eb}.footer-bottom{padding-top:24px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px}.footer-bottom .icp{color:#9ca3af}.footer-bottom .icp a{color:inherit;text-decoration:none}.footer-bottom .icp a:hover{text-decoration:underline;color:#6b7280}@media (max-width: 768px){.wrap{padding:0 16px}.header-inner{height:52px;position:relative}.nav-toggle{display:flex;z-index:102}.nav-toggle.open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{position:fixed;top:0;right:0;width:min(280px,85vw);height:100vh;flex-direction:column;align-items:stretch;gap:0;padding:70px 20px 24px;background:#fff;box-shadow:-4px 0 24px #0000001f;z-index:101;transform:translate(100%);opacity:0;visibility:hidden;transition:transform .25s ease,opacity .25s ease,visibility .25s ease;font-size:1.05rem}.nav.open{transform:translate(0);opacity:1;visibility:visible}.nav a,.nav-a{padding:14px 12px;border-bottom:1px solid #f3f4f6}.nav a.active:after,.nav-a.active:after{left:12px;right:auto;width:4px;height:4px;bottom:50%;transform:translateY(50%);border-radius:50%}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100}.footer-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}}