/* 极简复古风格 */
        body {
            background: #c0c0c0;
            margin: 0;
            padding: 20px;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: "Pixelated MS Sans Serif", Arial, sans-serif;
            -webkit-font-smoothing: none;
        }
        
        .container {
            max-width: 100%;
            width: 100%;
            margin: 0 auto;
        }
        
        /* 主窗口 */
        .main-window {
            background: silver;
            box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px grey, inset 2px 2px #fff;
            padding: 3px;
            margin-bottom: 20px;
        }
        
        .title-bar {
            background: linear-gradient(90deg, navy, #1084d0);
            padding: 3px 2px 3px 3px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .title-bar-text {
            font-weight: bold;
            color: #fff;
            letter-spacing: 0;
            margin-right: 24px;
            font-size: 12px;
        }
        
        .window-body {
            margin: 8px;
            padding: 10px;
        }
        
        /* 青春主题样式 */
        .youth-title {
            text-align: center;
            margin: 20px 0 30px 0;
            color: #000080;
            font-size: 24px;
            text-shadow: 1px 1px 0 #fff;
        }
        
        .youth-subtitle {
            text-align: center;
            color: #800000;
            margin-bottom: 30px;
            font-size: 14px;
        }
        
        /* 问答区域 */
        .qa-container {
            margin: 20px 0;
        }
        
        .question-box, .answer-box {
            background: #fff;
            box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
            padding: 8px 12px;
            margin: 10px 0;
            min-height: 24px;
            display: flex;
            align-items: center;
            font-size: 14px;
            line-height: 1.4;
            word-break: break-all;
            overflow: hidden;
        }
        
        .question-label, .answer-label {
            color: #000080;
            font-weight: bold;
            margin-right: 8px;
            white-space: nowrap;
        }
        
        .answer-label {
            color: #008000;
        }
        
        /* 打字机效果 */
        .typewriter {
            display: inline-block;
            overflow: hidden;
            white-space: nowrap;
            letter-spacing: 0.5px;
        }
        
        .cursor {
            display: inline-block;
            width: 2px;
            height: 14px;
            background: #000;
            margin-left: 2px;
            animation: blink 1s infinite;
            vertical-align: middle;
        }
        
        @keyframes blink {
            0%, 50% { opacity: 1; }
            51%, 100% { opacity: 0; }
        }
        
        /* 输入区域 */
        .input-container {
            margin: 20px 0;
        }
        
        .input-row {
            display: flex;
            gap: 10px;
            align-items: center;
        }
        
        .input-field {
            flex: 1;
        }
        
        .input-field input {
            width: 100%;
            box-sizing: border-box;
            font-size: 14px;
            padding: 4px 8px;
            transition: all 0.3s ease;
        }
        
        /* 提交后的输入框样式 */
        .input-field input.submitted {
            color: #808080;
            background-color: #f0f0f0;
            cursor: pointer;
            border: 1px solid #c0c0c0;
        }
        
        .input-field input.submitted:hover {
            background-color: #e8e8e8;
            border-color: #a0a0a0;
        }
        
        .input-field input.submitted:focus {
            color: #000;
            background-color: #fff;
            cursor: text;
            border-color: #000080;
        }
        
        .char-count {
            color: #808080;
            font-size: 11px;
            text-align: right;
            margin-top: 4px;
        }
        
        /* 状态区域 */
        .status-bar {
            background: silver;
            box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px grey, inset 2px 2px #fff;
            padding: 4px 8px;
            margin-top: 20px;
            font-size: 11px;
            color: #000;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .status-indicator {
            display: flex;
            align-items: center;
            gap: 6px;
        }
        
        .status-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #c0c0c0;
            box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff;
        }
        
        .status-dot.online {
            background: #00ff00;
        }
        
        .status-dot.offline {
            background: #ff0000;
        }
        
        /* 移动端适配 */
        @media (max-width: 640px) {
            body {
                padding: 10px;
            }
            
            .container {
                max-width: 100%;
            }
            
            .input-row {
                flex-direction: column;
                gap: 8px;
            }
            
            .input-field {
                width: 100%;
            }
            
            button {
                width: 100%;
            }
            
            .youth-title {
                font-size: 20px;
            }
            
            .youth-subtitle {
                font-size: 12px;
            }
        }
        
        /* 限制提示 */
        .limit-hint {
            color: #808080;
            font-size: 11px;
            text-align: center;
            margin-top: 10px;
            padding: 4px;
            background: #f0f0f0;
            box-shadow: inset -1px -1px #fff, inset 1px 1px grey;
        }