.top-bar{background:var(--color-slate-900);color:var(--color-slate-400);font-size:var(--text-xs);height:36PX;position:sticky;top:0;z-index:101}.top-bar,.top-bar .container{display:flex;align-items:center}.top-bar .container{justify-content:space-between;gap:var(--space-6)}.top-bar-left{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.top-bar-left .dot{width:6PX;height:6PX;border-radius:50%;background:var(--color-success);display:inline-block;box-shadow:0 0 8PX rgba(16,185,129,.5)}.top-bar-right{display:flex;align-items:center;gap:var(--space-5);flex-shrink:0}.top-bar-right a{display:flex;align-items:center;gap:4PX;color:var(--color-slate-400);transition:color var(--transition-fast)}.top-bar-right a:hover{color:var(--color-white)}.top-bar-right .divider{width:1PX;height:12PX;background:var(--color-slate-700)}.top-bar-right .btn-login{color:var(--color-accent-light);font-weight:500}.top-bar-qr-wrap{position:relative;display:flex;align-items:center}.top-bar-qr-tooltip{top:100%;transform:translateX(-50%) translateY(8PX);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:12PX;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);z-index:200;pointer-events:none;white-space:nowrap;width:100PX;min-width:100PX}.top-bar-qr-tooltip,.top-bar-qr-tooltip:before{position:absolute;left:50%;background:var(--color-white)}.top-bar-qr-tooltip:before{content:"";top:-6PX;transform:translateX(-50%) rotate(45deg);width:12PX;height:12PX}.top-bar-qr-tooltip img{display:block!important;width:76PX!important;height:76PX!important;min-width:76PX!important;max-width:76PX!important}.top-bar-qr-wrap:hover .top-bar-qr-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(4PX);pointer-events:auto}.top-bar-auth{display:flex;align-items:center;gap:var(--space-4)}.top-bar-auth button{background:none;border:none;color:var(--color-slate-400);font-size:var(--text-xs);cursor:pointer;padding:0;transition:color var(--transition-fast);line-height:1;font-weight:400}.top-bar-auth button:hover{color:var(--color-white)}.top-bar-auth span{color:var(--color-slate-700)}.top-bar-auth>button:first-of-type{color:var(--color-accent-light);font-weight:500}.top-bar-auth>button:first-of-type:hover{color:var(--color-accent)}.top-bar-auth .ant-dropdown-trigger{color:var(--color-slate-400);cursor:pointer}.top-bar-auth .ant-dropdown-trigger:hover{color:var(--color-white)}.header{background:var(--color-white);border-bottom:1px solid var(--color-slate-200);position:sticky;top:36PX;z-index:100;box-shadow:var(--shadow-xs)}.header .container{height:68PX;gap:var(--space-8)}.header .container,.logo{display:flex;align-items:center}.logo{gap:var(--space-2);flex-shrink:0}.logo-mark{width:38PX;height:38PX;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:var(--text-lg);letter-spacing:-.5PX;box-shadow:0 2PX 8PX rgba(29,78,216,.3)}.logo-img{height:38PX;width:auto;-o-object-fit:contain;object-fit:contain;position:relative;top:-.375rem}.logo:hover .logo-mark{transform:scale(1.08) rotate(-5deg)}.logo-text{font-size:var(--text-md);font-weight:400;color:var(--color-slate-600);letter-spacing:0;line-height:1}.logo-text,.nav{display:flex;align-items:center}.nav{gap:var(--space-1);flex:1}.nav-item{position:relative;padding:var(--space-2) var(--space-4);font-size:var(--text-md);font-weight:500;color:var(--color-slate-600);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.nav-item:hover{color:var(--color-primary);background:var(--color-primary-50)}.nav-item.active{color:var(--color-primary);font-weight:600}.nav-item.active:after{content:"";position:absolute;bottom:-22PX;left:50%;transform:translateX(-50%);width:24PX;height:3PX;border-radius:2PX;background:var(--color-primary)}.nav-item .badge-new{font-size:10PX;background:var(--color-accent);color:white;padding:1PX 5PX;border-radius:var(--radius-full);margin-left:4PX;vertical-align:top;font-weight:600}.header-actions{gap:var(--space-3);flex-shrink:0}.header-actions,.search-box{display:flex;align-items:center}.search-box{background:var(--color-slate-100);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);width:240PX;transition:all var(--transition-fast);border:1px solid transparent}.search-box:focus-within{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 3PX rgba(29,78,216,.1)}.search-box input{border:none;background:none;outline:none;flex:1;font-size:var(--text-sm);color:var(--color-slate-700)}.search-box input::-moz-placeholder{color:var(--color-slate-400)}.search-box input::placeholder{color:var(--color-slate-400)}.search-box svg{color:var(--color-slate-400);flex-shrink:0}.btn-publish{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-dark) 100%);color:white;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:0 2PX 8PX rgba(249,115,22,.3)}.btn-publish:hover{transform:translateY(-1PX);box-shadow:0 4PX 12PX rgba(249,115,22,.4);color:white}@media (min-width:1025PX) and (max-width:1280PX){.search-box{width:160PX}.logo-text{display:none}.nav-item{padding:var(--space-2) var(--space-3)}.header .container{gap:var(--space-5)}}@media (max-width:1024PX){.nav{display:none}.search-box{width:180PX}}@media (max-width:640PX){.search-box,.top-bar-right .hide-mobile{display:none}.btn-publish{padding:var(--space-2) var(--space-3)}.btn-publish span{display:none}}.footer{background:#ffffff;color:#333333;margin-top:var(--space-16);padding:var(--space-12) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-10)}.footer .footer-brand .logo-text{color:#333333;font-size:var(--text-md);font-weight:600}.footer-brand-header{display:flex;align-items:center;gap:var(--space-4);position:relative;top:-.375rem}.footer .footer-brand-header .logo-text{display:flex;align-items:center;color:#333333;font-size:var(--text-md);font-weight:600}.footer-desc{line-height:1.7;max-width:340PX;margin-bottom:var(--space-4)}.footer-contact,.footer-desc{font-size:var(--text-sm);color:#666666}.footer-contact{display:flex;flex-direction:column;gap:var(--space-2)}.footer-contact-item{display:flex;align-items:center;gap:var(--space-2)}.footer-col h4{font-size:var(--text-sm);font-weight:600;color:#333333;margin-bottom:var(--space-4)}.footer-col ul{display:flex;flex-direction:column;gap:var(--space-2)}.footer-col ul a{font-size:var(--text-sm);color:#666666;transition:color var(--transition-fast)}.footer-col ul a:hover{color:var(--color-primary)}.footer-social{display:flex;flex-direction:column;gap:var(--space-2)}.footer-social li a{font-size:var(--text-sm);color:#666666;transition:color var(--transition-fast)}.footer-social li a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid #e2e8f0;padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:#666666}.footer-links{display:flex;gap:var(--space-4)}.footer-links a{color:#666666}.footer-links a:hover{color:var(--color-primary)}.footer-brand-header .logo2{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.footer-brand-header .logo-img2{height:38PX;width:auto;-o-object-fit:contain;object-fit:contain;position:relative;top:-.375rem}.footer-brand-header .logo-text2{font-size:var(--text-md);font-weight:400;color:var(--color-slate-600);letter-spacing:0;line-height:1;display:flex;align-items:center}@media (max-width:1024PX){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:640PX){.footer-grid{grid-template-columns:1fr}}