*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",Arial,sans-serif;-webkit-tap-highlight-color:transparent}body{background-color:#f4f5f7;display:flex;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}.overlay{display:none;position:fixed;top:0;left:180px;right:0;height:100%;background:rgba(0,0,0,0.5);z-index:999}.overlay.active{display:block}.sidebar{width:180px;background-color:#ff6b35;color:white;display:flex;flex-direction:column;position:fixed;height:100%;left:0;top:0;z-index:1000;transition:transform 0.3s ease}.logo{font-size:32px;font-weight:bold;padding:20px 0;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1)}.nav-btn{display:block;padding:15px 20px;color:white;font-size:16px;font-weight:bold;transition:background 0.2s;cursor:pointer}.nav-btn:hover,.nav-btn.active{background-color:rgba(255,255,255,0.2)}.sidebar-footer{margin-top:auto;padding:20px;font-size:12px;text-align:center;line-height:1.8;background:rgba(0,0,0,0.05)}.sidebar-footer a{text-decoration:underline;color:white}.user-sidebar{width:280px;background-color:#fff;color:#333;display:flex;flex-direction:column;position:fixed;height:100%;right:-280px;top:0;z-index:1000;transition:right 0.3s ease;box-shadow:-2px 0 5px rgba(0,0,0,0.1);overflow-y:auto}.user-sidebar.active{right:0}.user-sidebar-header{background:#ff6b35;color:white;padding:20px;text-align:center}.user-sidebar-header h3{margin:0;font-size:18px}.user-avatar-large{width:80px;height:80px;border-radius:50%;border:3px solid white;margin:15px auto;background-color:#f0f0f0;object-fit:cover}.user-info-content{padding:20px;flex:1}.user-info-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.user-info-label{font-size:12px;color:#999;margin-bottom:5px}.user-info-value{font-size:14px;color:#333;font-weight:bold}.user-info-value a{color:#ff6b35}.user-info-value a:hover{text-decoration:underline}.login-btn{display:block;width:100%;background:#ff6b35;color:white;text-align:center;padding:12px;margin-top:20px;cursor:pointer;font-weight:bold;border:none;border-radius:4px;font-size:16px}.login-btn:hover{background:#e05e2e}.logout-btn{display:block;width:100%;background:#f0f0f0;color:#666;text-align:center;padding:10px;margin-top:20px;cursor:pointer;font-weight:bold;border:1px solid #ddd;border-radius:4px;font-size:14px}.logout-btn:hover{background:#e0e0e0}.main-content{margin-left:180px;flex:1;width:calc(100% - 180px);display:flex;flex-direction:column;transition:margin 0.3s ease,width 0.3s ease}.top-bar{height:50px;background:white;box-shadow:0 1px 3px rgba(0,0,0,0.1);display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:14px;color:#333;position:fixed;top:0;left:180px;right:0;z-index:100;transition:left 0.3s ease}.menu-toggle{display:none;font-size:24px;cursor:pointer;color:#666;margin-right:15px}.user-toggle{display:flex;align-items:center;cursor:pointer;gap:8px}.user-toggle:hover .avatar{border-color:#ff6b35}.user-info{display:flex;align-items:center;gap:10px;margin-left:auto}.avatar{width:30px;height:30px;border-radius:50%;border:1px solid #eee;object-fit:cover;transition:border-color 0.2s}.container{padding:70px 20px 20px;width:100%;max-width:100%}.card{background:#fff;border:1px solid #e7e7e7;border-radius:4px;margin-bottom:20px;overflow:hidden}.card-header{background:#fafafa;padding:12px 20px;color:#ff6b35;font-weight:bold;font-size:16px;border-bottom:1px solid #e7e7e7;display:flex;justify-content:space-between;align-items:center}.card-body{padding:20px}.search-group{margin-top:10px}.input-wrapper{display:flex;border:2px solid #ff6b35;border-radius:4px;overflow:hidden}input[type="text"]{flex:1;padding:12px;border:none;outline:none;font-size:16px}.go-btn{background:#ff6b35;color:white;border:none;padding:0 30px;font-size:16px;font-weight:bold;cursor:pointer;transition:background 0.2s}.go-btn:hover{background:#e05e2e}@media (max-width:768px){.overlay{left:0}.sidebar{transform:translateX(-100%);width:240px;box-shadow:2px 0 5px rgba(0,0,0,0.2);z-index:1000}.sidebar.active{transform:translateX(0)}.user-sidebar{width:280px;right:-280px;z-index:1000}.user-sidebar.active{right:0}.main-content{margin-left:0;width:100%;transition:none}.top-bar{left:0 !important;right:0 !important;z-index:100;padding:0 20px;transition:none}.menu-toggle{display:flex}.container{padding:70px 10px 20px}}