@media screen and (min-width: 1025px) {

                                                                         
    .top-bar { height: 60px; padding: 0 28px; }
    .brand { font-size: 15.5px; letter-spacing: 0.015em; }
    .header-right { gap: 8px; }
    .icon-btn { width: 38px; height: 38px; border-radius: 9px; }
    .icon-btn svg { width: 21px; height: 21px; }

                                                                  
    .main-container { max-width: 1180px; padding: 28px 48px 90px; }

                   
    .cards-grid {
        grid-template-columns: repeat(auto-fill, minmax(min(360px, 100%), 1fr));
        gap: 22px;
    }
    .doc-card { padding: 24px 26px; gap: 12px; }
    .card-title { font-size: 1.3em; }
    .card-excerpt { font-size: 0.95em; line-height: 1.7; }
    .card-meta { font-size: 0.85em; gap: 14px; }
    .card-author { font-size: 0.85em; }
    .tag { font-size: 0.8em; padding: 3px 10px; border-radius: 5px; }

             
    .category-bar { padding: 10px 16px; margin-bottom: 22px; gap: 8px; }
    .category-bar-item { padding: 6px 14px; font-size: 0.88em; }

                      
    .sidebar-item { padding: 10px 12px; border-radius: 10px; margin-bottom: 3px; }
    .sidebar-item-text { font-size: 14px; }
    .sidebar-list { padding: 10px; }
    .sidebar-search input { font-size: 14px; padding: 9px 12px; }

                          
    .markdown-body { max-width: 1040px; margin: 0 auto; padding: 48px 56px; }
    .markdown-body h1 { font-size: 2.3em; }
    .markdown-body h2 { font-size: 1.7em; margin-top: 1.8em; }
    .markdown-body h3 { font-size: 1.35em; margin-top: 1.6em; }
    .markdown-body p { font-size: 1.05em; line-height: 1.78; }
    .markdown-body li { line-height: 1.78; }
    .markdown-body pre { margin: 2em 0; border-radius: 12px; }
    .doc-header .doc-title { font-size: 2.3em; }
    .doc-header .doc-info { font-size: 14px; gap: 14px; }

                   
    .prev-next-nav { margin-top: 28px; gap: 16px; }
    .prev-next-btn { padding: 24px 28px; }

                  
    .comment-section { max-width: 1040px; margin-left: auto; margin-right: auto; }

                          
    .dropdown-panel { max-width: 560px; }
    .share-modal { max-width: 380px; padding: 32px; }
    .cmt-confirm-box { max-width: 380px; padding: 32px; }
    .verify-popup-box { max-width: 380px; padding: 32px; }
    .kbd-help-box { max-width: 620px; padding: 36px 40px; }
    .cmt-profile-box { max-width: 520px; }

                                                       
    .mc-page {
        max-width: 1120px;
        padding: 0 32px 90px;
                                               
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 22px;
        align-items: start;
    }
    .mc-page > .mc-header,
    .mc-page > .mc-hero-carousel,
    .mc-page > .mc-nav { grid-column: 1 / -1; }
    .mc-page > .mc-level-bar { margin-bottom: 16px; }
    .mc-sec-title { font-size: 15px; }
    .mc-header { padding-top: 18px; }
    .mc-title { font-size: 18px; }

                        
    body[style*="min-height:100vh"] > div[style*="max-width:320px"] {
        max-width: 420px !important;
        padding: 56px 44px !important;
    }

                                              
    .about-main { max-width: 980px; padding: 36px 28px 80px; }
    .version-hero { padding: 84px 48px 68px; border-radius: 24px; }
    .version-hero .os-name { font-size: 2.6em; }
    .check-btn { font-size: 0.95em; padding: 12px 34px; }
    .github-card { padding: 22px 26px; gap: 16px; }
    .github-icon { width: 52px; height: 52px; border-radius: 14px; }
    .github-name { font-size: 17px; }
    .github-desc { font-size: 13px; }

                                                       
    .friends-main { max-width: 1160px; padding: 32px 28px 80px; }
    .page-title { font-size: 1.5em; }
    .page-desc { font-size: 0.95em; margin-bottom: 24px; }
    .fl-grid { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; }
    .fl-card { padding: 18px 20px; gap: 14px; }
    .fl-icon { width: 52px; height: 52px; border-radius: 14px; }
    .fl-name { font-size: 15px; }
    .fl-desc { font-size: 12.5px; }
    .fl-apply { padding: 18px; }
    .self-card { padding: 20px 24px; }
    .self-row { font-size: 13px; }

                                                     
    .rss-main {
        max-width: 1120px;
        padding: 32px 28px 80px;
                              
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 22px;
        align-items: start;
    }
    .rss-main > * { grid-column: 1 / -1; }
    .rss-main > .info-card { grid-column: 1 / 2; }
    .rss-main > .how-card { grid-column: 2 / 3; }
    .url-card { padding: 22px 24px; }
    .feed-card { padding-bottom: 6px; }
    .feed-item { padding: 14px 18px; }
    .feed-item-title { font-size: 15px; }
    .info-card { padding: 18px 20px; }
    .info-row { font-size: 13px; }

                                     
    .error-container { max-width: 560px; padding: 48px; }
    .error-code { font-size: 140px; }

                                            
    .profile-container { max-width: 720px; }
    .msg-container { max-width: 880px; }

                                                    
    .admin-main { max-width: 1080px; padding: 28px 24px 80px; }
    .admin-main .card { padding: 20px 22px; }

                                                            
    .desk-music { display: inline-flex !important; }
    .music-popup {
        top: calc(var(--header-height, 56px) + 10px);
        bottom: auto; right: 28px; width: 340px;
    }

                                                       
    .chat-main { max-width: 1180px; padding: 28px 32px 60px; }

                   
    .hub-grid {
        display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        gap: 18px;
    }
    .hub-card { padding: 22px 24px; }
    .hub-tt { font-size: 1.15em; }
    .hub-sub { font-size: 0.92em; }
    .hub-form { padding: 20px 22px; }
    .page-title { font-size: 1.5em; }
    .page-desc { font-size: 0.95em; }

                            
    .msg-wrap { max-width: 960px; }
    .composer-inner { max-width: 960px; }
    .msg-list { padding: 24px 28px 16px; gap: 18px; }
    .msg-avatar { width: 38px; height: 38px; }
    .msg-name { font-size: 12.5px; }
    .msg-bubble {
        font-size: 14.5px; padding: 11px 16px; border-radius: 14px;
        max-width: 72%;
    }
    .msg-time { font-size: 11px; }
    .composer { padding: 14px 28px calc(14px + env(safe-area-inset-bottom)); }
    .composer-inner input, .composer-inner textarea {
        font-size: 14.5px; padding: 11px 16px;
    }
    .send-btn { padding: 11px 26px; font-size: 14px; border-radius: 14px; }

               
    .panel { max-width: 460px; padding: 30px 28px; }
    .big-code { font-size: 2em; letter-spacing: 0.18em; }
    .qr-box { width: 200px; height: 200px; }
    .code-input { font-size: 1.3em; padding: 12px 16px; }
    .btn { padding: 11px 22px; font-size: 14px; border-radius: 12px; }
    .chip { padding: 7px 16px; font-size: 13.5px; }
    .overlay-state { inset: 60px 0 0 0; }
}