:root{--bg:#0c0b09;--bg-card:#ffffff08;--gold:#d4a843;--gold-light:#e8d08a;--gold-dim:#d4a84333;--red:#8b1a1a;--red-bright:#c0392b;--jade:#2d6a4f;--text:#f5ead8;--text-dim:#f5ead899;--border:#d4a84333}*{box-sizing:border-box;margin:0;padding:0}body{background:#0c0b09;background:var(--bg);color:#f5ead8;color:var(--text);font-family:"Noto Serif TC",serif;min-height:100vh}.app{margin:0 auto;max-width:960px;padding:0 20px 60px}.app-header{padding:40px 0 24px;text-align:center}.app-header h1{color:#d4a843;color:var(--gold);font-size:clamp(2rem,5vw,3.2rem);font-weight:900;margin-bottom:6px;text-shadow:0 2px 20px #d4a8434d}.app-header .subtitle{color:#f5ead899;color:var(--text-dim);font-size:.85rem;letter-spacing:3px}.divider{align-items:center;display:flex;gap:16px;margin:20px 0;opacity:.35}.divider:after,.divider:before{background:linear-gradient(90deg,#0000,#d4a843,#0000);background:linear-gradient(90deg,#0000,var(--gold),#0000);content:"";flex:1 1;height:1px}.divider span{color:#d4a843;color:var(--gold);font-size:14px}.tabs{background:#ffffff08;background:var(--bg-card);border:1px solid #d4a84333;border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.tab{background:none;border:1px solid #0000;border-radius:8px;color:#f5ead899;color:var(--text-dim);cursor:pointer;flex:1 1;font-family:"Noto Serif TC",serif;font-size:.85rem;letter-spacing:1px;padding:10px 6px;text-align:center;transition:all .3s}.tab:hover{color:#e8d08a;color:var(--gold-light)}.tab.active{background:linear-gradient(135deg,#d4a84333,#d4a8430f);border-color:#d4a84333;border-color:var(--border);color:#d4a843;color:var(--gold)}.card{background:linear-gradient(135deg,#8b1a1a1a,#0c0b09cc);border:1px solid #d4a84333;border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:28px}.card-plain{background:#ffffff08;background:var(--bg-card);border:1px solid #d4a84333;border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:24px}.section-title{color:#d4a843;color:var(--gold);font-size:.72rem;letter-spacing:4px;opacity:.7;text-transform:uppercase}.form-group,.section-title{margin-bottom:16px}.form-group label{color:#e8d08a;color:var(--gold-light);display:block;font-size:.85rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:8px;color:#f5ead8;color:var(--text);font-family:"Noto Serif TC",serif;font-size:.9rem;padding:10px 14px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d4a843;border-color:var(--gold);outline:none}.form-group textarea{min-height:80px;resize:vertical}.manual-strokes{background:#e8a83814;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:16px}.manual-strokes-title{color:#e8d08a;color:var(--gold-light);font-size:.85rem;margin-bottom:12px}.manual-strokes-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.manual-stroke-item{align-items:center;display:flex;gap:8px}.manual-char{color:#d4a843;color:var(--gold);font-size:1.2rem;min-width:28px;text-align:center}.manual-stroke-item input{background:#ffffff0d;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:6px;color:#f5ead8;color:var(--text);font-family:"Noto Serif TC",serif;font-size:.9rem;padding:6px 10px;text-align:center;width:70px}.manual-stroke-item input:focus{border-color:#d4a843;border-color:var(--gold);outline:none}.form-hint{color:#f5ead899;color:var(--text-dim);display:block;font-size:.75rem;line-height:1.5;margin-top:4px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.btn{align-items:center;background:linear-gradient(135deg,#d4a84333,#d4a8430d);border:1px solid #d4a843;border:1px solid var(--gold);border-radius:8px;color:#d4a843;color:var(--gold);cursor:pointer;display:inline-flex;font-family:"Noto Serif TC",serif;font-size:.95rem;justify-content:center;letter-spacing:2px;padding:12px 28px;transition:all .3s}.btn:hover{background:linear-gradient(135deg,#d4a84359,#d4a8431a);box-shadow:0 0 20px #d4a84326}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-full{width:100%}.quick-ranges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.quick-ranges button{background:none;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:6px;color:#f5ead899;color:var(--text-dim);cursor:pointer;font-family:"Noto Serif TC",serif;font-size:.78rem;padding:6px 14px;transition:all .2s}.quick-ranges button.active,.quick-ranges button:hover{border-color:#d4a843;border-color:var(--gold);color:#d4a843;color:var(--gold)}.segment-options{display:flex;gap:8px;margin-bottom:12px}.segment-btn{align-items:center;background:none;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:8px;color:#f5ead899;color:var(--text-dim);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:"Noto Serif TC",serif;gap:2px;padding:10px 12px;transition:all .25s}.segment-btn:hover{color:#e8d08a;color:var(--gold-light)}.segment-btn.active,.segment-btn:hover{border-color:#d4a843;border-color:var(--gold)}.segment-btn.active{background:linear-gradient(135deg,#d4a84333,#d4a8430f);color:#d4a843;color:var(--gold)}.segment-interval{font-size:.88rem;font-weight:600}.segment-desc{font-size:.72rem;opacity:.7}.hex-header{align-items:flex-start;display:flex;gap:24px;margin-bottom:20px}.hex-symbol{font-size:64px;line-height:1;text-shadow:0 0 30px #d4a84366}.hex-info h2,.hex-symbol{color:#d4a843;color:var(--gold)}.hex-info h2{font-size:1.6rem;margin-bottom:4px}.hex-info .hex-sub{color:#f5ead899;color:var(--text-dim);font-size:.78rem;letter-spacing:2px;margin-bottom:8px}.hex-info p{color:#f5ead8;color:var(--text);font-size:.88rem;line-height:1.8;opacity:.85}.hex-lines{display:flex;flex-direction:column-reverse;gap:6px;padding:16px;width:fit-content}.hex-line{align-items:center;display:flex;gap:8px}.hex-line .line-bar{border-radius:2px;height:8px;width:60px}.hex-line .line-bar.yang{background:#d4a843;background:var(--gold)}.hex-line .line-bar.yin{background:#0000;border-top:8px solid #d4a843;border-top:8px solid var(--gold);width:25px}.hex-line .line-bar.yin+.line-bar.yin{margin-left:10px}.hex-line.moving .line-bar{box-shadow:0 0 8px #d4a84399}.hex-line .yao-label{color:#f5ead899;color:var(--text-dim);font-size:.72rem;min-width:30px}.timeline{display:flex;flex-direction:column;gap:3px}.yao-row{grid-gap:14px;align-items:center;border:1px solid #0000;border-radius:8px;display:grid;gap:14px;grid-template-columns:56px 1fr auto;padding:12px 16px;position:relative;transition:all .25s}.yao-row:before{background:#d4a843;background:var(--gold);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .25s;width:3px}.yao-row:hover{background:#d4a8430f;border-color:#d4a84333;border-color:var(--border)}.yao-row:hover:before{opacity:1}.yao-row .yao-num{color:#d4a843;color:var(--gold);font-size:.78rem;font-weight:700}.yao-row .yao-period{color:#f5ead8;color:var(--text);font-size:.85rem}.yao-row .yao-period .desc{color:#f5ead899;color:var(--text-dim);font-size:.75rem;font-style:italic}.timeline-v2{display:flex;flex-direction:column;gap:4px}.tl-row,.tl-row-wrap{position:relative}.tl-row{grid-gap:12px;align-items:center;border:1px solid #0000;border-radius:10px;display:grid;gap:12px;grid-template-columns:80px 1fr auto;padding:12px 14px;transition:all .25s}.tl-row:before{background:#d4a843;background:var(--accent-color,var(--gold));border-radius:3px 0 0 3px;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .25s;width:3px}.tl-row:hover{background:#ffffff08;border-color:#d4a84326}.tl-row:hover:before{opacity:1}.tl-row.tl-moving{background:#f0c04014;border-color:#f0c04040}.tl-row.tl-moving:before{opacity:1}.tl-yao-col{align-items:center;display:flex;flex-direction:column;gap:4px}.tl-yao-name{font-size:.72rem;font-weight:600;letter-spacing:1px}.tl-period-col{min-width:0}.tl-period-label{color:#f5ead8;color:var(--text);font-size:.85rem;font-weight:500;margin-bottom:2px}.tl-period-desc{color:#f5ead899;color:var(--text-dim);font-size:.72rem;font-style:italic}.tl-status-col{align-items:center;display:flex;gap:8px}.tl-sancai{color:#d4a84366;font-size:.6rem;letter-spacing:1px}.tl-status{border-radius:20px;font-size:.65rem;font-weight:600;letter-spacing:1px;padding:2px 8px;white-space:nowrap}.tl-status-stable{background:#2d6a4f33;border:1px solid #6fcf9740;color:#6fcf97}.tl-status-caution{background:#d4a8431f;border:1px solid #d4a84340;color:#e8d08a;color:var(--gold-light)}.tl-status-moving{animation:statusPulse 2s ease-in-out infinite;background:#f0c04033;border:1px solid #f0c04059;color:#f0c040}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 #f0c04000}50%{box-shadow:0 0 8px 2px #f0c04033}}.tl-pyramid-hint{border-top:1px solid #d4a84333;border-top:1px solid var(--border);color:#d4a84366;font-size:.7rem;gap:8px;margin-top:16px;padding:8px 12px}.cal-nav,.tl-pyramid-hint{align-items:center;display:flex}.cal-nav{gap:20px;justify-content:center;margin-bottom:16px}.cal-nav-btn{background:none;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:6px;color:#d4a843;color:var(--gold);cursor:pointer;font-size:1rem;height:32px;transition:all .2s;width:32px}.cal-nav-btn:hover{background:#d4a8431a;border-color:#d4a84333;border-color:var(--gold-dim)}.cal-nav-label{color:#e8d08a;color:var(--gold-light);font-family:"Noto Serif TC",serif;font-size:1rem;font-weight:600;min-width:120px;text-align:center}.cal-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}.cal-header-cell{color:#f5ead899;color:var(--text-dim);font-size:.72rem;font-weight:500;padding:4px 0;text-align:center}.cal-cell{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:3px 1px 2px;transition:all .2s}.cal-cell:hover:not(.empty){background:#ffffff0a;border-color:#d4a84326}.cal-cell.today{background:#d4a8430f;border-color:#d4a84333;border-color:var(--gold-dim)}.cal-cell.today .cal-day-num{color:#d4a843;color:var(--gold);font-weight:700}.cal-cell.selected{background:#d4a8431f;border-color:#d4a843;border-color:var(--gold)}.cal-day-num{color:#f5ead8;color:var(--text);font-size:1.1rem;font-weight:600;line-height:1;margin-bottom:2px}.cal-day-great{color:#d4a843!important;color:var(--gold)!important;font-weight:700!important}.cal-cell-great{animation:cellGlow 2.5s ease-in-out infinite}@keyframes cellGlow{0%,to{box-shadow:inset 0 0 6px #d4a84326,0 0 4px #d4a8431a}50%{box-shadow:inset 0 0 12px #d4a8434d,0 0 8px #d4a84333}}.cal-tian{grid-gap:1px;border-radius:4px;display:grid;gap:1px;grid-template-columns:1fr 1fr 1fr;overflow:hidden;width:100%}.cal-tian-cell{align-items:center;display:flex;justify-content:center;min-height:14px;padding:1px 0;transition:all .2s}.cal-tian-text{color:#f5ead8d9;font-size:.4rem;font-weight:500;letter-spacing:.02em;line-height:1}.cal-legend{align-items:center;border-top:1px solid #d4a84333;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:10px}.cal-legend-dims{display:flex;gap:10px}.cal-legend-levels{display:flex;gap:8px}.cal-legend-item{align-items:center;color:#f5ead899;color:var(--text-dim);display:flex;font-size:.65rem;gap:3px}.cal-legend-swatch{border-radius:2px;display:inline-block;height:10px;width:12px}.cal-theory{background:#d4a8430a;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:8px;margin-top:14px;padding:12px 14px}.cal-theory-title{color:#d4a843;color:var(--gold);font-family:"Noto Serif TC",serif;font-size:.82rem;font-weight:700;margin-bottom:8px}.cal-theory-body p{color:#f5ead899;color:var(--text-dim);font-size:.72rem;line-height:1.6;margin-bottom:8px}.cal-theory-layers{display:flex;flex-direction:column;gap:6px;margin:8px 0}.cal-theory-layer{align-items:flex-start;color:#f5ead8;color:var(--text);display:flex;font-size:.72rem;gap:8px;line-height:1.5}.cal-theory-tag{border-radius:4px;flex-shrink:0;font-size:.62rem;font-weight:600;margin-top:1px;padding:2px 6px}.tag-inner{background:#d4a8432e;color:#d4a843;color:var(--gold)}.tag-outer{background:#7eb8f72e;color:#7eb8f7}.cal-theory-note{color:#f5ead899!important;color:var(--text-dim)!important;font-size:.68rem!important;font-style:italic;margin-bottom:0!important}.cal-detail-label{border-radius:4px;display:inline-block;font-size:.72rem;font-weight:600;margin-bottom:6px;padding:2px 8px}.cal-detail-label:first-of-type{background:#d4a8431f;color:#d4a843;color:var(--gold)}.cal-detail{border-top:1px solid #d4a84333;border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.cal-detail-header{align-items:baseline;display:flex;gap:12px;margin-bottom:14px}.cal-detail-date{align-items:baseline;color:#d4a843;color:var(--gold);display:flex;font-family:"Noto Serif TC",serif;font-size:1.05rem;font-weight:700;gap:8px}.cal-today-tag{background:#d4a843;background:var(--gold);border-radius:3px;color:#0c0b09;color:var(--bg);font-size:.65rem;font-weight:600;padding:1px 6px}.cal-detail-hex{color:#f5ead899;color:var(--text-dim);font-size:.82rem}.cal-ratings-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.cal-rating-badge{background:#0003;border:1px solid;border-radius:6px;font-size:.78rem;padding:4px 10px;white-space:nowrap}.cal-hourly{margin-top:12px}.cal-hourly-title{background:#7eb8f71f;border-radius:4px;color:#7eb8f7;display:inline-block;font-size:.72rem;font-weight:600;margin-bottom:8px;padding:2px 8px}.cal-hourly-grid{border:1px solid #d4a84333;border:1px solid var(--border);border-radius:8px;overflow-x:auto}.cal-hourly-header{background:#d4a8430f;color:#f5ead899;color:var(--text-dim);font-size:.7rem;font-weight:600;padding:8px 10px}.cal-hourly-header,.cal-hourly-row{grid-gap:4px;display:grid;gap:4px;grid-template-columns:40px 110px 48px repeat(6,1fr);min-width:580px}.cal-hourly-row{border-top:1px solid #d4a84333;border-top:1px solid var(--border);padding:6px 10px;transition:background .15s}.cal-hourly-row:hover{background:#ffffff05}.cal-hourly-branch{color:#d4a843;color:var(--gold);font-size:.72rem;font-weight:500}.cal-hourly-time{font-feature-settings:"tnum";color:#f5ead8;color:var(--text);font-size:.7rem;font-variant-numeric:tabular-nums}.cal-hourly-hex{color:#f5ead899;color:var(--text-dim)}.cal-hourly-hex,.cal-hourly-val{font-size:.7rem;text-align:center}.cal-hourly-val{font-weight:500}.cal-detail-btn{background:#d4a84314;border:1px solid #d4a84333;border:1px solid var(--gold-dim);border-radius:8px;color:#d4a843;color:var(--gold);cursor:pointer;display:block;font-family:"Noto Serif TC",serif;font-size:.85rem;margin-top:14px;padding:10px;transition:all .2s;width:100%}.cal-detail-btn:hover:not(:disabled){background:#d4a84326}.cal-detail-btn:disabled{cursor:not-allowed;opacity:.4}.cal-filter-section{margin-top:14px}.cal-filter-toggle{background:#d4a8430f;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:8px;color:#d4a843;color:var(--gold);cursor:pointer;font-family:"Noto Serif TC",serif;font-size:.82rem;font-weight:600;padding:10px;transition:all .2s;width:100%}.cal-filter-toggle:hover{background:#d4a8431f}.cal-filter-panel{background:#ffffff05;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:8px;margin-top:10px;padding:14px}.cal-filter-range{display:flex;gap:12px;margin-bottom:14px}.cal-filter-range label{align-items:center;color:#f5ead899;color:var(--text-dim);display:flex;font-size:.75rem;gap:6px}.cal-filter-range input[type=date]{background:#ffffff0f;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:4px;color:#f5ead8;color:var(--text);color-scheme:dark;font-family:"Noto Serif TC",serif;font-size:.75rem;padding:4px 8px}.cal-filter-group{margin-bottom:12px}.cal-filter-group-title{align-items:center;color:#f5ead8;color:var(--text);display:flex;font-size:.75rem;font-weight:600;gap:6px;margin-bottom:8px}.cal-filter-dims{grid-gap:6px 10px;display:grid;gap:6px 10px;grid-template-columns:repeat(3,1fr)}.cal-filter-dim{align-items:center;color:#f5ead899;color:var(--text-dim);display:flex;font-size:.7rem;gap:4px;justify-content:space-between}.cal-filter-dim select{border:1px solid #d4a84333;border:1px solid var(--border);border-radius:4px;font-family:"Noto Serif TC",serif;font-size:.68rem;max-width:90px;padding:3px 4px}.cal-filter-dim select,.cal-filter-dim select option{background:#1a1816;color:#f5ead8;color:var(--text)}.cal-filter-search-btn{background:#d4a84326;border:1px solid #d4a84333;border:1px solid var(--gold-dim);border-radius:8px;color:#d4a843;color:var(--gold);cursor:pointer;display:block;font-family:"Noto Serif TC",serif;font-size:.85rem;font-weight:700;margin-top:12px;padding:10px;transition:all .2s;width:100%}.cal-filter-search-btn:hover{background:#d4a84340}.cal-filter-results{border-top:1px solid #d4a84333;border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.cal-filter-empty{color:#f5ead899;color:var(--text-dim);font-size:.82rem;padding:20px 0;text-align:center}.cal-filter-count{color:#d4a843;color:var(--gold);font-size:.78rem;font-weight:600;margin-bottom:10px}.cal-filter-result-item{border-bottom:1px solid #d4a84333;border-bottom:1px solid var(--border);padding:10px 0}.cal-filter-result-item:last-child{border-bottom:none}.cal-filter-result-date{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.cal-filter-date-text{color:#d4a843;color:var(--gold);font-size:.85rem;font-weight:700;min-width:100px}.cal-filter-result-badges{display:flex;flex-wrap:wrap;gap:4px}.cal-filter-result-badges .cal-rating-badge{font-size:.68rem;padding:2px 6px}.cal-filter-hours{background:#7eb8f70a;border:1px solid #7eb8f71f;border-radius:6px;margin-top:6px;padding:6px 8px}.cal-filter-hour-row{grid-gap:4px;border-bottom:1px solid #ffffff08;display:grid;gap:4px;grid-template-columns:40px 110px 48px repeat(6,1fr);min-width:580px;padding:4px 0}.cal-filter-hour-row:last-child{border-bottom:none}.analysis-step{margin-bottom:24px}.analysis-step h3{border-bottom:1px solid #d4a84333;border-bottom:1px solid var(--border);color:#d4a843;color:var(--gold);font-size:1.1rem;margin-bottom:12px;padding-bottom:6px}.analysis-layer{border-left:2px solid #d4a84333;border-left:2px solid var(--gold-dim);margin-bottom:12px;padding-left:16px}.analysis-layer .layer-tag{color:#d4a843;color:var(--gold);font-size:.78rem;font-weight:600;margin-bottom:4px}.analysis-layer p{color:#f5ead8;color:var(--text);font-size:.88rem;line-height:1.8;opacity:.9}.record-item{align-items:center;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:14px 18px;transition:all .2s}.record-item:hover{background:#d4a8430f}.record-item .record-question{color:#f5ead8;color:var(--text);font-size:.9rem}.record-item .record-meta{color:#f5ead899;color:var(--text-dim);font-size:.75rem}.record-item.expanded{background:#d4a84314;border-color:#d4a843;border-color:var(--gold);border-radius:8px 8px 0 0;margin-bottom:0}.record-detail{background:#ffffff05;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:0 0 8px 8px;border-top:none;margin-bottom:8px;padding:16px 18px}.record-detail-summary{border-bottom:1px solid #d4a84333;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:16px;padding-bottom:12px}.record-detail-row{color:#f5ead8;color:var(--text);font-size:.82rem}.record-detail-label{color:#d4a843;color:var(--gold);font-weight:600;margin-right:6px}.record-analysis-content{color:#f5ead8;color:var(--text);font-size:.88rem;line-height:1.85;opacity:.9}.loading{color:#d4a84333;color:var(--gold-dim);padding:40px;text-align:center}.loading .spinner{animation:spin .8s linear infinite;border:2px solid #d4a84333;border-top-color:#d4a843;border:2px solid var(--gold-dim);border-radius:50%;border-top-color:var(--gold);display:inline-block;height:32px;margin-bottom:12px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.mindfulness{color:#e8d08a;color:var(--gold-light);font-size:.88rem;font-style:italic;line-height:1.6;opacity:.8;padding:20px;text-align:center}.user-bar{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:10px}.user-name{color:#e8d08a;color:var(--gold-light);font-size:.85rem}.btn-link{background:none;border:none;color:#f5ead899;color:var(--text-dim);cursor:pointer;font-family:"Noto Serif TC",serif;font-size:.8rem;padding:0;text-decoration:underline}.btn-link:hover{color:#d4a843;color:var(--gold)}.mode-switch{border:1px solid #d4a84333;border:1px solid var(--border);border-radius:8px;display:flex;gap:0;overflow:hidden}.mode-btn{background:none;border:none;color:#f5ead899;color:var(--text-dim);cursor:pointer;font-family:"Noto Serif TC",serif;font-size:.75rem;padding:4px 14px;transition:all .3s}.mode-btn.active{background:linear-gradient(135deg,#d4a8434d,#d4a8431a)}.auth-link,.mode-btn.active{color:#d4a843;color:var(--gold)}.auth-link{cursor:pointer;text-decoration:underline}.auth-link:hover{color:#e8d08a;color:var(--gold-light)}.app-footer{color:#f5ead899;color:var(--text-dim);font-size:.75rem;line-height:1.6;opacity:.6;padding:30px 0;text-align:center}.char-panel-trigger{background:#d4a843;background:var(--gold);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 16px #d4a84366;color:#0c0b09;color:var(--bg);cursor:pointer;font-family:"Noto Serif TC",serif;font-size:1.2rem;font-weight:700;height:48px;position:fixed;right:24px;transition:transform .2s,box-shadow .2s;width:48px;z-index:1000}.char-panel-trigger:hover{box-shadow:0 6px 24px #d4a84399;transform:scale(1.1)}.char-panel-backdrop{background:#00000080;inset:0;position:fixed;z-index:1001}.char-panel{background:#131210;border-left:1px solid #d4a84333;border-left:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:-360px;top:0;transition:right .3s ease;width:340px;z-index:1002}.char-panel.open{right:0}.char-panel-header{align-items:center;border-bottom:1px solid #d4a84333;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.char-panel-header h3{color:#d4a843;color:var(--gold);font-size:1rem;font-weight:600;letter-spacing:2px}.char-panel-close{background:none;border:none;color:#f5ead899;color:var(--text-dim);cursor:pointer;font-size:1.4rem;padding:0 4px}.char-panel-tabs{border-bottom:1px solid #d4a84333;border-bottom:1px solid var(--border);display:flex}.char-panel-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#f5ead899;color:var(--text-dim);cursor:pointer;flex:1 1;font-size:.8rem;padding:10px;transition:all .2s}.char-panel-tabs button.active{border-bottom-color:#d4a843;border-bottom-color:var(--gold);color:#d4a843;color:var(--gold)}.char-panel-body{flex:1 1;overflow-y:auto;padding:16px 20px}.char-input-row{display:flex;gap:8px;margin-bottom:8px}.char-input-row input{background:#0c0b09;background:var(--bg);border:1px solid #d4a84333;border:1px solid var(--border);border-radius:6px;color:#f5ead8;color:var(--text);flex:1 1;font-family:"Noto Serif TC",serif;font-size:1.1rem;padding:8px 12px;text-align:center}.char-input-row input:focus{border-color:#d4a843;border-color:var(--gold);outline:none}.char-hint{font-size:.7rem;margin-bottom:16px}.char-hint,.char-loading{color:#f5ead899;color:var(--text-dim);text-align:center}.char-loading{font-size:.85rem;padding:32px 0}.char-loading .spinner{margin:0 auto 12px}.char-result{margin-top:8px}.char-error{color:#c0392b;color:var(--red-bright);font-size:.85rem;padding:20px 0;text-align:center}.char-big-row{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:20px}.char-big{color:#d4a843;color:var(--gold);font-family:"Noto Serif TC",serif;font-size:3.5rem;font-weight:700}.char-speak-btn{align-items:center;background:none;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:border-color .2s;width:40px}.char-speak-btn:hover{border-color:#d4a843;border-color:var(--gold)}.char-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.char-info-item{background:#ffffff08;background:var(--bg-card);border:1px solid #d4a84333;border:1px solid var(--border);border-radius:8px;padding:10px 4px;text-align:center}.char-info-label{color:#f5ead899;color:var(--text-dim);display:block;font-size:.65rem;margin-bottom:4px}.char-info-value{color:#e8d08a;color:var(--gold-light);font-family:"Noto Serif TC",serif;font-size:1rem}.char-meaning{background:#ffffff08;background:var(--bg-card);border:1px solid #d4a84333;border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:12px}.char-meaning p{color:#f5ead8;color:var(--text);font-size:.85rem;line-height:1.6;margin-top:4px}.char-cached-row{align-items:center;display:flex;justify-content:center;padding:4px 0}.char-cached{color:#d4a84333;color:var(--gold-dim);font-size:.7rem}.char-empty{color:#f5ead899;color:var(--text-dim);font-size:.85rem;padding:40px 0;text-align:center}.char-library-list{display:flex;flex-direction:column;gap:8px}.char-library-item{align-items:center;background:#ffffff08;background:var(--bg-card);border:1px solid #d4a84333;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:border-color .2s}.char-library-item:hover{border-color:#d4a84333;border-color:var(--gold-dim)}.char-lib-char{color:#d4a843;color:var(--gold);flex-shrink:0;font-family:"Noto Serif TC",serif;font-size:1.6rem;font-weight:600;text-align:center;width:36px}.char-lib-info{flex:1 1;min-width:0}.char-lib-jp{color:#e8d08a;color:var(--gold-light);display:block;font-size:.8rem}.char-lib-meaning{color:#f5ead899;color:var(--text-dim);display:block;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-lib-actions{display:flex;flex-shrink:0;gap:4px}.char-lib-actions button{background:none;border:none;cursor:pointer;font-size:.85rem;opacity:.5;padding:4px;transition:opacity .2s}.char-lib-actions button:hover{opacity:1}[data-char-clickable]{cursor:pointer;transition:color .15s}[data-char-clickable]:hover{color:#d4a843!important;color:var(--gold)!important}.hex-calc-summary{background:#d4a8430d;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:8px;color:#f5ead899;color:var(--text-dim);font-size:.78rem;line-height:1.6;margin-bottom:16px;padding:10px 14px}.hex-svg-container{padding:8px 0}.hex-svg-main{align-items:flex-start;display:flex;gap:24px;margin-bottom:16px}.hex-svg-wrap{flex-shrink:0}.hex-svg-label{color:#d4a843;color:var(--gold);font-size:.65rem;letter-spacing:3px;margin-bottom:4px;opacity:.6;text-align:center}.hex-svg{display:block}.hex-svg-info{padding-top:20px}.hex-svg-badge{font-size:.6rem;letter-spacing:3px;margin-bottom:4px;opacity:.5;text-transform:uppercase}.hex-svg-badge,.hex-svg-name{color:#d4a843;color:var(--gold)}.hex-svg-name{font-size:1.6rem;margin-bottom:8px;text-shadow:0 2px 12px #d4a84340}.hex-svg-meta{color:#f5ead899;color:var(--text-dim);font-size:.82rem;line-height:1.8}.hex-svg-meta .meta-dot{margin:0 6px;opacity:.4}.hex-svg-yao{background:#f0c04026;border:1px solid #f0c04059;border-radius:20px;color:#f0c040;display:inline-block;font-size:.78rem;font-weight:600;margin-top:6px;padding:3px 10px}.hex-svg-legend{background:#ffffff05;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:8px 12px}.legend-item{align-items:center;color:#f5ead899;color:var(--text-dim);display:flex;font-size:.68rem;gap:5px}.legend-dot{border-radius:2px;height:8px;width:8px}.hex-svg-secondary{border-top:1px solid #d4a84333;border-top:1px solid var(--border);display:flex;gap:12px;padding-top:16px}.hex-svg-secondary-card{align-items:center;background:#ffffff05;border:1px solid #d4a84333;border:1px solid var(--border);border-radius:12px;display:flex;flex:1 1;flex-direction:column;padding:12px 8px}.secondary-info{margin-top:4px;text-align:center}.secondary-name{color:#d4a843;color:var(--gold);font-size:.9rem;font-weight:600;margin-bottom:3px}.secondary-detail{color:#f5ead899;color:var(--text-dim);font-size:.7rem;line-height:1.6}@media (max-width:600px){.form-row{grid-template-columns:1fr}.hex-header{flex-direction:column;gap:12px}.tabs{flex-wrap:wrap}.tab{min-width:80px}.char-panel{right:-100%;width:100%}.char-panel-trigger{bottom:16px;font-size:1rem;height:44px;right:16px;width:44px}.hex-svg-main{align-items:center}.hex-svg-main,.hex-svg-secondary{flex-direction:column}.hex-svg-legend{gap:8px}.tl-row{gap:8px;grid-template-columns:60px 1fr auto;padding:10px}.tl-sancai{display:none}.tl-period-label{font-size:.78rem}}
/*# sourceMappingURL=main.cec4a3ea.css.map*/