/* ===== 手机端全局适配 ===== */
@media (max-width: 600px) {

/* --- 通用 --- */
body, html {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
body {
    display: block !important;
}
canvas {
    width: 100% !important;
    height: 100% !important;
}

/* --- 登录页 --- */
.log {
    min-width: auto !important;
    width: 85% !important;
    min-height: auto !important;
    padding: 1.5rem 1rem !important;
}
.logtitle {
    font-size: 28px !important;
    line-height: 60px !important;
}
.logbody .txt {
    width: 70% !important;
    font-size: 14px !important;
}
.logbody .sub {
    width: 70% !important;
    margin-left: 15% !important;
    height: 40px !important;
}
.ykbt {
    margin-left: 50% !important;
    font-size: 13px !important;
}

/* --- 主页 --- */
.content {
    margin-top: 10px !important;
    padding: 0 10px !important;
}
.content h1 {
    font-size: 1.4rem !important;
}
.content p {
    font-size: 0.85rem !important;
}

/* --- 个人介绍 (myself) --- */
.myself-container,
.page-content,
.main-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px !important;
}
.avatar-section {
    flex-direction: column !important;
    align-items: center !important;
}
.avatar-img {
    width: 120px !important;
    height: 120px !important;
}
.info-cards,
.skills-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}
.timeline-item {
    flex-direction: column !important;
    padding: 10px !important;
}

/* --- 爱好 (hobby) --- */
.templatemo-container,
.container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 10px !important;
}
.templatemo-content {
    padding: 10px !important;
}
.row {
    margin: 0 !important;
}
.col-md-3, .col-md-4, .col-md-6, .col-md-8, 
.col-sm-6, .col-xs-6, .col-lg-3, .col-lg-4 {
    width: 100% !important;
    float: none !important;
    padding: 5px !important;
}
.thumbnail img, .project-item img {
    width: 100% !important;
    height: auto !important;
}
.templatemo-site-title {
    font-size: 1.2rem !important;
}
.navbar-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

/* --- 收藏 (Collect) --- */
.collect-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}
.quote-card {
    width: 90% !important;
    margin: 10px auto !important;
}

/* --- 爱情 (love) --- */
.love-content,
.love-message {
    width: 90% !important;
    max-width: 100% !important;
    padding: 15px !important;
}
.heart-container {
    transform: scale(0.6) !important;
}

/* --- 加载页 --- */
.load .dot {
    width: 15px !important;
    height: 15px !important;
    margin: 15px 0 0 15px !important;
}

/* --- 音乐播放器 --- */
.music-player {
    bottom: 10px !important;
    right: 10px !important;
    transform: scale(0.8) !important;
    transform-origin: bottom right !important;
}

/* --- 页脚 --- */
.footer {
    padding: 15px 10px !important;
    font-size: 12px !important;
}
.footer-content {
    flex-direction: column !important;
    gap: 10px !important;
}

/* --- 按钮 --- */
button, .btn, input[type="submit"], input[type="button"] {
    font-size: 14px !important;
    padding: 10px 16px !important;
    min-height: 44px; /* iOS触摸目标建议 */
    touch-action: manipulation; /* 消除300ms延迟 */
    -webkit-tap-highlight-color: transparent;
}

/* --- love页提示框 --- */
.prompt, .prompta {
    width: 90vw !important;
    max-width: 90vw !important;
    padding: 18px !important;
}
.prompt p, .prompta p {
    font-size: 15px !important;
    margin-bottom: 12px !important;
}
.prompt button, .prompta button {
    padding: 12px 20px !important;
    font-size: 15px !important;
    margin: 6px !important;
    min-height: 44px;
    width: auto;
}
#sixthPrompt .button-container .button {
    padding: 10px 18px !important;
    font-size: 14px !important;
}

/* --- 导航 --- */
.navbar, .top-nav {
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding: 8px !important;
}
.nav-link, .nav-item {
    font-size: 13px !important;
    padding: 6px 10px !important;
}

/* --- 雪花/特效 --- */
.snowflakes {
    pointer-events: none !important;
}
}