* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
      background-color: #f5f5f5;
      color: #333;
      overflow-x: hidden;
    }
    /* 页面容器 */
    .page-container {
      display: none;
      min-height: 100vh;
    }
    .page-container.active {
      display: block;
    }
    /* 列表页样式 */
    .header {
      background-color: #2c5282;
      color: #fff;
      padding: 15px;
      text-align: center;
      font-size: 18px;
      font-weight: 500;
    }
    /* 页签样式 */
    .tabs {
      display: flex;
      background-color: #fff;
      border-bottom: 1px solid #eee;
      overflow-x: auto;
    }
    .tab {
      flex: 1;
      padding: 12px 0;
      text-align: center;
      font-size: 16px;
      font-weight: 500;
      color: #666;
      cursor: pointer;
      white-space: nowrap;
      border-bottom: 2px solid transparent;
    }
    .tab.active {
      color: #2c5282;
      border-bottom: 2px solid #2c5282;
    }
	.subject-content{
		display: none;
	}
	.subject-content.active{
		display: block;
	}
    /* 年级分组样式 */
    .grade-section {
      margin: 15px;
    }
    .grade-title {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 10px;
      color: #2c5282;
      display: flex;
      align-items: center;
    }
    .grade-title i {
      margin-right: 8px;
    }
    /* 课本列表样式 */
    .book-list {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
      gap: 10px;
      margin-bottom: 20px;
    }
    .book-item {
      background-color: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      overflow: hidden;
      cursor: pointer;
      transition: transform 0.2s ease;
    }
    .book-item:hover {
      transform: translateY(-3px);
    }
    .book-cover {
      height: 200px;
      background-color: #e2e8f0;
      overflow: hidden;
    }
    .book-cover img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .book-title {
      padding: 8px;
      font-size: 13px;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    /* 阅读页样式 */
    .reader-header {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 50px;
      background-color: #2c5282;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 15px;
      z-index: 100;
    }
    .back-btn {
      background: none;
      border: none;
      color: #fff;
      font-size: 16px;
      display: flex;
      align-items: center;
      cursor: pointer;
    }
    .back-btn i {
      margin-right: 5px;
    }
    .reader-title {
      font-size: 16px;
      font-weight: 500;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 60%;
    }
    .reader-menu {
      background: none;
      border: none;
      color: #fff;
      font-size: 20px;
      cursor: pointer;
    }
    /* PDF 容器 */
    #pdf-container {
      position: fixed;
      top: 50px;
      bottom: 60px;
      left: 0;
      right: 0;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      background-color: #f5f5f5;
	  display: flex;
    }
    .pdf-page {
      margin: 10px auto;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      border-radius: 4px;
      background-color: #fff;
    }
    /* 底部工具栏 */
    .reader-toolbar {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      height: 60px;
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding: 0 10px;
      border-top: 1px solid #eee;
      z-index: 100;
    }
    .toolbar-btn {
      background: none;
      border: none;
      color: #333;
      font-size: 14px;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 25%;
    }
    .toolbar-btn i {
      font-size: 20px;
      margin-bottom: 3px;
    }
    .toolbar-btn.active {
      color: #2c5282;
    }
    /* 弹窗通用样式 */
    .modal {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0,0,0,0.7);
      z-index: 200;
      display: none;
      align-items: center;
      justify-content: center;
    }
    .modal-content {
      background-color: #fff;
      border-radius: 8px;
      width: 90%;
      max-width: 400px;
      max-height: 80vh;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }
    .modal-header {
      padding: 15px;
      border-bottom: 1px solid #eee;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .modal-title {
      font-size: 18px;
      font-weight: 500;
    }
    .modal-close {
      background: none;
      border: none;
      color: #999;
      font-size: 24px;
      cursor: pointer;
    }
    .modal-body {
      padding: 15px;
    }
	/* 缩放控制特有样式 */
	    .zoom-controls {
	      display: flex;
	      align-items: center;
	      justify-content: center;
	      gap: 10px;
	      margin: 15px 0;
	    }
	    .zoom-btn {
	      background-color: #f5f5f5;
	      border: 1px solid #ddd;
	      color: #333;
	      padding: 8px 15px;
	      border-radius: 4px;
	      cursor: pointer;
	      font-size: 18px;
	    }
	    .zoom-btn:hover {
	      background-color: #eee;
	    }
	    #zoom-level {
	      font-size: 16px;
	      font-weight: bold;
	      width: 60px;
	      text-align: center;
	      border: 1px solid #ddd;
	      border-radius: 4px;
	      padding: 8px;
	    }
		.zoom-fit-options {
		  display: flex;
		  justify-content: center;
		  gap: 15px;
		  text-align: center;
		}
		.zoom-fit-options .toolbar-btn {
		  flex: 1; /* 让两个按钮平分空间 */
		  background-color: #f8f8f8;
		  border: 1px solid #eee;
		  border-radius: 8px;
		  padding: 12px 0;
		  cursor: pointer;
		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  justify-content: center;
		  font-size: 14px;
		  color: #333;
		}
		.zoom-fit-options .toolbar-btn i {
		  font-size: 20px;
		  margin-bottom: 5px;
		  color: #2c5282;
		}
		
    /* 加载提示 */
    .loading {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(255,255,255,0.8);
      display: none;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      z-index: 300;
    }
    .loading-spinner {
      width: 50px;
      height: 50px;
      border: 5px solid #f3f3f3;
      border-top: 5px solid #2c5282;
      border-radius: 50%;
      animation: spin 1s linear infinite;
      margin-bottom: 20px;
    }
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    .loading-text {
      font-size: 16px;
      color: #666;
    }
    /* 隐藏滚动条 */
    ::-webkit-scrollbar {
      width: 0;
      height: 0;
    }
    ::-webkit-scrollbar-thumb {
      background: transparent;
    }
    /* 适配横屏 */
    @media screen and (orientation: landscape) {
      .reader-header {
        height: 40px;
      }
      #pdf-container {
        top: 40px;
        bottom: 50px;
      }
      .reader-toolbar {
        height: 50px;
      }
    }
	
	    /* 页码控制特有样式 */
	    .page-input-container {
	      display: flex;
	      align-items: center;
	      justify-content: space-between;
	      gap: 10px;
	      margin: 15px 0;
	    }
	    #page-input {
	      flex-grow: 1; /* 让输入框占据大部分空间 */
	      font-size: 16px;
	      padding: 10px;
	      border: 1px solid #ddd;
	      border-radius: 4px;
	      text-align: center;
	    }
	    .page-info {
	      font-size: 16px;
	      color: #666;
	      white-space: nowrap;
	    }
		
		.footer{
			display: flex;
			justify-content: center;
			font-size: 12px;
			color:#666;
			padding: 10px 0;
		}