.auth-modal-login .ant-modal-content,.auth-modal-logout .ant-modal-content{padding:0!important;border-radius:8PX!important;overflow:hidden;box-shadow:0 24PX 80PX rgba(0,0,0,.18)!important}.auth-modal-login,.auth-modal-logout{width:680PX!important}.auth-modal-body{display:flex;min-height:440PX}.auth-brand-panel{width:240PX;background:linear-gradient(180deg,#0c2a5c,#0f3d7a 50%,#1a5ba8);padding:40PX 28PX;color:#fff;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.1) 0,transparent 50%);pointer-events:none}.auth-brand-panel:after{content:"";position:absolute;bottom:-60PX;left:-60PX;right:-60PX;height:160PX;background:radial-gradient(ellipse at center,rgba(255,255,255,.06) 0,transparent 70%);pointer-events:none}.auth-brand-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20PX}.auth-brand-logo{width:72PX;height:72PX;background:#fff;border-radius:14PX;display:flex;align-items:center;justify-content:center;padding:10PX;box-shadow:0 6PX 24PX rgba(0,0,0,.2)}.auth-brand-logo-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.auth-brand-title{font-size:24PX;font-weight:700;color:#fff;margin:0;line-height:1.3}.auth-brand-subtitle{font-size:14PX;color:rgba(255,255,255,.8);margin:0;line-height:1.5}.auth-brand-features{list-style:none;padding:0;margin:12PX 0 0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:14PX;width:100%}.auth-brand-features li{display:flex;align-items:center;gap:10PX;font-size:13PX;color:rgba(255,255,255,.9);line-height:1.4}.auth-brand-features li .anticon{color:#22c55e;font-size:14PX;flex-shrink:0}.auth-form-panel{flex:1;background:#fff;padding:48PX 40PX 32PX;position:relative}.auth-form-close{position:absolute;top:20PX;right:20PX;width:32PX;height:32PX;display:flex;align-items:center;justify-content:center;color:#999;font-size:18PX;cursor:pointer;border-radius:6PX;transition:all .2s}.auth-form-close:hover{color:#333;background:#f5f5f5}.auth-form-header{margin-bottom:8PX}.auth-form-title{font-size:20PX;font-weight:600;color:#1a1a1a;margin:0}.auth-tabs .ant-tabs-nav{margin-bottom:24PX}.auth-tabs .ant-tabs-tab{font-size:15PX!important;font-weight:500!important;padding:10PX 0!important;margin-right:36PX!important}.auth-tabs .ant-tabs-tab,.auth-tabs .ant-tabs-tab .ant-tabs-tab-btn{color:rgba(0,0,0,.88)!important}.auth-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn{color:#000!important}.auth-tabs .ant-tabs-tab.ant-tabs-tab-active{color:#000!important;font-weight:700!important}.auth-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#000!important;font-weight:700!important;text-shadow:none!important}.auth-tabs .ant-tabs-ink-bar{background:#000!important;height:3PX!important;border-radius:3PX}.auth-form .ant-form-item{margin-bottom:18PX}.auth-form .ant-input,.auth-form .ant-input-affix-wrapper{border-radius:8PX!important;border-color:#e5e7eb!important;padding:10PX 14PX!important;font-size:14PX!important;height:44PX!important;line-height:22PX!important}.auth-form .ant-input-affix-wrapper{display:flex!important;align-items:center!important;padding:0 14PX!important}.auth-form .ant-input-affix-wrapper .ant-input{height:44PX!important;line-height:22PX!important;padding:0!important}.auth-form .ant-input-affix-wrapper input{line-height:22PX!important;vertical-align:middle!important}.auth-form .ant-input-affix-wrapper:hover,.auth-form .ant-input:hover{border-color:#1a5ba8!important}.auth-form .ant-input-affix-wrapper:focus,.auth-form .ant-input:focus{border-color:#1a5ba8!important;box-shadow:0 0 0 3PX rgba(26,91,168,.1)!important}.auth-form .ant-btn-primary{background:#1a5ba8!important;border-color:#1a5ba8!important;border-radius:10PX!important;font-size:15PX!important;font-weight:600!important;height:46PX!important;margin-top:8PX!important}.auth-form .ant-btn-primary:hover{background:#0f3d7a!important;border-color:#0f3d7a!important}.auth-form-footer{text-align:center;font-size:13PX;color:#666;margin-top:16PX}.auth-form-footer a{color:#1a5ba8;font-weight:500;cursor:pointer;margin-left:4PX}.auth-form-footer a:hover{text-decoration:underline}.auth-code-row{display:flex;gap:12PX}.auth-code-input{flex:1}.auth-code-btn{width:130PX;height:44PX;border:1px solid #e5e7eb;border-radius:8PX;display:flex;align-items:center;justify-content:center;color:#1a5ba8;font-size:14PX;font-weight:500;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s;background:#fff}.auth-code-btn:hover:not(.disabled){border-color:#1a5ba8;background:#f0f7ff}.auth-code-btn.disabled{color:#999;cursor:not-allowed;background:#f5f5f5}.auth-modal-register .ant-modal-content{padding:0!important;border-radius:16PX!important;overflow:hidden}.auth-modal-register .ant-modal-header{padding:16PX 24PX!important;margin-bottom:0!important}.auth-modal-register .ant-modal-body{padding:36PX!important}.auth-modal-register .ant-form-item{margin-bottom:14PX!important}.register_checkbox .ant-checkbox-inner{width:14PX!important;height:14PX!important}.register_checkbox{margin-top:.5rem!important}.auth-dropdown .ant-dropdown-menu{width:12rem!important;border-radius:0}.auth-modal-logout .ant-form-item{margin-bottom:1rem!important}.auth-logout-info{padding:8PX 0 0}.auth-logout-row{display:flex;align-items:center;margin-bottom:20PX;font-size:14PX;line-height:1.5}.auth-logout-label{color:#666;font-weight:400;white-space:nowrap;flex-shrink:0}.auth-logout-value{color:#333;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-logout-btn{width:100%!important;height:46PX!important;margin-top:32PX!important;border-radius:10PX!important;font-size:15PX!important;font-weight:600!important;background:#1a5ba8!important;border-color:#1a5ba8!important}.auth-logout-btn:hover{background:#0f3d7a!important;border-color:#0f3d7a!important}@media (max-width:375PX){.auth-modal-login,.auth-modal-logout{width:95vw!important;max-width:360PX}.auth-brand-panel{width:240PX;padding:24PX}.auth-form-panel{padding:24PX}}.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-mark{display:flex;align-items:center}.logo-mark{width:38PX;height:38PX;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);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:hover .logo-mark{transform:scale(1.08) rotate(-5deg)}.nav{display:flex;align-items:center;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 (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);margin-bottom:var(--space-3)}.footer .footer-brand-header .logo-text{display:flex;align-items:center;color:#333333;font-size:var(--text-md);font-weight:600}.footer-brand-header .logo{display:flex;align-items:center}.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)}.logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.logo-img{height:38PX;width:auto;-o-object-fit:contain;object-fit:contain}.logo-text{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}}