/* 绉诲姩绔€傞厤 (max-width: 768px) */
@media (max-width: 768px) {
    /* 1. 淇瀵艰埅鏍忎綅缃拰浜や簰 */
    .book-summary {
        width: 260px !important;
        left: -260px !important; /* 鍒濆闅愯棌鍦ㄥ乏渚� */
        transition: transform 0.3s ease;
        z-index: 10;
        background: #f5f5f5;
        box-shadow: 2px 0 5px rgba(0,0,0,0.1);
    }
    
    /* 瀵艰埅鏍忓睍寮€鐘舵€� */
    .book.with-summary .book-summary {
        transform: translateX(260px);
    }

    /* 2. 鍐呭鍖哄煙閫傞厤 */
    .book .book-body {
        left: 0 !important;
        width: 100% !important;
        transition: transform 0.3s ease;
        transform: translateX(0);
    }
    
    /* 褰撳鑸睍寮€鏃跺唴瀹瑰尯鍩熷彸绉� */
    .book.with-summary .book-body {
        transform: translateX(260px);
    }

    /* 3. 淇骞惰嚜瀹氫箟鑿滃崟鎸夐挳 */
    .book-header .btn.btn-menu {
        display: block !important;
        position: fixed;
        left: 10px;
        top: 10px;
        z-index: 20;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 5px 10px;
        color: #333;
    }

    /* 4. 纭繚澶撮儴鍖哄煙鍙 */
    .book-header {
        position: fixed;
        width: 100%;
        background: #fff;
        z-index: 5;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }

    /* 5. 闅愯棌鍙充晶鐩綍 */
    .book-anchor {
        display: none !important;
    }

    /* 6. 璋冩暣椤甸潰鍐呰竟璺濓紝鐣欏嚭澶撮儴绌洪棿 */
    .page-inner {
        padding: 60px 15px 15px !important;
        max-width: 100% !important;
    }

    /* 7. 娣诲姞閬僵灞傛晥鏋� */
    .book.with-summary .book-body:after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 1;
    }

    /* 8. 浠ｇ爜鍜岃〃鏍间紭鍖� */
    pre code {
        white-space: pre-wrap;
        word-wrap: break-word;
    }
    table {
        display: block;
        overflow-x: auto;
    }

    /* 9. 鏍囬澶у皬璋冩暣 */
    h1 { font-size: 1.8em; }
    h2 { font-size: 1.5em; }
    h3 { font-size: 1.3em; }
}