.tw-topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e7ebf3;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',sans-serif}
.tw-inner{max-width:1400px;margin:0 auto;padding:0 16px;height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px}
@media(min-width:640px){.tw-inner{padding:0 24px}}
.tw-left{display:flex;align-items:center;gap:16px;min-width:0}
@media(min-width:640px){.tw-left{gap:28px}}
.tw-logo{display:flex;align-items:center;flex:none;text-decoration:none}
.tw-logo img{height:32px;width:auto;object-fit:contain;display:block;transition:transform .15s ease}
.tw-logo:hover img{transform:scale(1.05)}
.tw-nav{display:none;align-items:center;gap:2px}
@media(min-width:768px){.tw-nav{display:flex}}
.tw-nav a{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:#65718a;text-decoration:none;white-space:nowrap;transition:color .15s ease,background .15s ease}
.tw-nav a:hover{color:#1b2230;background:#f1f5f9}
.tw-nav a.is-active{background:#eef4ff;color:#2f6bff;font-weight:700}
.tw-right{display:flex;align-items:center;gap:6px;flex:none}
@media(min-width:640px){.tw-right{gap:10px}}
.tw-cta{display:none;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#2f6bff;color:#fff;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 1px 3px rgba(20,30,50,.07);transition:background .15s ease;white-space:nowrap}
.tw-cta:hover{background:#1e4fd6;color:#fff}
@media(min-width:640px){.tw-cta{display:inline-flex}}
.tw-login{padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;color:#475569;text-decoration:none;white-space:nowrap;transition:color .15s ease}
.tw-login:hover{color:#0f172a}
.tw-reg{padding:6px 13px;border-radius:8px;background:#2f6bff;color:#fff;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 1px 3px rgba(20,30,50,.07);transition:background .15s ease;white-space:nowrap}
.tw-reg:hover{background:#1e4fd6;color:#fff}
.tw-burger{display:flex;width:34px;height:34px;border:none;border-radius:8px;background:transparent;color:#64748b;align-items:center;justify-content:center;cursor:pointer}
.tw-burger:hover{background:#f1f5f9;color:#0f172a}
@media(min-width:768px){.tw-burger{display:none}}
.tw-drawer{border-top:1px solid #f1f5f9;background:#fff;padding:12px 16px 16px;display:grid;gap:4px}
.tw-drawer[hidden]{display:none}
.tw-drawer a{padding:11px 13px;border-radius:11px;font-size:13px;font-weight:700;color:#475569;text-decoration:none}
.tw-drawer a:hover{background:#f8fafc}
.tw-drawer a.is-active{background:#eef4ff;color:#2f6bff}
.tw-drawer .tw-dcta{margin-top:6px;background:#2f6bff;color:#fff;text-align:center}
.tw-drawer .tw-dcta:hover{background:#1e4fd6;color:#fff}