@charset "UTF-8";.gua-catalog-btn{background:linear-gradient(135deg,#ffd700 0%,#ffbc2c 100%);border:2px solid #e0a800;border-radius:8px;color:#6c5200;font-weight:600;padding:6px 12px;transition:all .3s ease;box-shadow:0 2px 8px #ffd7004d}.gua-catalog-btn:hover{background:linear-gradient(135deg,#e0a800 0%,#d4a74a 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ffd70066;color:#6c5200}.gua-catalog-btn i{margin-right:4px}@media (max-width: 767.98px){.gua-catalog-btn{padding:4px 8px;font-size:.75rem;right:4px!important;top:2px!important}.gua-catalog-btn .catalog-text{display:none}.gua-catalog-btn i{margin-right:2px;font-size:.8rem}}.gua-catalog-grid{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1050;overflow-y:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.catalog-container{max-width:1200px;margin:20px auto;background:linear-gradient(135deg,#fff9e6 0%,#fff3d3 100%);border-radius:20px;box-shadow:0 10px 30px #0000004d;border:3px solid #ffd57b;animation:catalogSlideIn .3s ease-out}@keyframes catalogSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.catalog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:2px solid #ffd57b;background:linear-gradient(135deg,#ffd700 0%,#ffbc2c 100%);border-radius:17px 17px 0 0}.catalog-header h5{color:#6c5200;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1);margin:0}.catalog-header .catalog-close{background:none;border:none;font-size:1.5rem;color:#6c5200;opacity:.8;transition:all .2s ease}.catalog-header .catalog-close:hover{opacity:1;transform:scale(1.1)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;padding:25px;max-height:70vh;overflow-y:auto}.gua-item{background:rgba(255,255,255,.8);border:2px solid #ffe4b3;border-radius:12px;transition:all .3s ease;overflow:hidden}.gua-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #ffd57b66;border-color:gold}.gua-item.current-gua{background:linear-gradient(135deg,#ffd700 0%,#ffbc2c 100%);border-color:#e0a800;box-shadow:0 4px 15px #ffd70080}.gua-item.current-gua .gua-link{color:#6c5200}.gua-item.current-gua .gua-number,.gua-item.current-gua .gua-name{color:#6c5200;font-weight:700}.gua-link{display:block;text-decoration:none;color:#6c5200;padding:12px;text-align:center}.gua-link:hover{color:#856000;text-decoration:none}.gua-image{margin-bottom:8px}.gua-image .gua-symbol{width:100%;max-width:60px;height:auto;opacity:.9;transition:all .3s ease;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1))}.gua-item:hover .gua-symbol{opacity:1;transform:scale(1.05)}.gua-info .gua-number{font-size:.8rem;color:#856000;margin-bottom:2px;font-weight:600}.gua-info .gua-name{font-size:.9rem;color:#6c5200;font-weight:600;font-family:Microsoft YaHei,serif}.gua-main-content{margin-top:20px}.gua-title-card{background:linear-gradient(135deg,#fff9e6 0%,#fff3d3 100%);border:3px solid #ffd57b;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 8px 25px #ffd57b4d;position:relative}.gua-title-card:before{content:"📚 周易经典";position:absolute;top:-12px;left:30px;background:linear-gradient(135deg,#ffd700 0%,#ffbc2c 100%);color:#6c5200;padding:6px 16px;border-radius:15px;font-size:.8rem;font-weight:700;box-shadow:0 3px 10px #ffd57b66;border:2px solid #ffd57b}.gua-title-header{display:flex;align-items:center;gap:25px}.gua-symbol-large{flex-shrink:0}.gua-symbol-large .main-gua-image{width:80px;height:auto;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.2));border-radius:10px;background:rgba(255,255,255,.8);padding:8px}.gua-title-info{flex:1}.gua-title-info .gua-main-title{font-size:2.2rem;color:#6c5200;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1);font-family:Microsoft YaHei,serif}.gua-title-info .gua-subtitle{font-size:1.2rem;color:#856000;font-weight:600;opacity:.9}.gua-content-section .gua-card{background:linear-gradient(135deg,#fff9e6 0%,#fff3d3 100%);border:2px solid #ffd57b;border-radius:15px;margin-bottom:25px;box-shadow:0 4px 15px #ffd57b33;overflow:hidden;transition:all .3s ease}.gua-content-section .gua-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd57b4d}.gua-content-section .gua-card-header{background:linear-gradient(135deg,#ffd700 0%,#ffbc2c 100%);padding:15px 25px;border-bottom:2px solid #ffd57b}.gua-content-section .gua-card-header h4{color:#6c5200;font-weight:700;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.1);font-size:1.1rem}.gua-content-section .gua-card-body{padding:25px;background:rgba(255,255,255,.8)}.gua-content-section .gua-card-body p{line-height:1.8;margin-bottom:15px;color:#6c5200;font-size:1rem}.gua-content-section .gua-card-body p:last-child{margin-bottom:0}.gua-original-text .original-content{background:linear-gradient(135deg,#fff 0%,#fffef7 100%);border:1px solid #ffe4b3;border-radius:10px;padding:20px;font-family:Microsoft YaHei,KaiTi,serif;text-align:center}.gua-original-text .original-content p{font-size:1.1rem;font-weight:600;letter-spacing:2px;text-shadow:1px 1px 2px rgba(0,0,0,.05)}.vernacular-content p,.divination-content p,.scholar-interpretation p,.modern-interpretation p,.taiwan-interpretation p{text-align:justify;text-indent:2rem}.gua-navigation{display:flex;justify-content:center;align-items:center;gap:15px;margin:40px 0;padding:20px;background:linear-gradient(135deg,#fff9e6 0%,#fff3d3 100%);border:2px solid #ffd57b;border-radius:15px;flex-wrap:wrap}.gua-nav-btn{padding:10px 20px;border-radius:25px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 10px #0000001a;border:2px solid #ffd700;cursor:pointer;pointer-events:auto;z-index:10;position:relative}.gua-nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0003}.gua-nav-btn.btn-warning{background:linear-gradient(135deg,#ffd700 0%,#ffbc2c 100%);color:#6c5200}.gua-nav-btn.btn-warning:hover{background:linear-gradient(135deg,#e0a800 0%,#d4a74a 100%);border-color:#e0a800;color:#6c5200}.gua-nav-btn.btn-outline-warning{background:transparent;color:#6c5200}.gua-nav-btn.btn-outline-warning:hover{background:linear-gradient(135deg,#ffd700 0%,#ffbc2c 100%);border-color:#e0a800;color:#6c5200}.gua-nav-btn i{margin:0 4px;pointer-events:none}@media (max-width: 768px){.catalog-container{margin:10px;border-radius:15px}.catalog-header{padding:15px 20px;border-radius:12px 12px 0 0}.catalog-header h5{font-size:1rem}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;padding:15px;max-height:75vh}.gua-item{border-radius:8px}.gua-link{padding:8px}.gua-image .gua-symbol{max-width:50px}.gua-info .gua-number{font-size:.7rem}.gua-info .gua-name{font-size:.8rem}.gua-title-card{padding:20px;margin-bottom:20px}.gua-title-card:before{left:20px;font-size:.7rem;padding:4px 12px}.gua-title-header{flex-direction:column;text-align:center;gap:15px}.gua-symbol-large .main-gua-image{width:60px}.gua-title-info .gua-main-title{font-size:1.8rem}.gua-title-info .gua-subtitle{font-size:1rem}.gua-content-section .gua-card-header{padding:12px 20px}.gua-content-section .gua-card-header h4{font-size:1rem}.gua-content-section .gua-card-body{padding:20px}.gua-content-section .gua-card-body p{font-size:.95rem}.gua-original-text .original-content{padding:15px}.gua-original-text .original-content p{font-size:1rem;letter-spacing:1px}.gua-navigation{flex-direction:column;gap:10px}.gua-navigation .gua-nav-btn{width:100%;max-width:200px}}@media (max-width: 480px){.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;padding:12px}.gua-item{border-radius:6px}.gua-link{padding:6px}.gua-image .gua-symbol{max-width:40px}.gua-info .gua-number{font-size:.65rem}.gua-info .gua-name{font-size:.75rem}.gua-title-card{padding:15px}.gua-title-card:before{font-size:.65rem;padding:3px 10px}.gua-title-info .gua-main-title{font-size:1.5rem}.gua-title-info .gua-subtitle{font-size:.9rem}.gua-symbol-large .main-gua-image{width:50px}.gua-content-section .gua-card-header{padding:10px 15px}.gua-content-section .gua-card-header h4{font-size:.9rem}.gua-content-section .gua-card-body{padding:15px}.gua-content-section .gua-card-body p{font-size:.9rem;text-indent:1.5rem}.gua-original-text .original-content{padding:12px}.gua-original-text .original-content p{font-size:.95rem;letter-spacing:.5px}}.catalog-grid::-webkit-scrollbar{width:8px}.catalog-grid::-webkit-scrollbar-track{background:rgba(255,213,123,.2);border-radius:4px}.catalog-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ffd700 0%,#ffbc2c 100%);border-radius:4px}.catalog-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e0a800 0%,#d4a74a 100%)}