.login-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}#tsparticles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.login-content{position:relative;z-index:2;animation:fadeIn .8s ease;width:100%;padding:16px;max-width:450px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-card{width:100%;box-shadow:0 10px 40px #00000026;border-radius:16px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:36px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0;letter-spacing:3px}.login-subtitle{font-size:14px;color:#666;margin:0}.login-tips{text-align:center;margin-top:16px}.login-tips p{font-size:12px;color:#999;margin:4px 0;line-height:1.5}.login-footer{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;color:#595959}.login-footer a{color:#667eea;margin-left:8px;text-decoration:none;font-weight:500}.login-footer a:hover{color:#764ba2;text-decoration:underline}.login-card .ant-input:focus,.login-card .ant-input-password .ant-input:focus{box-shadow:0 0 0 2px #667eea33}.login-card .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;transition:all .3s ease}.login-card .ant-btn-primary:hover{opacity:.9;box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.login-content{padding:12px}.login-card{border-radius:12px}.login-card .ant-card-body{padding:24px 20px}.login-header{margin-bottom:24px}.login-title{font-size:28px;letter-spacing:2px}.login-subtitle{font-size:13px}}@media (max-width: 480px){.login-content{padding:8px}.login-card .ant-card-body{padding:20px 16px}.login-title{font-size:24px;letter-spacing:1px}.login-subtitle{font-size:12px}.login-tips p{font-size:11px}.login-footer{font-size:13px}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.register-content{width:100%;max-width:450px;padding:20px}.register-card{border-radius:12px;box-shadow:0 8px 32px #0000001a;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.register-header{text-align:center;margin-bottom:32px}.register-title{font-size:36px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;letter-spacing:2px}.register-subtitle{font-size:16px;color:#8c8c8c;margin:0}.register-footer{text-align:center;margin-top:16px;color:#595959}.register-footer a{color:#667eea;margin-left:8px;text-decoration:none;font-weight:500}.register-footer a:hover{color:#764ba2;text-decoration:underline}@media (max-width: 768px){.register-content{padding:12px}.register-card .ant-card-body{padding:24px 20px}.register-header{margin-bottom:24px}.register-title{font-size:28px;letter-spacing:1.5px}.register-subtitle{font-size:14px}}@media (max-width: 480px){.register-content{padding:8px}.register-card{border-radius:8px}.register-card .ant-card-body{padding:20px 16px}.register-title{font-size:24px;letter-spacing:1px}.register-subtitle,.register-footer{font-size:13px}}.layout-container{width:100%;height:100%}.layout-sider{box-shadow:2px 0 8px #00000026}.logo{height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff1a}.logo h1{color:#fff;font-size:24px;font-weight:700;margin:0;transition:all .3s}.layout-header{background:#fff;padding:0 24px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center;height:64px}.header-left{display:flex;align-items:center}.trigger{font-size:18px;cursor:pointer;transition:color .3s}.trigger:hover{color:#1890ff}.header-right{display:flex;align-items:center}.user-info{cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .3s}.user-info span{color:#333;font-weight:500}.user-info:hover{background-color:#0000000d}.layout-content{margin:24px;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:auto}.content-wrapper{min-height:100%}@media (max-width: 768px){.layout-header{padding:0 16px;height:56px}.trigger{font-size:20px}.layout-content{margin:12px;padding:16px;border-radius:4px}.user-info{padding:6px 8px}}@media (max-width: 480px){.layout-header{padding:0 12px}.layout-content{margin:8px;padding:12px}}.home-page{width:100%}.page-header{margin-bottom:24px}.page-header h2{font-size:24px;font-weight:600;margin:0 0 8px;color:#262626}.page-header p{color:#8c8c8c;margin:0}.stat-card{height:100%;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.stat-content{display:flex;align-items:center}.stat-icon{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;margin-right:16px;flex-shrink:0}.stat-info{flex:1;min-width:0}.stat-title{font-size:14px;color:#8c8c8c;margin-bottom:4px}.stat-value{font-size:28px;font-weight:600;color:#262626;margin-bottom:4px}.stat-trend{font-size:12px}.trend-up{color:#52c41a;margin-right:8px}.trend-down{color:#f5222d;margin-right:8px}.trend-label{color:#8c8c8c}.progress-card{height:100%;text-align:center}.progress-card .ant-progress-circle{margin:20px 0}.progress-info{margin-top:16px}.progress-info p{margin:4px 0;color:#595959}.status-progress{padding:16px 0}.status-item{margin-bottom:16px}.status-item:last-child{margin-bottom:0}.status-item span{display:inline-block;width:80px;color:#595959;font-size:14px}.sales-trend{margin-top:16px;font-size:14px}.announcements-list{display:flex;flex-direction:column;gap:16px}.announcement-item{padding:16px;background:#fafafa;border-radius:8px;border-left:3px solid #1890ff;transition:all .3s}.announcement-item:hover{background:#f0f0f0;box-shadow:0 2px 8px #00000014}.announcement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.announcement-title{display:flex;align-items:center;flex:1;flex-wrap:wrap;gap:4px;min-width:0}.announcement-time{color:#999;font-size:12px;white-space:nowrap}.announcement-content{color:#595959;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}@media (max-width: 768px){.page-header h2{font-size:20px}.page-header p{font-size:13px}.stat-card:hover{transform:none}.stat-icon{width:48px;height:48px;font-size:24px;margin-right:12px}.stat-title{font-size:13px}.stat-value{font-size:22px}.stat-trend{font-size:11px}.progress-card .ant-progress-circle{margin:12px 0}.progress-info p{font-size:13px}.status-item span{width:70px;font-size:13px}.sales-trend{font-size:13px}.announcement-item{padding:12px;border-radius:6px}.announcement-header{flex-direction:column;align-items:flex-start}.announcement-title{width:100%}.announcement-time{align-self:flex-end}.announcement-content{font-size:12px}}@media (max-width: 480px){.page-header{margin-bottom:16px}.page-header h2{font-size:18px}.page-header p{font-size:12px}.stat-icon{width:40px;height:40px;font-size:20px;margin-right:10px}.stat-title{font-size:12px}.stat-value{font-size:18px}.stat-trend{font-size:10px}.trend-label{display:none}.status-item span{width:60px;font-size:12px}.announcement-item{padding:10px}.announcement-content{font-size:11px}}.order-list{width:100%}.page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.filter-bar{margin-bottom:16px;padding:16px;background:#fafafa;border-radius:4px}.batch-actions{display:flex;align-items:center;margin:16px 0 0;padding:12px;background:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;flex-wrap:wrap;gap:8px}.batch-label{font-weight:500;margin-right:12px;color:#262626}.tip-message{margin:16px 0;padding:8px 12px;background:#fff7e6;border:1px solid #ffd591;border-radius:4px;font-size:13px}.order-detail p{margin:8px 0;line-height:1.8}.order-detail strong{display:inline-block;width:100px}.mobile-order-detail{padding:8px 0}.mobile-order-detail .ant-descriptions{margin-bottom:16px}.mobile-order-detail .ant-descriptions-item-label{font-weight:500;background:#fafafa}.mobile-order-detail .ant-btn{height:42px;font-size:15px}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;margin-bottom:16px}.page-header h3{font-size:16px;width:100%}.filter-bar{padding:12px}.batch-actions{padding:10px;flex-direction:column;align-items:flex-start}.batch-label{width:100%;margin-bottom:8px}.tip-message{font-size:12px;padding:6px 10px}.order-detail strong{width:80px;font-size:13px}.order-detail p{font-size:13px;line-height:1.6}.order-list .ant-table-wrapper{overflow-x:auto}.order-list .ant-table{min-width:800px}.order-list .ant-btn{padding:4px 8px;font-size:12px}.order-list .ant-space{gap:4px!important}.mobile-order-detail-modal .ant-modal-body{padding:16px 12px}.mobile-order-detail .ant-descriptions-item-label{width:90px;font-size:13px;padding:8px 10px}.mobile-order-detail .ant-descriptions-item-content{font-size:13px;padding:8px 10px}.mobile-order-detail .ant-divider{margin:16px 0 12px}.mobile-order-detail .ant-btn{height:40px;font-size:14px}}@media (max-width: 480px){.page-header h3{font-size:15px}.filter-bar{padding:10px}.batch-actions{padding:8px}.batch-label{font-size:13px}.tip-message{font-size:11px}.order-detail strong{width:70px;font-size:12px}.order-detail p{font-size:12px;margin:6px 0}.order-list .ant-btn{padding:2px 6px;font-size:11px}.order-list .ant-pagination{margin-top:12px}.order-list .ant-pagination-item,.order-list .ant-pagination-prev,.order-list .ant-pagination-next{min-width:28px;height:28px;line-height:28px}.mobile-order-detail-modal .ant-modal-body{padding:12px 8px}.mobile-order-detail .ant-descriptions-item-label{width:80px;font-size:12px;padding:6px 8px}.mobile-order-detail .ant-descriptions-item-content{font-size:12px;padding:6px 8px}.mobile-order-detail .ant-btn{height:38px;font-size:13px}.mobile-order-detail .ant-divider-inner-text{font-size:13px}}.order-create{width:100%;height:calc(100vh - 112px);overflow:hidden}.order-create-layout{display:flex;gap:16px;height:100%}.order-create-left{width:420px;flex-shrink:0;overflow-y:auto;padding-right:8px}.order-create-left::-webkit-scrollbar{width:6px}.order-create-left::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.order-create-left::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.order-create-right{flex:1;overflow-y:auto;padding-right:8px}.order-create-right::-webkit-scrollbar{width:6px}.order-create-right::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.order-create-right::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.order-create .ant-card-head-title{font-size:18px;font-weight:600}.order-create .ant-form-item-label>label{font-weight:500;font-size:14px}.order-create .ant-select-selector,.order-create .ant-input,.order-create .ant-input-textarea textarea{border-radius:4px}.order-create .ant-form-item-extra{margin-top:4px;color:#999;font-size:12px}.order-create-form-card{margin-bottom:16px}.order-create-tips-card{background:#fffbe6;border:1px solid #ffe58f}.course-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background:#f5f5f5;border-radius:8px}.course-list-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.empty-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#999;font-size:14px}.empty-placeholder-icon{font-size:64px;margin-bottom:16px;color:#d9d9d9}@media (max-width: 1024px){.order-create-left{width:360px}}@media (max-width: 768px){.order-create{height:auto;overflow:visible}.order-create-layout{flex-direction:column;height:auto}.order-create-left,.order-create-right{width:100%;overflow-y:visible;padding-right:0}.order-create .ant-card-head-title{font-size:16px}.order-create .ant-form-item-label>label{font-size:13px}.order-create-form-card{margin-bottom:12px}.course-list-header{padding:10px 12px;margin-bottom:12px}.course-list-header h3{font-size:15px}.empty-placeholder{height:300px;font-size:13px}.empty-placeholder-icon{font-size:48px}}@media (max-width: 480px){.order-create .ant-card-head-title{font-size:15px}.order-create .ant-form-item-label>label{font-size:12px}.order-create .ant-form-item-extra{font-size:11px}.course-list-header{padding:8px 10px;flex-direction:column;align-items:flex-start;gap:8px}.course-list-header h3{font-size:14px}.empty-placeholder{height:200px;font-size:12px}.empty-placeholder-icon{font-size:40px;margin-bottom:12px}}.user-center{width:100%}.user-header{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.user-header .ant-card-body{padding:32px}.user-profile{display:flex;gap:32px;align-items:flex-start}.avatar-section{display:flex;flex-direction:column;align-items:center}.avatar-section .ant-avatar{background:#fff;color:#667eea;border:4px solid rgba(255,255,255,.3)}.avatar-section .ant-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.avatar-section .ant-btn:hover{background:#ffffff4d;border-color:#ffffff80}.user-info{flex:1;color:#fff}.user-info h2{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.user-role{color:#fffc;margin-bottom:24px}.user-info .ant-descriptions-item-label{color:#fffc}.user-info .ant-descriptions-item-content{color:#fff}.security-section{max-width:600px}.security-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #f0f0f0}.security-item:last-child{border-bottom:none}.security-info h4{margin:0 0 8px;font-size:16px;font-weight:500;color:#262626}.security-info p{margin:0;color:#8c8c8c;font-size:14px}@media (max-width: 768px){.user-profile{flex-direction:column;align-items:center;text-align:center}.user-info .ant-descriptions{text-align:left}}.feedback-page{width:100%}.feedback-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.feedback-page .page-header h3{margin:0;font-size:18px;font-weight:600}@media (max-width: 768px){.feedback-page .page-header{flex-direction:column;align-items:flex-start}.feedback-page .page-header h3{font-size:16px;width:100%}.feedback-page .ant-form-item{margin-bottom:12px}}@media (max-width: 480px){.feedback-page .page-header h3{font-size:15px}}.admin-dashboard{padding:0}.admin-dashboard h2{margin:0 0 24px;font-size:24px;font-weight:600;color:#262626}.admin-dashboard .ant-card{box-shadow:0 1px 2px #00000008}.admin-dashboard .ant-card-head{border-bottom:2px solid #f0f0f0}.admin-dashboard .ant-statistic-title{font-size:14px;color:#8c8c8c}.admin-dashboard .ant-statistic-content{font-size:24px;font-weight:600}@media (max-width: 768px){.admin-dashboard h2{margin:0 0 16px;font-size:20px}.admin-dashboard .ant-statistic-title{font-size:13px}.admin-dashboard .ant-statistic-content{font-size:20px}}@media (max-width: 480px){.admin-dashboard h2{font-size:18px}.admin-dashboard .ant-statistic-title{font-size:12px}.admin-dashboard .ant-statistic-content{font-size:18px}}.admin-users{padding:0}.admin-users .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.admin-users .page-header h3{margin:0;font-size:18px;font-weight:600}@media (max-width: 768px){.admin-users .page-header{flex-direction:column;align-items:flex-start}.admin-users .page-header h3{font-size:16px;width:100%}.admin-users .ant-table-wrapper{overflow-x:auto}.admin-users .ant-table{min-width:800px}}@media (max-width: 480px){.admin-users .page-header h3{font-size:15px}}.admin-orders{padding:0}.admin-orders .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.admin-orders .page-header h3{margin:0;font-size:18px;font-weight:600}.admin-orders .filter-bar{padding:16px;background:#fafafa;border-radius:4px;margin-bottom:16px}@media (max-width: 768px){.admin-orders .page-header{flex-direction:column;align-items:flex-start}.admin-orders .page-header h3{font-size:16px;width:100%}.admin-orders .filter-bar{padding:12px}.admin-orders .ant-table-wrapper{overflow-x:auto}.admin-orders .ant-table{min-width:1000px}}@media (max-width: 480px){.admin-orders .page-header h3{font-size:15px}.admin-orders .filter-bar{padding:10px}}.admin-platforms{padding:0}.admin-platforms .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.admin-platforms .page-header h3{margin:0;font-size:18px;font-weight:600}@media (max-width: 768px){.admin-platforms .page-header{flex-direction:column;align-items:flex-start}.admin-platforms .page-header h3{font-size:16px;width:100%}.admin-platforms .ant-table-wrapper{overflow-x:auto}.admin-platforms .ant-table{min-width:800px}}@media (max-width: 480px){.admin-platforms .page-header h3{font-size:15px}}.admin-categories{padding:0}.admin-categories .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.admin-categories .page-header h3{margin:0;font-size:18px;font-weight:600}@media (max-width: 768px){.admin-categories .page-header{flex-direction:column;align-items:flex-start}.admin-categories .page-header h3{font-size:16px;width:100%}.admin-categories .ant-table-wrapper{overflow-x:auto}.admin-categories .ant-table{min-width:600px}}@media (max-width: 480px){.admin-categories .page-header h3{font-size:15px}}.admin-announcements{width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-header h3{margin:0;font-size:18px;font-weight:600}.filter-bar{padding:12px;background:#fafafa;border-radius:4px}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;margin-bottom:16px}.page-header h3{font-size:16px;width:100%}.filter-bar{padding:10px}.admin-announcements .ant-table-wrapper{overflow-x:auto}.admin-announcements .ant-table{min-width:800px}}@media (max-width: 480px){.page-header h3{font-size:15px}.filter-bar{padding:8px}}.admin-feedback{width:100%}.admin-feedback .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.admin-feedback .page-header h3{margin:0;font-size:18px;font-weight:600}@media (max-width: 768px){.admin-feedback .page-header{flex-direction:column;align-items:flex-start}.admin-feedback .page-header h3{font-size:16px;width:100%}.admin-feedback .ant-table-wrapper{overflow-x:auto}.admin-feedback .ant-table{min-width:800px}}@media (max-width: 480px){.admin-feedback .page-header h3{font-size:15px}}.admin-config{padding:0}.admin-config .config-tips{margin-top:32px;padding:16px;background:#fffbe6;border:1px solid #ffe58f;border-radius:4px}.admin-config .config-tips h4{margin:0 0 12px;color:#ad6800;font-size:14px;font-weight:600}.admin-config .config-tips ul{margin:0;padding-left:20px;color:#ad6800;font-size:12px}.admin-config .config-tips li{margin-bottom:4px}@media (max-width: 768px){.admin-config .config-tips{margin-top:24px;padding:12px}.admin-config .config-tips h4{font-size:13px}.admin-config .config-tips ul{font-size:11px;padding-left:16px}}@media (max-width: 480px){.admin-config .config-tips{padding:10px}.admin-config .config-tips h4{font-size:12px}.admin-config .config-tips ul{font-size:10px}}.agent-manage{padding:0}.agent-manage .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:16px}.agent-manage .page-header h3{margin:0;font-size:18px;font-weight:600}@media (max-width: 768px){.agent-manage .page-header{flex-direction:column;align-items:flex-start}.agent-manage .page-header h3{font-size:16px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width: 768px){.ant-card{border-radius:8px}.ant-card-head,.ant-card-body{padding:16px}.ant-btn{font-size:14px;height:auto;padding:6px 15px}.ant-btn-lg{font-size:16px;padding:8px 20px}.ant-btn-sm{font-size:12px;padding:4px 10px}.ant-form-item{margin-bottom:16px}.ant-modal{max-width:calc(100vw - 32px);margin:16px auto}.ant-modal-body{padding:16px}.ant-table-wrapper{font-size:13px}.ant-table-thead>tr>th{padding:10px 8px;font-size:13px}.ant-table-tbody>tr>td{padding:10px 8px;font-size:13px}.ant-select,.ant-input,.ant-input-number,.ant-picker{font-size:14px}.ant-message{top:20px}.ant-notification{margin-right:8px}}@media (max-width: 480px){.ant-card-head,.ant-card-body{padding:12px}.ant-btn{font-size:13px;padding:5px 12px}.ant-btn-lg{font-size:15px;padding:7px 18px}.ant-form-item{margin-bottom:12px}.ant-modal{max-width:calc(100vw - 16px);margin:8px auto}.ant-modal-body{padding:12px}.ant-table-thead>tr>th{padding:8px 6px;font-size:12px}.ant-table-tbody>tr>td{padding:8px 6px;font-size:12px}.ant-input,.ant-input-number,.ant-picker,.ant-select{font-size:13px}}@media (hover: none) and (pointer: coarse){.ant-btn,.ant-card,a,button{-webkit-tap-highlight-color:rgba(0,0,0,.1)}}