:root{--primary-color:#f8ebba;--primary-color-hover:#c5b677;--primary-color-1:#b5c577;--primary-color-2:#a1c577;--primary-color-3:#c59e77;--primary-color-rgb:248,235,186;--btn-bg-rgb-1:255,255,255;--bg-rgb-1:255,255,255;--bg-rgb-2:0,0,0;--text-color-1:#c5b677;--text-color-1-hover:#222831;--text-color-disabled:#7e7e7e;--border-color-1:#c5b677;--border-color-rgba:rgba(248,235,168,0.5);--disabled-color-1:#cdcdcd}:root.light{--primary-color:#222831;--primary-color-hover:#ff7c5e;--primary-color-1:#dc7b28;--primary-color-2:#c5a922;--primary-color-3:#f97316;--primary-color-rgb:0,0,0;--btn-bg-rgb-1:0,0,0;--bg-rgb-1:0,0,0;--bg-rgb-2:255,255,255;--text-color-1:#1b1b1b;--text-color-1-hover:#222831;--text-color-disabled:#7e7e7e;--border-color-1:rgba(38,38,38,0.5);--border-color-rgba:rgba(0,0,0,0.5);--disabled-color-1:#c2c2c2}input:-webkit-autofill{border:1px solid var(--border-color-rgba)!important;-webkit-text-fill-color:var(--text-color-1)!important;background-color:rgba(var(--bg-rgb-1),0.02)!important;transition:background-color 5000s ease-in-out 0s!important}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none}hr{background-color:var(--border-color);border:none;height:1px;margin-top:10px;margin-bottom:10px}p{line-height:1.5rem;letter-spacing:2px}body{font-family:Arial,sans-serif;color:var(--text-color-1);line-height:1.6;display:flex;min-height:100vh}.sidebar{width:90px;padding:10px 0;position:fixed;height:100vh;left:0;overflow-y:auto;box-shadow:0 5px 15px rgba(0,0,0,0.3);z-index:100}.sidebar-header h1{font-size:1.8rem;margin-bottom:5px;color:var(--primary-color);letter-spacing:2px}.sidebar-header p{font-size:0.9rem;color:var(--text-color-2)}.nav-list{margin-top:40px;list-style:none}.nav-item{margin-bottom:5px}.nav-link{display:block;padding:4px 6px;color:var(--text-color-1);text-decoration:none;border-radius:4px;transition:all 0.3s ease;font-size:1rem}.nav-link:hover{background-color:var(--hover-color);color:var(--primary-color-hover)}.nav-link.active{background-color:rgba(var(--primary-color-rgb),0.2);color:var(--primary-color-hover);border-left:3px solid var(--primary-color)}.main-content{flex:1;margin-left:90px;padding:10px}.container{width:auto}.page-title{text-align:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border-color);font-size:2.2rem;letter-spacing:3px}.hexagrams-container{display:grid;gap:25px}.hexagram-card{border:1px solid var(--border-color-1);border-radius:8px;padding:10px;box-shadow:0 5px 15px rgba(0,0,0,0.3);transition:transform 0.3s ease}.hexagram-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.4)}.hexagram-title{margin-bottom:10px;color:var(--primary-color);text-align:center;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.hexagram-info{font-style:italic;margin-bottom:10px;color:var(--text-color-1);text-align:center}.hexagram-content{margin-bottom:15px;font-size:1.1rem}.hexagram-judgment{font-weight:bold;margin-bottom:10px;color:var(--primary-color)}.hexagram-commentary{margin-bottom:10px;font-size:0.8rem}.hexagram-lines{font-size:0.8rem}.hexagram-line{margin-bottom:10px;padding-left:5px;border-left:1px solid var(--border-color-2)}.hexagram-line strong{color:var(--primary-color)}.search-container{position:fixed;z-index:1000;margin-top:10px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.search-input{color:var(--text-color-1);width:90px;padding:8px 12px;border:1px solid var(--border-color-1);border-radius:4px;font-size:14px;outline:none;background:rgb(var(--bg-rgb-2));backdrop-filter:blur(10px) saturate(180%) contrast(100%) brightness(100%);-webkit-backdrop-filter:blur(10px) saturate(180%) contrast(100%) brightness(100%);transition:border-color 0.3s}.search-input:focus{border-color:#4CAF50}.nav-item.active{background-color:#4CAF50!important;color:white!important}.nav-item.highlight{background-color:#ffeb3b!important;animation:pulse 1s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.hexagram-card:target{border:3px solid #4CAF50;box-shadow:0 0 20px rgba(76,175,80,0.5)}.max-button{display:flex;position:fixed;width:30px;height:30px;top:15px;right:15px;z-index:9999;cursor:pointer;background-color:rgba(0,0,0,0.2)}.max-button img{margin-top:0;margin-bottom:0}