/* 平板设备 */
@media (min-width: 768px) {
    .container {
        /* max-width: 600px; */
        /* padding: 30px; */
    }
    
    .header h1 {
        font-size: 1.8rem;
    }
    
    .intro-text {
        /* padding: 30px; */
    }
    
    .button-group {
        gap: 20px;
    }
    
    .btn {
        padding: 18px 25px;
        font-size: 20px;
    }
    .divination .input-group {
      /* flex-direction: row; */
    }
    .divination .number-input {
      min-width: 80px;
    }
}

/* 桌面设备 */
@media (min-width: 1024px) {
    body {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #app {
        width: 100%;
        max-width: 640px;
    }
}

/* 超小设备适配 */
@media (max-width: 320px) {
    .intro-text {
        padding: 15px;
    }
    
    .intro-text p, .intro-text li {
        font-size: 14px;
    }
    
    .btn {
        padding: 14px 16px;
        font-size: 16px;
    }
}

/* 防止iOS缩放 */
@supports (-webkit-touch-callout: none) {
    body {
        min-height: -webkit-fill-available;
    }
}

/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
    .intro-text, .page-content {
        background: rgba(30, 30, 40, 0.9);
        color: #f0f0f0;
    }
    
    .btn-secondary {
        background: rgba(30, 30, 40, 0.9);
        color: #8fa6ff;
    }
}