|
|
| （未显示同一用户的2个中间版本） |
| 第1行： |
第1行： |
| {{#css: | | {{ResourceLoader|Agent.js}} |
| /* 战斗员管理器样式 */
| |
| .agent-manager { | |
| max-width: 1200px;
| |
| margin: 20px auto;
| |
| font-family: sans-serif;
| |
| }
| |
| | |
| .agent-section {
| |
| background: #f9f9f9;
| |
| border: 1px solid #ddd;
| |
| padding: 20px;
| |
| margin-bottom: 20px;
| |
| border-radius: 4px;
| |
| }
| |
| | |
| .agent-section h3 {
| |
| margin-top: 0;
| |
| color: #333;
| |
| border-bottom: 2px solid #0645ad;
| |
| padding-bottom: 10px;
| |
| }
| |
| | |
| .agent-button {
| |
| display: inline-block;
| |
| padding: 8px 16px;
| |
| margin: 5px;
| |
| background: #0645ad;
| |
| color: white;
| |
| cursor: pointer;
| |
| border-radius: 3px;
| |
| transition: background 0.3s;
| |
| }
| |
| | |
| .agent-button:hover {
| |
| background: #0b0080;
| |
| }
| |
| | |
| .agent-button.secondary {
| |
| background: #54595d;
| |
| }
| |
| | |
| .agent-button.secondary:hover {
| |
| background: #3c4043;
| |
| }
| |
| | |
| .agent-button.danger {
| |
| background: #d33;
| |
| }
| |
| | |
| .agent-button.danger:hover {
| |
| background: #b32;
| |
| }
| |
| | |
| .agent-select {
| |
| width: 100%;
| |
| padding: 8px;
| |
| margin: 10px 0;
| |
| border: 1px solid #ddd;
| |
| border-radius: 3px;
| |
| background: white;
| |
| cursor: pointer;
| |
| }
| |
| | |
| .agent-input,
| |
| .agent-textarea {
| |
| width: 100%;
| |
| padding: 8px;
| |
| margin: 5px 0;
| |
| border: 1px solid #ddd;
| |
| border-radius: 3px;
| |
| box-sizing: border-box;
| |
| font-family: monospace;
| |
| }
| |
| | |
| .agent-textarea {
| |
| min-height: 150px;
| |
| font-size: 13px;
| |
| }
| |
| | |
| .agent-form-group {
| |
| margin-bottom: 15px;
| |
| }
| |
| | |
| .agent-form-group label {
| |
| display: block;
| |
| font-weight: bold;
| |
| margin-bottom: 5px;
| |
| color: #333;
| |
| }
| |
| | |
| .agent-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
| |
| gap: 10px;
| |
| margin: 10px 0;
| |
| }
| |
| | |
| .agent-list-item {
| |
| padding: 10px;
| |
| background: white;
| |
| border: 1px solid #ddd;
| |
| border-radius: 3px;
| |
| cursor: pointer;
| |
| transition: all 0.2s;
| |
| }
| |
| | |
| .agent-list-item:hover {
| |
| background: #f0f0f0;
| |
| border-color: #0645ad;
| |
| }
| |
| | |
| .agent-loading {
| |
| text-align: center;
| |
| padding: 20px;
| |
| color: #666;
| |
| }
| |
| | |
| .agent-message {
| |
| padding: 10px;
| |
| margin: 10px 0;
| |
| border-radius: 3px;
| |
| }
| |
| | |
| .agent-message.success {
| |
| background: #d4edda;
| |
| border: 1px solid #c3e6cb;
| |
| color: #155724;
| |
| }
| |
| | |
| .agent-message.error {
| |
| background: #f8d7da;
| |
| border: 1px solid #f5c6cb;
| |
| color: #721c24;
| |
| }
| |
| | |
| .agent-message.info {
| |
| background: #d1ecf1;
| |
| border: 1px solid #bee5eb;
| |
| color: #0c5460;
| |
| }
| |
| | |
| .agent-tabs {
| |
| display: flex;
| |
| border-bottom: 2px solid #ddd;
| |
| margin-bottom: 20px;
| |
| }
| |
| | |
| .agent-tab {
| |
| padding: 10px 20px;
| |
| cursor: pointer;
| |
| background: #f9f9f9;
| |
| border: 1px solid #ddd;
| |
| border-bottom: none;
| |
| margin-right: 5px;
| |
| border-radius: 4px 4px 0 0;
| |
| }
| |
| | |
| .agent-tab.active {
| |
| background: white;
| |
| border-bottom: 2px solid white;
| |
| margin-bottom: -2px;
| |
| font-weight: bold;
| |
| }
| |
| | |
| .agent-tab:hover {
| |
| background: #f0f0f0;
| |
| }
| |
| | |
| .agent-tab-content {
| |
| display: none;
| |
| }
| |
| | |
| .agent-tab-content.active {
| |
| display: block;
| |
| }
| |
| | |
| .agent-field-row {
| |
| display: grid;
| |
| grid-template-columns: 1fr 1fr;
| |
| gap: 15px;
| |
| }
| |
| | |
| @media (max-width: 768px) {
| |
| .agent-field-row {
| |
| grid-template-columns: 1fr;
| |
| }
| |
| }
| |
| }} | |