.bazi-app{--gold:#d6a84f;--gold2:#ffd36a;--bg:#05080c;--card:#081018;--border:#9c6b2f7a;--border-gold:#ffd36ab8;--text:#f5e6c8;--muted:#b89b62;--fire:#c03030;--water:#2878be;--wood:#2e8a2e;--metal:#6878a0;--earth:#b85e20;z-index:1;font-family:"Inter", "Sarabun", var(--font-sans), sans-serif;color:var(--text);background-color:#05080c;background-image:radial-gradient(60% 45% at 50% 0,#ffd36a1f,#0000 60%),linear-gradient(#05080c 0%,#081018 48%,#05080c 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:relative;overflow-x:hidden}.bazi-app *{box-sizing:border-box}.bazi-app .glass{-webkit-backdrop-filter:blur(20px);background:#081018eb;border:1px solid #9c6b2f8f;border-radius:12px;box-shadow:0 18px 60px #0000006b,inset 0 1px #ffd36a0f}.bazi-app .tab-nav{background:#081018b8;border:1px solid #9c6b2f61;border-radius:999px;flex-wrap:wrap;gap:6px;padding:6px;display:flex;box-shadow:0 14px 50px #00000047,inset 0 1px #ffd36a0f}.bazi-app .tab-btn{cursor:pointer;color:var(--muted);font-family:"Sarabun", var(--font-sans), sans-serif;letter-spacing:0;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.bazi-app .tab-btn:hover{color:var(--gold2);background:#d6a84f14;border-color:#d6a84f3d}.bazi-app .tab-btn.active{color:var(--gold2);background:#d6a84f1f;border-color:#ffd36ab3;box-shadow:0 0 24px #d6a84f38}.bazi-app .field-label{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.bazi-app .field-input{width:100%;color:var(--text);font-family:"Sarabun", var(--font-sans), sans-serif;background:#05080cdb;border:1px solid #9c6b2f8c;border-radius:8px;outline:none;padding:9px 12px;font-size:14px;font-weight:500;transition:border-color .2s,background .2s,box-shadow .2s}.bazi-app .field-input:focus{border-color:var(--border-gold);background:#081018f2;box-shadow:0 0 0 2px #d6a84f38}:is(.bazi-app .field-input option,.bazi-app .field-input optgroup){color:var(--text);background:#081018}.bazi-app .btn-calc{cursor:pointer;color:#1b1308;width:100%;font-family:"Sarabun", var(--font-sans), sans-serif;letter-spacing:2px;background:linear-gradient(135deg,#9c6b2f 0%,#d6a84f 52%,#ffd36a 100%);border:1px solid #ffd36a9e;border-radius:10px;padding:13px;font-size:15px;font-weight:800;transition:all .25s;box-shadow:0 10px 28px #d6a84f47}.bazi-app .btn-calc:hover{transform:translateY(-2px);box-shadow:0 14px 36px #ffd36a57}.bazi-app .btn-calc:active{transform:translateY(0)}.bazi-app .pillar-card{text-align:center;background:#05080cb8;border:1px solid #9c6b2f80;border-radius:14px;flex:1;padding:16px 12px;transition:border-color .3s,transform .2s;position:relative;box-shadow:inset 0 1px #ffd36a0f}.bazi-app .pillar-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.8;border-radius:14px 14px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.bazi-app .pillar-card.overridden{border-color:#a8782073}.bazi-app .pillar-lbl{color:var(--gold);letter-spacing:3px;text-transform:uppercase;opacity:.9;margin-bottom:10px;font-family:Cinzel,serif;font-size:9px;font-weight:600}.bazi-app .pillar-chi{text-shadow:0 1px 8px #0000001f;margin-bottom:4px;font-family:Noto Serif TC,serif;font-size:56px;font-weight:900;line-height:1}.bazi-app .pillar-branch-chi{color:#f5e6c8b8;margin-bottom:6px;font-family:Noto Serif TC,serif;font-size:50px;font-weight:700;line-height:1}.bazi-app .pillar-eng{color:var(--muted);letter-spacing:1px;margin-bottom:8px;font-size:9px;line-height:1.5}.bazi-app .pillar-hidden-row{color:var(--muted);border-top:1px solid #00000014;margin-top:8px;padding-top:8px;font-size:9px;line-height:2}.bazi-app .pillar-sel{width:100%;color:var(--text);font-size:10px;font-family:"Sarabun", var(--font-sans), sans-serif;cursor:pointer;background:#05080cdb;border:1px solid #9c6b2f8c;border-radius:6px;outline:none;margin-top:6px;padding:5px 6px;transition:border-color .2s}.bazi-app .pillar-sel:focus{border-color:var(--border-gold)}.bazi-app .stem-sel{border-left:2px solid #a8782066}.bazi-app .branch-sel{border-left:2px solid #64647866}.bazi-app .override-badge{color:var(--gold);letter-spacing:1px;vertical-align:middle;background:#a8782026;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:8px;font-weight:700;display:none}.bazi-app .override-badge.show{display:inline-block}.bazi-app .lp-timeline{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.bazi-app .lp-timeline::-webkit-scrollbar{height:3px}.bazi-app .lp-timeline::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.bazi-app .lp-item{text-align:center;background:#a878200f;border:1px solid #a878202e;border-radius:10px;flex-shrink:0;min-width:80px;padding:12px 8px;transition:all .2s}.bazi-app .lp-item:hover{background:#a878201f;border-color:#a8782059}.bazi-app .lp-age{color:var(--gold);letter-spacing:1px;margin-bottom:6px;font-family:Cinzel,serif;font-size:9px;font-weight:600}.bazi-app .lp-chi-s{font-family:Noto Serif TC,serif;font-size:20px;font-weight:700;line-height:1.2}.bazi-app .lp-chi-b{color:#f5e6c8a6;font-family:Noto Serif TC,serif;font-size:18px;line-height:1.2}.bazi-app .lp-sub{color:var(--muted);margin-top:4px;font-size:8px}.bazi-app .sec-label{color:var(--gold);letter-spacing:3px;text-transform:uppercase;align-items:center;gap:10px;font-family:Cinzel,serif;font-size:10px;font-weight:600;display:flex}.bazi-app .sec-label:before{content:"";background:linear-gradient(90deg, var(--gold), transparent);width:20px;height:1px;display:block}.bazi-app .sec-label:after{content:"";background:linear-gradient(90deg,#c9a84c4d,#0000);flex:1;height:1px}.bazi-app .empty-state{text-align:center;color:var(--muted);letter-spacing:1px;padding:60px 20px;font-size:13px}.bazi-app .es-chi{color:#c9a84c26;letter-spacing:8px;margin-bottom:16px;font-family:Noto Serif TC,serif;font-size:52px;font-weight:900;display:block}.bazi-app .nki-badge{text-align:center;background:#05080cb8;border:1px solid #9c6b2f80;border-radius:12px;flex:1;padding:18px 12px;box-shadow:inset 0 1px #ffd36a0f}.bazi-app .nki-val{color:var(--gold);font-family:Cinzel,serif;font-size:36px;font-weight:700;line-height:1}.bazi-app .nki-lbl{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:9px}.bazi-app .nki-sub{color:var(--muted);margin-top:6px;font-size:10px}.bazi-app .sq-cell{aspect-ratio:1;color:var(--gold);background:#05080c8c;border:1px solid #9c6b2f61;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:20px;font-weight:700;display:flex;position:relative}.bazi-app .sq-cell.center{background:#a8782024;border-color:#a8782066}.bazi-app .sq-dir{color:var(--muted);letter-spacing:1px;font-size:7px;position:absolute;bottom:5px}.bazi-app .fs2-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-width:300px;margin:0 auto;display:grid}.bazi-app .fs2-cell{aspect-ratio:1;background:#05080c8c;border:1px solid #9c6b2f61;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px 6px;display:flex}.bazi-app .fs2-cell.fs2-facing{background:#c0392b12;border-width:2px;border-color:#c0392b}.bazi-app .fs2-cell.fs2-sitting{background:#5d8ca81a;border-width:2px;border-color:#5d8ca8}.bazi-app .fs2-cell.fs2-center{border-color:var(--gold);background:#a8782014;border-width:2px}.bazi-app .fs2-dir{color:var(--muted);letter-spacing:1px;margin-bottom:5px;font-size:9px;font-weight:700}.bazi-app .fs2-top{justify-content:space-between;width:100%;margin-bottom:3px;padding:0 6px;display:flex}.bazi-app .fs2-face{color:#c0392b;font-family:Noto Serif TC,serif;font-size:19px;font-weight:700;line-height:1}.bazi-app .fs2-sit{color:#5d8ca8;font-family:Noto Serif TC,serif;font-size:19px;font-weight:700;line-height:1}.bazi-app .fs2-time{color:var(--text);font-family:Noto Serif TC,serif;font-size:28px;font-weight:700;line-height:1}.bazi-app .fs2-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:16px;font-size:11px;display:flex}.bazi-app .fs2-legend span{align-items:center;gap:4px;display:flex}.bazi-app .fs2-tag-facing{color:#c0392b}.bazi-app .fs2-tag-sitting{color:#5d8ca8}.bazi-app .fs2-info{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px;display:grid}.bazi-app .fs2-info-item{text-align:center;background:#a8782012;border:1px solid #a8782033;border-radius:8px;padding:10px 8px}.bazi-app .fs2-info-label{color:var(--muted);letter-spacing:1px;margin-bottom:4px;font-size:9px}.bazi-app .fs2-info-val{color:var(--gold);font-size:15px;font-weight:700}.bazi-app .alert-gold{color:#a87820f2;background:#c9a84c14;border:1px solid #c9a84c40;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:12px}@keyframes bazi-module__hmdb3G__baziFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes bazi-module__hmdb3G__baziGlowPulse{0%,to{text-shadow:0 0 15px #c9a84c4d}50%{text-shadow:0 0 35px #c9a84c99}}.bazi-app .fade-in{animation:.4s both bazi-module__hmdb3G__baziFadeUp}.bazi-app .glow{animation:3s ease-in-out infinite bazi-module__hmdb3G__baziGlowPulse}.bazi-app .btn-sm{cursor:pointer;font-size:11px;font-weight:600;font-family:"Sarabun", var(--font-sans), sans-serif;border:none;border-radius:6px;padding:6px 12px;transition:all .15s}.bazi-app .btn-gold{color:var(--gold2);background:#d6a84f1f;border:1px solid #d6a84f6b}.bazi-app .btn-gold:hover{background:#d6a84f33}.bazi-app .btn-muted{color:var(--muted);background:#05080c8c;border:1px solid #9c6b2f59}.bazi-app .btn-muted:hover{color:var(--text);background:#d6a84f14}.bazi-app .god-legend-item{align-items:center;gap:8px;padding:5px 2px;font-size:11px;display:flex}.bazi-app .god-dot{border-radius:3px;flex-shrink:0;width:13px;height:13px}.bazi-app .chart-stat{border-radius:10px;padding:14px 16px}.bazi-app .chart-stat-label{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:9px}.bazi-app .chart-stat-val{font-size:15px;font-weight:800;line-height:1.2}.bazi-app .chart-stat-sub{color:var(--muted);margin-top:3px;font-size:10px}.bazi-app .elem-swatch{border-radius:3px;flex-shrink:0;width:14px;height:14px}.bazi-app::-webkit-scrollbar{width:5px}.bazi-app::-webkit-scrollbar-track{background:#0000000d}.bazi-app::-webkit-scrollbar-thumb{background:#d4af3773;border-radius:3px}.bazi-app .saved-card{background:#05080cb8;border:1px solid #9c6b2f80;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.bazi-app .saved-card:hover{border-color:#ffd36a80;box-shadow:0 10px 28px #00000038}.bazi-app .saved-dm-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-family:Noto Serif TC,serif;font-size:20px;font-weight:900;display:flex}.bazi-app .saved-info{flex:1;min-width:0}.bazi-app .saved-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.bazi-app .saved-meta{color:var(--muted);margin-top:2px;font-size:10px}.bazi-app .saved-actions{flex-shrink:0;gap:6px;display:flex}.bazi-app .btn-danger{color:#ef5350;background:#ef535014;border:1px solid #ef535040}.bazi-app .btn-danger:hover{background:#ef535029}@media (max-width:900px){.bazi-app .main-layout{flex-direction:column!important}.bazi-app .sidebar{width:100%!important;max-width:100%!important;position:static!important}}@media (max-width:600px){.bazi-app .pillars-row{flex-wrap:wrap}.bazi-app .pillar-card{min-width:calc(50% - 5px)}.bazi-app .pillar-chi{font-size:40px!important}.bazi-app .pillar-branch-chi{font-size:36px!important}}
.dong-gong-app{--bg:#05080c;--dark:#05080c;--card:#071018;--green:#d6a84f;--green2:#ffd36a;--gold:#d6a84f;--gold2:#ffd36a;--text:#f5e6c8;--muted:#b89b62;--border:#9c6b2f80;--red:#c0392b;--warn:#9a700a;color:var(--text);font-family:Sarabun, var(--font-sans), sans-serif;background-color:#05080c;background-image:radial-gradient(60% 45% at 50% 0,#ffd36a1f,#0000 60%),linear-gradient(#05080c 0%,#071018 50%,#05080c 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100%;padding-bottom:60px;display:block}.dong-gong-app *{box-sizing:border-box}.dong-gong-app .header{background:linear-gradient(135deg,#050f07,#0d2a18);border-bottom:1px solid #d4af3759;align-items:center;gap:16px;padding:18px 24px;display:flex}.dong-gong-app .hd-logo{background:linear-gradient(135deg,var(--green),var(--green2));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:0 0 16px #2a5c4280}.dong-gong-app .hd-title{color:var(--gold);letter-spacing:1px;font-family:Noto Serif TC,serif;font-size:20px;font-weight:700}.dong-gong-app .hd-sub{color:var(--muted);margin-top:2px;font-size:12px}.dong-gong-app .hd-ver{color:var(--muted);text-align:right;margin-left:auto;font-size:11px}.dong-gong-app .container{max-width:1200px;margin:0 auto;padding:20px 16px}.dong-gong-app .card{background:#071018eb;border:1px solid #9c6b2f94;border-radius:16px;margin-bottom:16px;padding:20px;box-shadow:0 18px 60px #0000006b,inset 0 1px #ffd36a0f}.dong-gong-app .card-title{color:var(--gold2);letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:10px;font-size:13px;font-weight:700}.dong-gong-app .form-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.dong-gong-app .field label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:11px;display:block}:is(.dong-gong-app .field input,.dong-gong-app .field select){width:100%;color:var(--text);font-size:14px;font-family:Sarabun, var(--font-sans), sans-serif;box-shadow:none;background:#05080cdb;border:1px solid #9c6b2f8c;border-radius:8px;padding:10px 12px}:is(.dong-gong-app .field input:focus,.dong-gong-app .field select:focus){border-color:var(--gold2);outline:none;box-shadow:0 0 0 2px #d6a84f38}.dong-gong-app .field input::placeholder{color:#b89b6273}.dong-gong-app .field select option{color:var(--text);background:#071018}.dong-gong-app .btn{font-size:14px;font-weight:700;font-family:Sarabun, var(--font-sans), sans-serif;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.dong-gong-app .btn:hover{transform:translateY(-1px)}.dong-gong-app .btn-primary{color:#1b1308;background:linear-gradient(135deg,#9c6b2f,#d6a84f 52%,#ffd36a);border-color:#ffd36a99;box-shadow:0 12px 32px #d6a84f42}.dong-gong-app .btn-primary:hover{box-shadow:0 16px 42px #ffd36a52}.dong-gong-app .btn-sm{border-radius:8px;padding:6px 14px;font-size:12px}.dong-gong-app .btn-gold{color:var(--gold2);background:#05080c8f;border:1px solid #d6a84f80}.dong-gong-app .btn-gold:hover{border-color:var(--gold2);background:#d6a84f1f}.dong-gong-app .alert{border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;line-height:1.6}.dong-gong-app .alert-info{color:var(--gold2);background:#d6a84f14;border:1px solid #d6a84f40}.dong-gong-app .alert-warn{color:#d6a84f;background:#b4820a1a;border:1px solid #b4820a61}.dong-gong-app .alert-bad{color:#ff8a7a;background:#c0392b1a;border:1px solid #c0392b61}.dong-gong-app .result-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.dong-gong-app table{border-collapse:collapse;width:100%;font-size:13px}.dong-gong-app th{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;background:#05080cc7;padding:10px 8px;font-size:10px;font-weight:700}.dong-gong-app td{vertical-align:top;border-bottom:1px solid #9c6b2f38;padding:9px 8px}.dong-gong-app tr:hover td{background:#d6a84f12}.dong-gong-app .row-great td{border-left:3px solid #27ae60}.dong-gong-app .row-good td{border-left:3px solid #52be80}.dong-gong-app .row-neutral td{border-left:3px solid #5d6d7e}.dong-gong-app .row-warn td{border-left:3px solid #d4ac0d}.dong-gong-app .row-bad td{border-left:3px solid #c0392b}.dong-gong-app .row-breaker td{opacity:.7;border-left:3px solid #6c3483}.dong-gong-app .pill{border:1px solid var(--border);background:#05080cb3;border-radius:8px;flex-direction:column;align-items:center;min-width:60px;padding:6px 10px;display:inline-flex}.dong-gong-app .pill-label{color:var(--muted);letter-spacing:.5px;margin-bottom:3px;font-size:9px;font-weight:600}.dong-gong-app .pill-stem{font-family:Noto Serif TC,serif;font-size:20px;font-weight:700;line-height:1.1}.dong-gong-app .pill-branch{color:var(--muted);margin-top:3px;font-size:9px}.dong-gong-app .pill-chi{font-family:Noto Serif TC,serif;font-size:20px;font-weight:700;line-height:1.1}.dong-gong-app .pillL-row{flex-wrap:wrap;align-items:flex-start;gap:10px;margin:12px 0;display:flex}.dong-gong-app .pillL{border:1px solid var(--border);background:#05080cb3;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;width:82px;padding:10px 6px 8px;display:inline-flex;box-shadow:inset 0 1px #ffd36a0f}.dong-gong-app .pillL-label{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.dong-gong-app .pillL-stem-chi{font-family:Noto Serif TC,serif;font-size:28px;font-weight:700;line-height:1}.dong-gong-app .pillL-branch-chi{font-family:Noto Serif TC,serif;font-size:28px;font-weight:700;line-height:1.1}.dong-gong-app .pillL-en{color:var(--muted);text-align:center;word-break:break-word;margin-top:4px;font-size:9px}.dong-gong-app .btn-save{color:var(--muted);cursor:pointer;white-space:nowrap;background:#05080c8f;border:1px solid #9c6b2f80;border-radius:9px;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:12px;transition:all .18s;display:inline-flex}.dong-gong-app .btn-save:hover{background:#d6a84f1a}.dong-gong-app .btn-save.jpeg:hover{color:#52be80;border-color:#27ae60}.dong-gong-app .btn-save.pdf:hover{color:#5dade2;border-color:#3498db}.dong-gong-app .btn-save:disabled{opacity:.4;cursor:default}.dong-gong-app .jc{letter-spacing:1px;border-radius:6px;padding:3px 8px;font-family:Noto Serif TC,serif;font-size:12px;font-weight:700;display:inline-block}.dong-gong-app .jc-great{color:#72e0a0;background:#27ae6021;border:1px solid #27ae60}.dong-gong-app .jc-good{color:#8ce0ad;background:#52be801a;border:1px solid #52be80}.dong-gong-app .jc-neutral{color:#b4c0c7;background:#5d6e7d29;border:1px solid #8fa0a8}.dong-gong-app .jc-bad{color:#ff8a7a;background:#c0392b1f;border:1px solid #c0392b}.dong-gong-app .xiu-chi{font-family:Noto Serif TC,serif;font-size:18px;font-weight:700}.dong-gong-app .xiu-good{color:#72e0a0}.dong-gong-app .xiu-bad{color:#ff8a7a}.dong-gong-app .stars{color:var(--gold);letter-spacing:1px;font-size:14px}.dong-gong-app .stars-bad{color:var(--red)}.dong-gong-app .rel{border-radius:5px;padding:2px 7px;font-family:Noto Serif TC,serif;font-size:11px;font-weight:700;display:inline-block}.dong-gong-app .rel-great{color:#72e0a0;background:#27ae6021}.dong-gong-app .rel-good{color:#8ce0ad;background:#52be801a}.dong-gong-app .rel-neutral{color:#b4c0c7;background:#5d6e7d29}.dong-gong-app .rel-bad{color:#ff8a7a;background:#c0392b1f}.dong-gong-app .rel-verybad{color:#ff7464;background:#c0392b2e}.dong-gong-app .brk-tag{color:#d9a8ec;letter-spacing:1px;background:#8e44ad21;border:1px solid #8e44ad;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.dong-gong-app .score-badge{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.dong-gong-app .score-5{color:#fff;background:#196f3d}.dong-gong-app .score-4{color:#fff;background:#27ae60}.dong-gong-app .score-3{color:#fff;background:#2980b9}.dong-gong-app .score-2{color:#fff;background:#9a7a00}.dong-gong-app .score-1{color:#fff;background:#c0392b}.dong-gong-app .legend{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:11px;display:flex}.dong-gong-app .legend-item{align-items:center;gap:6px;display:flex}.dong-gong-app .legend-dot{border-radius:50%;width:10px;height:10px}.dong-gong-app .best-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.dong-gong-app .best-card{cursor:pointer;background:#27ae6014;border:1px solid #27ae604d;border-radius:10px;padding:12px;transition:background .2s}.dong-gong-app .best-card:hover{background:#27ae6029}.dong-gong-app .best-date{color:var(--gold);font-size:15px;font-weight:700}.dong-gong-app .modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000c7;padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}.dong-gong-app .modal-overlay.open{justify-content:center;align-items:flex-start;display:flex}.dong-gong-app .modal{border:1px solid var(--border);width:100%;max-width:700px;color:var(--text);background:#071018;border-radius:16px;margin:auto;padding:24px;box-shadow:0 24px 80px #0000008c,inset 0 1px #ffd36a0f}.dong-gong-app .modal-close{float:right;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:20px}.dong-gong-app .modal-close:hover{color:var(--text)}.dong-gong-app .detail-row{border-bottom:1px solid #9c6b2f3d;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.dong-gong-app .detail-label{color:var(--muted);flex:0 0 140px;font-size:12px}.dong-gong-app .detail-val{color:var(--text);flex:1;font-size:14px}.dong-gong-app .act-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}.dong-gong-app .act-table td{border-bottom:1px solid #9c6b2f33;padding:5px 8px}.dong-gong-app .act-good{color:#72e0a0}.dong-gong-app .act-bad{color:#ff8a7a}.dong-gong-app .filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.dong-gong-app .filter-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:12px;font-family:Sarabun, var(--font-sans), sans-serif;background:#05080c8f;border-radius:8px;padding:7px 14px;transition:all .18s}:is(.dong-gong-app .filter-btn.active,.dong-gong-app .filter-btn:hover){border-color:var(--gold2);color:var(--gold2);background:#d6a84f24}.dong-gong-app .empty-state{text-align:center;color:var(--muted);padding:60px 20px}.dong-gong-app .es-icon{margin-bottom:12px;font-size:48px}.dong-gong-app .pillars-row{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}@media (max-width:640px){.dong-gong-app .header{padding:14px 16px}.dong-gong-app .hd-title{font-size:16px}:is(.dong-gong-app th,.dong-gong-app td){padding:7px 5px;font-size:12px}}
.fp-app{height:calc(100dvh - 7.5rem);min-height:560px;font-family:"Sarabun", var(--font-sans), sans-serif;-webkit-user-select:none;user-select:none;color:#2a1400;background:#ede8d8;position:relative;overflow:hidden}.fp-app *{box-sizing:border-box;margin:0;padding:0}.fp-app .topbar{z-index:100;background:#1a1005;border-bottom:2px solid #7a5010;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 3px 14px #0000008c}.fp-app .tb1{border-bottom:1px solid #c88c142e;align-items:center;height:48px;padding:0 18px;display:flex}.fp-app .t-sym{opacity:.75;margin-right:12px;font-size:22px}.fp-app .t-main{color:#f2c030;letter-spacing:.16em;white-space:nowrap;font-family:Noto Serif TC,serif;font-size:18px;font-weight:900}.fp-app .t-vl{background:#b4821e99;width:1px;height:28px;margin:0 16px}.fp-app .t-sub b{color:#d4a030;letter-spacing:.06em;font-size:12px;font-weight:600;display:block}.fp-app .t-sub small{color:#7a5818;letter-spacing:.08em;font-size:9.5px}.fp-app .t-auth{text-align:right;margin-left:auto}.fp-app .t-auth b{color:#ecc040;letter-spacing:.1em;font-family:Noto Serif TC,serif;font-size:15px;display:block}.fp-app .t-auth small{color:#6a4e18;letter-spacing:.1em;font-size:9px}.fp-app .tb2{background:#0000002e;flex-wrap:nowrap;align-items:center;gap:3px;height:36px;padding:0 8px;display:flex;overflow-x:auto}.fp-app .btn{color:#b89040;font-family:"Sarabun",var(--font-sans),sans-serif;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #4a3010;border-radius:3px;flex-shrink:0;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;transition:all .14s;display:inline-flex}.fp-app .btn:hover{color:#f0c040;background:#c88c0a1f;border-color:#c8900a}.fp-app .btn.on{color:#f5d060;background:#dcaa142e;border-color:#e8b820}.fp-app .btn.r{color:#d06050}.fp-app .btn.r:hover{color:#ff7060;border-color:#d04030}.fp-app .vsep{background:#3a2808;flex-shrink:0;width:1px;height:20px;margin:0 3px}.fp-app .sp{flex:1}.fp-app .ti{color:#806030;white-space:nowrap;font-family:monospace;font-size:10px}.fp-app #cvs{display:block;position:absolute;top:84px;left:0}.fp-app .panel{z-index:50;background:#f5f0e4;border-left:2px solid #c8a060;width:220px;position:absolute;top:84px;bottom:24px;right:0;overflow-y:auto}.fp-app .ps{border-bottom:1px solid #ddd0a0;padding:9px 11px}.fp-app .ph{color:#8a6020;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-family:Noto Serif TC,serif;font-size:9px}.fp-app .pr{align-items:center;gap:5px;margin-bottom:6px;display:flex}.fp-app .pl{color:#6a4818;flex-shrink:0;width:46px;font-size:11px}.fp-app .pi{color:#2a1400;text-align:right;background:#fff;border:1px solid #c8a060;border-radius:3px;flex:1;padding:3px 6px;font-family:monospace;font-size:12px}.fp-app .pi:focus{border-color:#8a4010;outline:none}.fp-app .pb{color:#5a3010;width:100%;font-family:"Sarabun",var(--font-sans),sans-serif;cursor:pointer;text-align:center;background:#fffaf0;border:1px solid #d8b878;border-radius:3px;margin-bottom:3px;padding:5px;font-size:11px;transition:all .12s}.fp-app .pb:hover{color:#2a1000;background:#fff0d0;border-color:#8a4010}.fp-app .pb.r{color:#8a1a00;border-color:#c04020}.fp-app .pb.r:hover{background:#ffe8e0}.fp-app .pb.act{color:#062;background:#14b43c1a;border-color:#2a4}.fp-app .big{color:#8a0000;text-align:center;margin:3px 0;font-family:Noto Serif TC,serif;font-size:26px;line-height:1}.fp-app .mnt{text-align:center;color:#6a3010;margin-bottom:4px;font-size:11px}.fp-app .rgrid{grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:6px;display:grid}.fp-app .rb{text-align:center;color:#5a3010;cursor:pointer;background:#fffaf0;border:1px solid #d8b878;border-radius:3px;padding:5px 0;font-size:12px}.fp-app .rb:hover{border-color:#8a4010}.fp-app .chk{color:#5a3a10;cursor:pointer;align-items:center;gap:6px;margin-bottom:3px;font-size:11px;display:flex}.fp-app .dots{flex-wrap:wrap;gap:3px;display:flex}.fp-app .dot{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:17px;height:17px;transition:all .1s}:is(.fp-app .dot.on,.fp-app .dot:hover){border-color:#333;transform:scale(1.18)}.fp-app .cogbox{color:#072;text-align:center;background:#0096320f;border-radius:3px;margin-bottom:3px;padding:4px;font-family:monospace;font-size:10px;line-height:1.4}.fp-app .pbrow{gap:3px;margin-bottom:3px;display:flex}.fp-app .pbrow .pb{margin-bottom:0}.fp-app .hint{color:#7a5010;margin-bottom:5px;font-size:10px;line-height:1.45}.fp-app .clist{flex-direction:column;gap:3px;margin-bottom:6px;display:flex}.fp-app .citem{cursor:pointer;background:#fffaf0;border:1px solid #d8b878;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;transition:all .12s;display:flex}.fp-app .citem-num{color:#8a0000;text-align:center;flex-shrink:0;width:18px;font-family:Noto Serif TC,serif;font-size:13px}.fp-app .citem-info{color:#5a3010;flex:1;font-size:10px;line-height:1.4}.fp-app .citem-del{color:#cc3010;cursor:pointer;flex-shrink:0;padding:0 2px;font-size:13px}.fp-app .citem-del:hover{color:#ff2000}.fp-app .status{color:#7a5a28;z-index:50;background:#1e1408;border-top:1px solid #3a2808;align-items:center;gap:16px;height:24px;padding:0 12px;font-family:monospace;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:220px}.fp-app #fsPanel{display:none}.fp-app #fsPanel.show{display:block}.fp-app .fs-overlay{z-index:200;background:#fdf8ee;border-left:2px solid #c8860a;flex-direction:column;width:420px;max-width:100%;display:flex;position:absolute;top:54px;bottom:24px;right:0;overflow-y:auto;box-shadow:-6px 0 28px #0000002e}.fp-app .fs-overlay .fsh{background:#2e1c06;border-bottom:1.5px solid #c8860a;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.fp-app .fs-overlay .fsh-title{color:#f2c030;letter-spacing:.06em;font-family:Noto Serif TC,serif;font-size:14px;font-weight:900}.fp-app .fs-overlay .fsh-sub{color:#c8a060;flex:1;font-size:10px}.fp-app .fs-close{color:#f2c030;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.fp-app .fs-close:hover{color:#ff8040}.fp-app .fs-body{flex:1;padding:10px 12px}.fp-app .fs-ps{background:#fffcf0;border:1px solid #e0c07a;border-radius:7px;margin-bottom:8px;padding:8px 9px}.fp-app .fs-ph{color:#8a1a00;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #e8d090;margin-bottom:7px;padding-bottom:4px;font-size:11px;font-weight:700}.fp-app .fs-pr{align-items:center;gap:6px;margin-bottom:5px;display:flex}.fp-app .fs-pl{color:#6a3800;flex-shrink:0;min-width:70px;font-size:11px}.fp-app .fs-pi{color:#2a1400;font-size:12px;font-family:"Sarabun",var(--font-sans),sans-serif;background:#fffef8;border:1px solid #c8a060;border-radius:4px;outline:none;flex:1;min-width:0;padding:4px 6px}.fp-app .fs-pi:focus{border-color:#c8860a;box-shadow:0 0 0 2px #c8860a2e}.fp-app .fs-hint{color:#7a5010;margin-bottom:5px;font-size:10px;line-height:1.45}.fp-app .fs-pb{cursor:pointer;color:#4a2400;width:100%;font-size:11px;font-family:"Sarabun",var(--font-sans),sans-serif;background:#f5e8c0;border:1px solid #c8a060;border-radius:5px;margin-bottom:3px;padding:5px 8px;font-weight:600;transition:all .12s}.fp-app .fs-pb:hover{background:#ffe8a0;border-color:#c8860a}.fp-app .fs-pb.go{color:#fff9e0;background:#c8860a;border-color:#e8a820;padding:8px;font-size:13px}.fp-app .fs-pb.go:hover{background:#e09818}.fp-app .fs-dirbtns{grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:6px;display:grid}.fp-app .fs-dirbtns button{cursor:pointer;color:#4a2400;font-size:9px;font-family:"Sarabun",var(--font-sans),sans-serif;background:#f5e8c0;border:1px solid #c8a060;border-radius:4px;padding:3px;font-weight:600;transition:all .12s}.fp-app .fs-dirbtns button:hover{background:#ffe8a0}.fp-app .fs-charts{flex-direction:column;gap:10px;display:flex}.fp-app .fs-ctitle{color:#8a0000;border-bottom:1px solid #e8d090;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.fp-app .fs-badge{border-radius:9px;padding:1px 7px;font-size:9px;font-weight:700}.fp-app .fs-b-period{color:#ffd080;background:#8a0000;border:1px solid #c84000}.fp-app .fs-b-year{color:#1a4488;background:#e8f0ff;border:1px solid #a0b8e0}.fp-app .fs-b-dir{color:#5a2800;background:#f5e8c0;border:1px solid #d8a040}.fp-app .fs-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;display:grid}.fp-app .fs-cell{background:#fafaf5;border:1px solid #ddd;border-radius:8px;flex-direction:column;align-items:center;min-height:88px;padding:5px 4px 4px;display:flex;position:relative}.fp-app .fs-cell.fs-facing{background:#fffbe8;border:2px solid #e8b800}.fp-app .fs-cell.fs-sitting{background:#f0f4ff;border:2px solid #7090d0}.fp-app .fs-cell.fs-center{background:#f8f0ff;border:2px solid #9060c0}.fp-app .fs-cdir{color:#666;text-align:center;width:100%;margin-bottom:3px;font-size:9px;font-weight:700}.fp-app .fs-cdir .chin{color:#333;margin-left:2px;font-family:Noto Serif TC,serif;font-size:11px}.fp-app .fs-stars{justify-content:center;align-items:flex-start;gap:4px;width:100%;display:flex}.fp-app .fs-per{justify-content:center;align-items:center;margin-top:2px;display:flex}.fp-app .fs-sbox{background:#fff;border:1px solid #e8e8e8;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:30px;min-height:32px;font-family:serif;font-size:18px;font-weight:900;line-height:1;display:flex}.fp-app .fs-sbox.fs-per{border-color:#ddd;width:26px;min-height:26px;font-size:14px}.fp-app .fs-sbox .fs-slbl{font-size:7px;font-family:"Sarabun",var(--font-sans),sans-serif;opacity:.85;margin-top:1px;font-weight:600}.fp-app .fs-cellnote{color:#aaa;text-align:center;margin-top:2px;font-size:7.5px;font-style:italic}.fp-app .fs-cbadge{color:#fff;background:#c8860a;border-radius:3px;padding:0 4px;font-size:7px;font-weight:700;line-height:1.7;position:absolute;top:3px;right:3px}.fp-app .fs-cbadge.sit{background:#5080c0}.fp-app .fs-cbadge.cen{background:#9060c0}.fp-app .fs-legend{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.fp-app .fs-leg{color:#5a3010;align-items:center;gap:3px;font-size:9px;display:flex}.fp-app .fs-leg-dot{border-radius:2px;width:9px;height:9px}.fp-app .fs-repl-note{color:#886620;background:#fff8e0;border:1px solid #e0c060;border-radius:4px;margin-top:5px;padding:3px 7px;font-size:9.5px}.fp-app .fs-flynote{color:#5a3010;background:#fffcf0;border:1px solid #e0d090;border-radius:4px;margin-top:5px;padding:4px 8px;font-size:9.5px;line-height:1.6}.fp-app .fs-empty{text-align:center;color:#a08040;border:2px dashed #d8b878;border-radius:10px;padding:30px 15px;font-size:12px}.fp-app .fs-empty .es{margin-bottom:8px;font-size:38px;display:block}.fp-app .fs-period-tbl{border-collapse:collapse;width:100%;font-size:10px}.fp-app .fs-period-tbl th{color:#5a2800;background:#f5e8c0;border:1px solid #d8b878;padding:2px 4px;font-weight:700}.fp-app .fs-period-tbl td{color:#3a1800;text-align:center;border:1px solid #e8d090;padding:2px 4px}.fp-app .fs-period-tbl tr.cur td{color:#8a0000;background:#fff0d0;font-weight:700}.fp-app{color:#f5e6c8;background:#05080c;height:calc(100dvh - 5.5rem);min-height:720px}.fp-app .topbar{background:#05080c;border-bottom:1px solid #9c6b2fad;height:154px;box-shadow:0 18px 55px #0000006b,inset 0 1px #ffd36a14}.fp-app .tb1{border-bottom:1px solid #9c6b2f57;gap:14px;height:94px;padding:14px 18px}.fp-app .brand-lockup{align-items:center;gap:14px;min-width:0;display:flex}.fp-app .t-sym{color:#ffd36a;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background:#071018;place-items:center;width:58px;height:58px;margin:0;display:grid;position:relative;box-shadow:0 0 34px #d6a84f3d}.fp-app .t-sym:after{content:"";clip-path:inherit;border:1px solid #d6a84f9e;position:absolute;inset:5px}.fp-app .t-main{color:#ffd36a;letter-spacing:.04em;font-size:clamp(22px,2vw,30px)}.fp-app .t-kicker{letter-spacing:.22em;color:#d6a84f;margin-top:4px;font-size:12px;font-weight:800}.fp-app .t-sub{align-items:center;gap:12px;margin-top:4px;display:flex}:is(.fp-app .t-sub b,.fp-app .t-sub small){color:#b89b62;letter-spacing:.03em;font-size:12px}.fp-app .nav-pills{background:#071018b3;border:1px solid #9c6b2f6b;border-radius:999px;flex-wrap:wrap;gap:8px;margin-left:auto;padding:6px;display:flex}.fp-app .nav-pill{color:#b89b62;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .16s;display:inline-flex}:is(.fp-app .nav-pill:hover,.fp-app .nav-pill.active){color:#ffd36a;background:#d6a84f1a;border-color:#ffd36ab8;box-shadow:0 0 20px #d6a84f33}.fp-app .system-badge{color:#ffd36a;white-space:nowrap;background:#d6a84f1a;border:1px solid #d6a84f7a;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.fp-app .t-auth{background:#071018c7;border:1px solid #9c6b2f85;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:0 8px;margin:0;padding:9px 12px;display:grid}.fp-app .t-auth b{color:#ffd36a;font-size:13px}.fp-app .t-auth small{color:#b89b62;font-size:9px}.fp-app .t-auth svg{color:#d6a84f;grid-area:1/2/span 2}.fp-app .tb2{scrollbar-color:#d6a84f73 transparent;background:#050a0f85;gap:8px;height:60px;padding:10px 14px}:is(.fp-app .btn,.fp-app .pb,.fp-app .rb,.fp-app .fs-pb,.fp-app .fs-dirbtns button){color:#d6a84f;background:#050a0fad;border-color:#9c6b2f9e;border-radius:10px;box-shadow:inset 0 1px #ffd36a0f}.fp-app .btn{min-height:38px;padding:8px 12px;font-size:12px;font-weight:800}:is(.fp-app .btn:hover,.fp-app .pb:hover,.fp-app .rb:hover,.fp-app .fs-pb:hover,.fp-app .fs-dirbtns button:hover){color:#ffd36a;background:#d6a84f1f;border-color:#ffd36ac7;transform:translateY(-1px);box-shadow:0 0 22px #d6a84f26,inset 0 1px #ffd36a1a}:is(.fp-app .btn.on,.fp-app .pb.act){color:#1a1007;background:#d6a84f;border-color:#ffd36ae0;box-shadow:0 0 26px #d6a84f4d}:is(.fp-app .btn.r,.fp-app .pb.r,.fp-app .danger-full){color:#ff9a8f;background:#45110e61;border-color:#e4473694}.fp-app .hidden-engine-mode{display:none}.fp-app .vsep{background:#9c6b2fb8;height:34px}.fp-app .ti{color:#ffd36a;background:#050a0fb8;border:1px solid #9c6b2f8c;border-radius:999px;align-items:center;min-height:38px;padding:0 12px;display:inline-flex}.fp-app #cvs{background:#071018;border-right:1px solid #9c6b2f75;top:154px}.fp-app .panel{scrollbar-color:#d6a84f73 #050a0f59;background:#05080c;border-left:1px solid #9c6b2fb8;width:320px;top:154px;bottom:24px;box-shadow:-20px 0 60px #00000059,inset 1px 0 #ffd36a0f}:is(.fp-app .ps,.fp-app .fs-ps){background:#050a0fc2;border:1px solid #9c6b2f7a;border-radius:12px;margin:10px;padding:12px;position:relative;box-shadow:inset 0 1px #ffd36a0f}:is(.fp-app .ph,.fp-app .fs-ph){color:#ffd36a;letter-spacing:.16em;border-bottom:1px solid #9c6b2f57;padding-bottom:8px;font-size:10px}:is(.fp-app .pl,.fp-app .fs-pl,.fp-app .hint,.fp-app .fs-hint,.fp-app .mnt,.fp-app .chk){color:#b89b62}.fp-app .big{color:#ffd36a;text-shadow:0 0 24px #d6a84f47;font-size:34px}:is(.fp-app .pi,.fp-app .fs-pi,.fp-app select,.fp-app input[type=number],.fp-app input[type=text]){color:#f5e6c8!important;background:#05080cd1!important;border-color:#9c6b2f94!important;border-radius:9px!important}:is(.fp-app .pi:focus,.fp-app .fs-pi:focus,.fp-app select:focus,.fp-app input:focus){border-color:#ffd36a!important;box-shadow:0 0 0 2px #d6a84f38!important}.fp-app input[type=range]{accent-color:#d6a84f!important}.fp-app .chk input{accent-color:#d6a84f}.fp-app .rgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.fp-app .pbrow{gap:6px}.fp-app .pv{color:#ffd36a;text-align:right;min-width:32px;font-size:10px}:is(.fp-app .clist,.fp-app #floorList){gap:6px}.fp-app .citem{background:#071018e0;border-color:#9c6b2f8c;border-radius:10px}.fp-app .citem.active{background:#d6a84f1f;border-color:#ffd36adb;box-shadow:0 0 20px #d6a84f2e}.fp-app .citem-num{color:#ffd36a}.fp-app .citem-info{color:#f5e6c8}.fp-app .citem-del{color:#ff8a7a}.fp-app .cogbox{color:#4ade80;background:#4ade801a;border:1px solid #4ade8052}.fp-app .dot{border-color:#ffd36a3d;box-shadow:0 0 12px #0000004d}:is(.fp-app .dot.on,.fp-app .dot:hover){border-color:#ffd36a;box-shadow:0 0 14px #ffd36a4d}.fp-app .status{color:#b89b62;background:#05080cf5;border-top:1px solid #9c6b2f99;height:24px;right:320px}.fp-app .sv{color:#ffd36a}.fp-app .fs-overlay{background:#05080c;border-left:1px solid #9c6b2fb8;width:min(520px,42vw);top:154px;bottom:24px;box-shadow:-18px 0 60px #0000006b,inset 1px 0 #ffd36a0f}.fp-app .fs-overlay .fsh{background:#05080cdb;border-bottom-color:#9c6b2f9e}.fp-app .fs-overlay .fsh-title{color:#ffd36a}.fp-app .fs-overlay .fsh-sub{color:#b89b62}.fp-app .fs-body{padding:10px}:is(.fp-app .fs-cell,.fp-app .fs-cell.fs-facing,.fp-app .fs-cell.fs-sitting,.fp-app .fs-cell.fs-center){color:#f5e6c8;background:#071018e6;border-color:#9c6b2f73}.fp-app .fs-period-tbl th{color:#ffd36a;background:#d6a84f24;border-color:#9c6b2f80}.fp-app .fs-period-tbl td{color:#f5e6c8;border-color:#9c6b2f57}.fp-app .fs-period-tbl tr.cur td{color:#ffd36a;background:#d6a84f1f}.fp-app .fs-empty{color:#b89b62;background:#050a0f6b;border-color:#9c6b2f8a}
.qimen-app{--bg:#f5f0e8;--card:#fff;--border:#c8b89a;--accent:#8b1a1a;--accent2:#5a3e1b;--gold:#d4af37;--green:#1a5c1a;--red:#8b1a1a;--blue:#1a3a6b;--gray:#888;--cell1:#e8e0d0;--cell2:#d8cfc0;--cell3:#ede8de;color:#2a1a0a;background:#070710 linear-gradient(#0b0b1a 0%,#070710 45%,#050509 100%);min-height:100%;padding:18px 12px;font-family:Noto Serif TC,SimSun,MS Mincho,serif;font-size:13px;display:block}.qimen-app *{box-sizing:border-box}.qimen-app .page{background:#f6efdf;border:1px solid #d4af3759;border-radius:16px;max-width:1180px;margin:0 auto;padding:8px;overflow:hidden;box-shadow:0 12px 50px #0000008c}.qimen-app .hdr{color:#fff;text-align:center;border-bottom:3px solid var(--gold);background:linear-gradient(135deg,#7a0e0e,#a11,#7a0e0e);margin-bottom:8px;padding:10px 0}.qimen-app .hdr h1{letter-spacing:4px;font-size:18px;font-weight:400}.qimen-app .hdr p{opacity:.75;letter-spacing:2px;margin-top:2px;font-size:11px}.qimen-app .ctrl{background:#ffffffb3;border:1px solid #d4af374d;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding:7px 10px;display:flex}.qimen-app .ctrl label{color:#555;font-size:11px}.qimen-app select{border:1px solid var(--border);background:#fff;padding:2px 4px;font-family:inherit;font-size:12px}.qimen-app .btn{cursor:pointer;border:1px solid;border-radius:2px;padding:4px 12px;font-family:inherit;font-size:12px}.qimen-app .btn-go{color:#fff;background:linear-gradient(135deg,#9f1239,#dc2626);border:1px solid #f3e3ad99}.qimen-app .btn-go:hover{background:#a22}.qimen-app .btn-now{background:var(--accent2);color:#fff;border-color:#3a2a0a}.qimen-app .btn-sys{color:#fff;background:#888;border-color:#666;padding:3px 8px;font-size:11px}.qimen-app .btn-sys.on{background:var(--accent);border-color:#600}.qimen-app .sep{color:#bbb;font-size:10px}.qimen-app .main{align-items:flex-start;gap:10px;display:flex}.qimen-app .left{flex:1;min-width:0}.qimen-app .right{flex-shrink:0;width:300px}.qimen-app .bazi-box{background:var(--card);border:1px solid var(--border);margin-bottom:8px;padding:8px}.qimen-app .bazi-ttl{text-align:center;color:var(--accent);letter-spacing:1px;margin-bottom:6px;font-size:13px;font-weight:700}.qimen-app .bazi-table{border-collapse:collapse;width:100%}.qimen-app .bazi-table td{text-align:center;padding:2px 4px}.qimen-app .bazi-table .lb{color:#555;font-size:11px;font-weight:700}.qimen-app .bazi-table .st{font-size:28px;font-weight:700;line-height:1.1}.qimen-app .bazi-table .num{color:#888;font-size:11px}.qimen-app .bazi-table .br{font-size:28px;font-weight:700;line-height:1.1}.qimen-app .grid-ttl{text-align:center;color:var(--accent2);margin-bottom:6px;font-size:14px;font-weight:700}.qimen-app .grid-sub{text-align:center;color:#777;margin-bottom:8px;font-size:11px}.qimen-app .grid{background:#888;border:none;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.qimen-app .dir-wrap{background:#555;grid-template-rows:36px 1fr 1fr 1fr 36px;grid-template-columns:36px 1fr 1fr 1fr 36px;gap:1px;max-width:702px;margin:0 auto;display:grid}.qimen-app #grid{background:#888;grid-area:2/2/5/5;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.qimen-app .dir-lbl{color:#fff;letter-spacing:.5px;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2px;font-size:11px;font-weight:700;display:flex}.qimen-app .dir-lbl small{opacity:.85;font-size:9px;font-weight:400}.qimen-app .dir-side{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}:is(.qimen-app .dc-3,.qimen-app .dc-4){background:#2e8b3a}.qimen-app .dc-9{background:#c22}:is(.qimen-app .dc-2,.qimen-app .dc-8){background:#d07020}:is(.qimen-app .dc-7,.qimen-app .dc-6){background:#7a8080}.qimen-app .dc-1{background:#25b}.qimen-app .cell{background:var(--card);cursor:pointer;min-height:150px;padding:7px 8px 6px;transition:opacity .15s;position:relative}.qimen-app .cell:hover{opacity:.85}.qimen-app .cell.bg1{background:var(--cell1)}.qimen-app .cell.bg2{background:var(--cell2)}.qimen-app .cell.bg3{background:var(--cell3)}.qimen-app .cell.center-cell{background:var(--cell1);text-align:center;justify-content:center;align-items:center;display:flex}.qimen-app .c-top{justify-content:space-between;align-items:flex-start;margin-bottom:3px;display:flex}.qimen-app .c-pal{font-size:12px;font-weight:700}.qimen-app .c-pal.water{color:var(--blue)}.qimen-app .c-pal.wood{color:var(--green)}.qimen-app .c-pal.fire{color:var(--red)}.qimen-app .c-pal.metal{color:#8b6914}.qimen-app .c-pal.earth{color:#6b3a1a}.qimen-app .c-god{text-align:right;color:#555;font-size:11px}.qimen-app .c-god small{color:#999;font-size:9px;display:block}.qimen-app .c-mid{align-items:flex-start;gap:5px;margin:3px 0;display:flex}.qimen-app .c-gate{font-family:Noto Serif TC,SimSun,serif;font-size:32px;font-weight:700;line-height:1}.qimen-app .c-tp{color:var(--blue);text-align:right;margin-left:auto;font-size:13px;font-weight:700}.qimen-app .c-tp small{color:#999;font-size:9px;display:block}.qimen-app .c-bot{justify-content:space-between;align-items:flex-end;margin-top:2px;display:flex}.qimen-app .c-star{font-size:11px;font-weight:600}.qimen-app .c-star small{color:#999;font-size:9px;display:block}.qimen-app .c-dp{color:#666;text-align:right;font-size:13px;font-weight:700}.qimen-app .c-dp small{color:#999;font-size:9px;display:block}.qimen-app .mark{border-radius:2px;margin-left:2px;padding:0 3px;font-size:9px;font-weight:700;display:inline-block}.qimen-app .c-hide{color:#999;margin-top:1px;font-size:9px}.qimen-app .c-void{color:#aaa;font-size:9px}.qimen-app .center-inner{padding:6px}.qimen-app .center-ju{color:var(--red);margin-bottom:4px;font-size:16px;font-weight:700}.qimen-app .center-info{color:#555;font-size:10px;line-height:1.8}.qimen-app .center-zf{color:var(--green);font-size:11px;font-weight:700}.qimen-app .legend{color:#666;flex-wrap:wrap;justify-content:center;gap:14px;margin:6px 0;font-size:11px;display:flex}.qimen-app .metrics-box{background:var(--card);border:1px solid var(--border);margin-bottom:8px;padding:8px}.qimen-app .metrics-ttl{color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:4px;font-size:13px;font-weight:700}.qimen-app .m-row{border-bottom:1px solid #f0e8de;gap:4px;padding:3px 0;font-size:12px;display:flex}.qimen-app .m-key{width:80px;color:var(--accent2);flex-shrink:0;font-size:11px;font-weight:700}.qimen-app .m-val{color:#333;flex:1}.qimen-app .m-sys{color:var(--accent);background:#fff8ee;border:1px solid #e0c890;border-radius:2px;padding:2px 6px;font-size:11px}.qimen-app .popup-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.qimen-app .popup-overlay.on{display:flex}.qimen-app .popup-box{background:var(--card);border:2px solid var(--accent);border-radius:4px;width:95%;max-width:560px;max-height:88vh;overflow-y:auto;box-shadow:0 12px 40px #0006}.qimen-app .popup-hdr{color:#fff;background:linear-gradient(135deg,#7a0e0e,#a11);border-radius:2px 2px 0 0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.qimen-app .popup-hdr h3{letter-spacing:1px;margin:0;font-size:14px;font-weight:400}.qimen-app .popup-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.qimen-app .popup-body{padding:14px}.qimen-app .psec{border-bottom:1px solid #e8ddd0;margin-bottom:12px;padding-bottom:10px}.qimen-app .psec:last-child{border-bottom:none;margin-bottom:0}.qimen-app .plbl{color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:9px}.qimen-app .tag{vertical-align:middle;border-radius:3px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.qimen-app .ti{color:#8b1a1a;background:#ffeaea;border:1px solid #cd8a8a}.qimen-app .tn{color:#1a3a8b;background:#e8eeff;border:1px solid #8a9acd}.qimen-app .pattern-list{margin-top:6px}.qimen-app .pat-item{background:ivory;border:1px solid #e0d890;border-radius:3px;margin-bottom:4px;padding:6px 8px;font-size:11px}.qimen-app .pat-name{color:var(--accent2);font-size:12px;font-weight:700}.qimen-app .best-crown{vertical-align:middle;margin-left:3px;font-size:12px}.qimen-app .f-badges{flex-wrap:wrap;align-items:center;gap:1px;margin-right:2px;display:flex}.qimen-app .f-badge{cursor:help;font-size:14px;line-height:1}.qimen-app .f-aup{color:#c00;text-shadow:0 0 5px #c8000080;animation:1.8s ease-in-out infinite qimen-module__ieHCaG__qmfstar}.qimen-app .f-ina{color:#860;font-size:11px}.qimen-app .f-gold{color:#c9a84c;text-shadow:0 0 6px #c9a84ccc;font-size:16px;animation:1.2s ease-in-out infinite qimen-module__ieHCaG__qmfstar}@keyframes qimen-module__ieHCaG__qmfstar{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.25)}}.qimen-app .fsearch-box{background:var(--card);border:1px solid var(--border);margin-bottom:8px}.qimen-app .fsearch-ttl{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#7a0e0e,#a11);padding:8px 12px;font-size:13px}.qimen-app .fsearch-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.qimen-app .fsearch-lbl{color:#555;flex-shrink:0;width:62px;font-size:11px}.qimen-app .fsearch-sel{border:1px solid var(--border);flex:1;padding:3px 4px;font-family:inherit;font-size:11px}.qimen-app .fs-result-item{cursor:pointer;border:1px solid #0000;border-radius:3px;margin-bottom:4px;padding:6px 8px;font-size:11px;transition:background .15s}.qimen-app .fs-result-item:hover{opacity:.85}.qimen-app .fs-result-date{font-size:12px;font-weight:700}.qimen-app .fs-result-detail{color:#555;margin-top:2px;line-height:1.5}.qimen-app .fs-empty{text-align:center;color:#999;padding:16px;font-size:12px}.qimen-app .fs-count{color:#888;text-align:right;margin:4px 0 6px;font-size:11px}@media (max-width:900px){.qimen-app .main{flex-direction:column}.qimen-app .right{width:100%}}.qimen-app{--bg:#05080c;--card:#071018;--border:#9c6b2f8f;--accent:#e44736;--accent2:#d6a84f;--gold:#d6a84f;--gold2:#ffd36a;--green:#4ade80;--red:#e44736;--blue:#78a6ff;--gray:#b89b62;--text:#f5e6c8;--muted:#b89b62;--cell1:#071018eb;--cell2:#05080ce0;--cell3:#0a131ceb;color:var(--text);background-color:#05080c;background-image:radial-gradient(60% 45% at 50% 0,#ffd36a1f,#0000 60%),linear-gradient(#05080c 0%,#071018 48%,#05080c 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;padding:0;position:relative;overflow-x:hidden}.qimen-app .page{z-index:1;max-width:1440px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 auto;padding:0 20px 64px;position:relative;overflow:visible}:is(.qimen-app select,.qimen-app .fsearch-sel){min-height:40px;color:var(--text);background:#05080cdb;border:1px solid #9c6b2f8c;border-radius:8px;outline:none;padding:6px 10px;transition:border-color .2s,box-shadow .2s,background .2s}:is(.qimen-app select:hover,.qimen-app .fsearch-sel:hover){border-color:#d6a84fb3}:is(.qimen-app select:focus,.qimen-app .fsearch-sel:focus){border-color:var(--gold2);box-shadow:0 0 0 2px #d6a84f38}:is(.qimen-app select option,.qimen-app select optgroup){color:var(--text);background:#071018}.qimen-app .btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 16px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.qimen-app .btn:hover{transform:translateY(-1px)}.qimen-app .btn-go{color:#1b1308;background:linear-gradient(135deg,#9c6b2f,#d6a84f 52%,#ffd36a);border-color:#ffd36a9e;box-shadow:0 12px 32px #d6a84f42}.qimen-app .btn-go:hover{background:linear-gradient(135deg,#a87532,#e1b95d,#ffd36a);box-shadow:0 16px 42px #ffd36a52}:is(.qimen-app .btn-now,.qimen-app .btn-sys){color:var(--gold2);background:#05080c8f;border-color:#d6a84f80}:is(.qimen-app .btn-now:hover,.qimen-app .btn-sys:hover){border-color:var(--gold2);background:#d6a84f1f}.qimen-app .btn-sys.on{color:#1b1308;background:linear-gradient(135deg,#9c6b2f,#d6a84f 52%,#ffd36a);border-color:#ffd36ab3;box-shadow:0 0 26px #d6a84f42}.qimen-app .main{grid-template-columns:minmax(0,3fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}:is(.qimen-app .left,.qimen-app .right){min-width:0}.qimen-app .right{width:auto;position:sticky;top:20px}:is(.qimen-app .bazi-box,.qimen-app .metrics-box,.qimen-app .fsearch-box){background:#071018eb;border:1px solid #9c6b2f9e;border-radius:16px;margin-bottom:16px;padding:18px;box-shadow:0 18px 60px #0000006b,inset 0 1px #ffd36a0f}:is(.qimen-app .bazi-ttl,.qimen-app .metrics-ttl){color:var(--gold2);letter-spacing:1.5px;border-bottom:1px solid #9c6b2f66;margin-bottom:12px;padding-bottom:10px}.qimen-app .bazi-table td{color:var(--text);padding:7px 8px}:is(.qimen-app .bazi-table .lb,.qimen-app .bazi-table .num){color:var(--muted)}:is(.qimen-app .bazi-table .st,.qimen-app .bazi-table .br){text-shadow:0 0 16px #ffd36a1f;font-size:36px}:is(.qimen-app .st.yang,.qimen-app .br.yang){color:var(--red)}:is(.qimen-app .st.yin,.qimen-app .br.yin){color:var(--green)}.qimen-app .grid-ttl{color:var(--gold2);margin-bottom:6px;font-size:18px}.qimen-app .grid-sub{color:var(--muted);margin-bottom:14px}.qimen-app .dir-wrap{background:#9c6b2f8c;border:1px solid #ffd36a6b;grid-template-rows:42px 1fr 1fr 1fr 42px;grid-template-columns:42px 1fr 1fr 1fr 42px;gap:2px;max-width:850px;box-shadow:0 0 34px #d6a84f24}.qimen-app #grid{background:#9c6b2f8c;gap:2px}.qimen-app .dir-lbl{color:#f5e6c8;border:1px solid #9c6b2f42;background:#05080cd1!important}:is(.qimen-app .dc-3,.qimen-app .dc-4){color:#4ade80}.qimen-app .dc-9{color:#e44736}:is(.qimen-app .dc-2,.qimen-app .dc-8){color:#ffd36a}:is(.qimen-app .dc-7,.qimen-app .dc-6){color:#d7dee8}.qimen-app .dc-1{color:#78a6ff}.qimen-app .cell{min-height:174px;color:var(--text);background:#071018eb;border:1px solid #9c6b2f47;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.qimen-app .cell:hover{opacity:1;border-color:#ffd36a80;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffd36a24,0 12px 28px #00000038}:is(.qimen-app .cell.bg1,.qimen-app .cell.bg2,.qimen-app .cell.bg3,.qimen-app .cell.center-cell){background:#071018eb}.qimen-app .cell.hour-cell{box-shadow:inset 0 0 0 2px var(--gold2), 0 0 28px #ffd36a38;background:#45110ebd}.qimen-app .cell.center-cell{background:radial-gradient(circle,#d6a84f24,#0000 62%),#05080ceb}:is(.qimen-app .c-pal,.qimen-app .c-tp,.qimen-app .c-star,.qimen-app .c-dp){color:var(--gold2)}:is(.qimen-app .c-god,.qimen-app .c-god small,.qimen-app .c-tp small,.qimen-app .c-star small,.qimen-app .c-dp small,.qimen-app .c-hide,.qimen-app .c-void){color:var(--muted)}.qimen-app .c-gate{text-shadow:0 0 20px #00000073;font-size:40px}.qimen-app .c-gate.aup{color:var(--green)}.qimen-app .c-gate.ina{color:var(--red)}.qimen-app .center-ju{color:var(--gold2);font-size:18px}.qimen-app .center-info{color:var(--muted);font-size:11px}.qimen-app .center-zf{color:var(--green)}.qimen-app .mark{border:1px solid;border-radius:999px;padding:1px 5px}.qimen-app .mark-k{color:var(--muted);background:#b89b621a}.qimen-app .mark-m{color:var(--gold2);background:#ffd36a1f}.qimen-app .mark-x{color:#ff8a7a;background:#e4473629}.qimen-app .mark-p{color:var(--green);background:#4ade801f}.qimen-app .legend{color:var(--muted);background:#071018d1;border:1px solid #9c6b2f8c;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin:16px 0 0;padding:14px 16px;box-shadow:inset 0 1px #ffd36a0f}.qimen-app .legend span{align-items:center;gap:6px;display:inline-flex}.qimen-app .m-row{border-bottom:1px solid #9c6b2f42;padding:8px 0}.qimen-app .m-key{color:var(--muted);width:106px}.qimen-app .m-val{color:var(--text)}.qimen-app .m-sys{color:var(--gold2);background:#d6a84f1f;border:1px solid #d6a84f73;border-radius:999px}.qimen-app .fsearch-ttl{color:var(--gold2);letter-spacing:1.5px;background:0 0;border-bottom:1px solid #9c6b2f66;align-items:center;gap:8px;padding:0 0 12px;display:flex}.qimen-app .fsearch-body{padding:14px 0 0}.qimen-app .fsearch-row{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:12px}.qimen-app .fsearch-lbl{width:auto;color:var(--muted);letter-spacing:1px}.qimen-app .fs-result-item{color:var(--text);background:#05080c8f;border-color:#9c6b2f52}.qimen-app .fs-result-item:hover{opacity:1;background:#d6a84f1a;border-color:#ffd36a8c}.qimen-app .fs-result-item.aup{background:#4ade801a;border-color:#4ade805c}.qimen-app .fs-result-item.ina{background:#e447361f;border-color:#e4473661}:is(.qimen-app .fs-result-detail,.qimen-app .fs-empty,.qimen-app .fs-count){color:var(--muted)}.qimen-app .popup-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000c7}.qimen-app .popup-box{color:var(--text);background:#071018;border:1px solid #9c6b2fb8;border-radius:16px;box-shadow:0 24px 80px #0000008c,inset 0 1px #ffd36a0f}.qimen-app .popup-hdr{color:var(--gold2);background:#05080ceb;border-bottom:1px solid #9c6b2f6b;border-radius:16px 16px 0 0}.qimen-app .popup-body{color:var(--text)}.qimen-app .psec{border-bottom-color:#9c6b2f42}.qimen-app .plbl{color:var(--muted)}.qimen-app .ti{color:#ff8a7a;background:#e4473624;border-color:#e447367a}.qimen-app .tn{color:#a9c5ff;background:#78a6ff1f;border-color:#78a6ff6b}.qimen-app .pat-item{color:var(--text);background:#05080c8f;border-color:#9c6b2f57}.qimen-app .pat-item.aup{background:#4ade801a;border-color:#4ade805c}.qimen-app .pat-item.ina{background:#e447361f;border-color:#e4473661}.qimen-app .pat-name{color:var(--gold2)}.qimen-app .cell.best-cell{box-shadow:inset 0 0 0 2px var(--gold2), 0 0 22px #ffd36a61;background:#ffd36a1a!important}@media (max-width:1100px){.qimen-app .main{grid-template-columns:1fr}.qimen-app .right{width:100%;position:static}}@media (max-width:720px){.qimen-app .page{padding:0 12px 48px}.qimen-app .dir-wrap{grid-template-rows:32px 1fr 1fr 1fr 32px;grid-template-columns:32px 1fr 1fr 1fr 32px}.qimen-app .cell{min-height:142px;padding:6px}.qimen-app .c-gate{font-size:32px}}
.yg-app{height:calc(100dvh - 7.5rem);min-height:560px;font-family:"Sarabun", var(--font-sans), sans-serif;-webkit-user-select:none;user-select:none;color:#2a1400;background:#ede8d8;position:relative;overflow:hidden}.yg-app *{box-sizing:border-box;margin:0;padding:0}.yg-app .topbar{z-index:100;background:#1a1005;border-bottom:2px solid #7a5010;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 3px 14px #0000008c}.yg-app .tb1{border-bottom:1px solid #c88c142e;align-items:center;height:48px;padding:0 18px;display:flex}.yg-app .t-sym{opacity:.75;margin-right:12px;font-size:22px}.yg-app .t-main{color:#f2c030;letter-spacing:.16em;white-space:nowrap;font-family:Noto Serif TC,serif;font-size:18px;font-weight:900}.yg-app .t-vl{background:#b4821e99;width:1px;height:28px;margin:0 16px}.yg-app .t-sub b{color:#d4a030;letter-spacing:.06em;font-size:12px;font-weight:600;display:block}.yg-app .t-sub small{color:#7a5818;letter-spacing:.08em;font-size:9.5px}.yg-app .t-auth{text-align:right;margin-left:auto}.yg-app .t-auth b{color:#ecc040;letter-spacing:.1em;font-family:Noto Serif TC,serif;font-size:15px;display:block}.yg-app .t-auth small{color:#6a4e18;letter-spacing:.1em;font-size:9px}.yg-app .tb2{background:#0000002e;flex-wrap:nowrap;align-items:center;gap:3px;height:36px;padding:0 8px;display:flex;overflow-x:auto}.yg-app .btn{color:#b89040;font-family:"Sarabun",var(--font-sans),sans-serif;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #4a3010;border-radius:3px;flex-shrink:0;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;transition:all .14s;display:inline-flex}.yg-app .btn:hover{color:#f0c040;background:#c88c0a1f;border-color:#c8900a}.yg-app .btn.on{color:#f5d060;background:#dcaa142e;border-color:#e8b820}.yg-app .btn.r{color:#d06050}.yg-app .btn.r:hover{color:#ff7060;border-color:#d04030}.yg-app .vsep{background:#3a2808;flex-shrink:0;width:1px;height:20px;margin:0 3px}.yg-app .sp{flex:1}.yg-app .ti{color:#806030;white-space:nowrap;font-family:monospace;font-size:10px}.yg-app #cvs{display:block;position:absolute;top:84px;left:0}.yg-app .panel{z-index:50;background:#f5f0e4;border-left:2px solid #c8a060;width:220px;position:absolute;top:84px;bottom:24px;right:0;overflow-y:auto}.yg-app .ps{border-bottom:1px solid #ddd0a0;padding:9px 11px}.yg-app .ph{color:#8a6020;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-family:Noto Serif TC,serif;font-size:9px}.yg-app .pr{align-items:center;gap:5px;margin-bottom:6px;display:flex}.yg-app .pl{color:#6a4818;flex-shrink:0;width:46px;font-size:11px}.yg-app .pi{color:#2a1400;text-align:right;background:#fff;border:1px solid #c8a060;border-radius:3px;flex:1;padding:3px 6px;font-family:monospace;font-size:12px}.yg-app .pi:focus{border-color:#8a4010;outline:none}.yg-app .pb{color:#5a3010;width:100%;font-family:"Sarabun",var(--font-sans),sans-serif;cursor:pointer;text-align:center;background:#fffaf0;border:1px solid #d8b878;border-radius:3px;margin-bottom:3px;padding:5px;font-size:11px;transition:all .12s}.yg-app .pb:hover{color:#2a1000;background:#fff0d0;border-color:#8a4010}.yg-app .pb.r{color:#8a1a00;border-color:#c04020}.yg-app .pb.r:hover{background:#ffe8e0}.yg-app .pb.act{color:#062;background:#14b43c1a;border-color:#2a4}.yg-app .big{color:#8a0000;text-align:center;margin:3px 0;font-family:Noto Serif TC,serif;font-size:26px;line-height:1}.yg-app .mnt{text-align:center;color:#6a3010;margin-bottom:4px;font-size:11px}.yg-app .rgrid{grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:6px;display:grid}.yg-app .rb{text-align:center;color:#5a3010;cursor:pointer;background:#fffaf0;border:1px solid #d8b878;border-radius:3px;padding:5px 0;font-size:12px}.yg-app .rb:hover{border-color:#8a4010}.yg-app .chk{color:#5a3a10;cursor:pointer;align-items:center;gap:6px;margin-bottom:3px;font-size:11px;display:flex}.yg-app .dots{flex-wrap:wrap;gap:3px;display:flex}.yg-app .dot{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:17px;height:17px;transition:all .1s}:is(.yg-app .dot.on,.yg-app .dot:hover){border-color:#333;transform:scale(1.18)}.yg-app .cogbox{color:#072;text-align:center;background:#0096320f;border-radius:3px;margin-bottom:3px;padding:4px;font-family:monospace;font-size:10px;line-height:1.4}.yg-app .pbrow{gap:3px;margin-bottom:3px;display:flex}.yg-app .pbrow .pb{margin-bottom:0}.yg-app .hint{color:#7a5010;margin-bottom:5px;font-size:10px;line-height:1.45}.yg-app .clist{flex-direction:column;gap:3px;margin-bottom:6px;display:flex}.yg-app .citem{cursor:pointer;background:#fffaf0;border:1px solid #d8b878;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;transition:all .12s;display:flex}.yg-app .citem-num{color:#8a0000;text-align:center;flex-shrink:0;width:18px;font-family:Noto Serif TC,serif;font-size:13px}.yg-app .citem-info{color:#5a3010;flex:1;font-size:10px;line-height:1.4}.yg-app .citem-del{color:#cc3010;cursor:pointer;flex-shrink:0;padding:0 2px;font-size:13px}.yg-app .citem-del:hover{color:#ff2000}.yg-app .status{color:#7a5a28;z-index:50;background:#1e1408;border-top:1px solid #3a2808;align-items:center;gap:16px;height:24px;padding:0 12px;font-family:monospace;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:220px}:is(.yg-app #fsPanel,.yg-app #ygPanel,.yg-app #lfPanel){display:none}:is(.yg-app #fsPanel.show,.yg-app #ygPanel.show,.yg-app #lfPanel.show){display:block}.yg-app .fs-overlay{z-index:200;background:#fdf8ee;border-right:2px solid #c8860a;flex-direction:column;width:420px;max-width:100%;display:flex;position:absolute;top:84px;bottom:24px;left:0;overflow-y:auto;box-shadow:6px 0 28px #0000002e}.yg-app #lfDirModal{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000094;justify-content:center;align-items:flex-start;padding:16px 8px;display:none;position:fixed;inset:0;overflow-y:auto}.yg-app #lfDirModal.show{display:flex}.yg-app #lfDirModal .lfdm-box{background:#fffdf5;border:2.5px solid #c09820;border-radius:14px;width:min(96vw,680px);padding:16px 18px;position:relative}.yg-app #lfPopupModal{z-index:950;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;justify-content:center;align-items:flex-start;padding:12px 6px;display:none;position:fixed;inset:0;overflow-y:auto}.yg-app #lfPopupModal.show{display:flex}.yg-app #lfPopupModal .lfpm-box{background:#fffdf5;border:2.5px solid #c09820;border-radius:14px;width:min(98vw,1100px);padding:18px 22px;position:relative}.yg-app .fs-overlay .fsh{background:#2e1c06;border-bottom:1.5px solid #c8860a;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.yg-app .fs-overlay .fsh-title{color:#f2c030;letter-spacing:.06em;font-family:Noto Serif TC,serif;font-size:14px;font-weight:900}.yg-app .fs-overlay .fsh-sub{color:#c8a060;flex:1;font-size:10px}.yg-app .fs-close{color:#f2c030;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.yg-app .fs-close:hover{color:#ff8040}.yg-app .fs-body{flex:1;padding:10px 12px}.yg-app .fs-ps{background:#fffcf0;border:1px solid #e0c07a;border-radius:7px;margin-bottom:8px;padding:8px 9px}.yg-app .fs-ph{color:#8a1a00;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #e8d090;margin-bottom:7px;padding-bottom:4px;font-size:11px;font-weight:700}.yg-app .fs-pr{align-items:center;gap:6px;margin-bottom:5px;display:flex}.yg-app .fs-pl{color:#6a3800;flex-shrink:0;min-width:70px;font-size:11px}.yg-app .fs-pi{color:#2a1400;font-size:12px;font-family:"Sarabun",var(--font-sans),sans-serif;background:#fffef8;border:1px solid #c8a060;border-radius:4px;outline:none;flex:1;min-width:0;padding:4px 6px}.yg-app .fs-pi:focus{border-color:#c8860a;box-shadow:0 0 0 2px #c8860a2e}.yg-app .fs-hint{color:#7a5010;margin-bottom:5px;font-size:10px;line-height:1.45}.yg-app .fs-pb{cursor:pointer;color:#4a2400;width:100%;font-size:11px;font-family:"Sarabun",var(--font-sans),sans-serif;background:#f5e8c0;border:1px solid #c8a060;border-radius:5px;margin-bottom:3px;padding:5px 8px;font-weight:600;transition:all .12s}.yg-app .fs-pb:hover{background:#ffe8a0;border-color:#c8860a}.yg-app .fs-pb.go{color:#fff9e0;background:#c8860a;border-color:#e8a820;padding:8px;font-size:13px}.yg-app .fs-pb.go:hover{background:#e09818}.yg-app .fs-dirbtns{grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:6px;display:grid}.yg-app .fs-dirbtns button{cursor:pointer;color:#4a2400;font-size:9px;font-family:"Sarabun",var(--font-sans),sans-serif;background:#f5e8c0;border:1px solid #c8a060;border-radius:4px;padding:3px;font-weight:600;transition:all .12s}.yg-app .fs-dirbtns button:hover{background:#ffe8a0}.yg-app .fs-charts{flex-direction:column;gap:10px;display:flex}.yg-app .fs-card{background:#fdf8ee;border:1.5px solid #d8b060;border-radius:10px;padding:12px 12px 10px;box-shadow:0 1px 8px #b4780017}.yg-app .fs-ctitle{color:#8a0000;border-bottom:1px solid #e8d090;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.yg-app .fs-badge{border-radius:9px;padding:1px 7px;font-size:9px;font-weight:700}.yg-app .fs-b-period{color:#ffd080;background:#8a0000;border:1px solid #c84000}.yg-app .fs-b-year{color:#1a4488;background:#e8f0ff;border:1px solid #a0b8e0}.yg-app .fs-b-dir{color:#5a2800;background:#f5e8c0;border:1px solid #d8a040}.yg-app .fs-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;display:grid}.yg-app .fs-cell{background:#fafaf5;border:1px solid #ddd;border-radius:8px;flex-direction:column;align-items:center;min-height:88px;padding:5px 4px 4px;display:flex;position:relative}.yg-app .fs-cell.fs-facing{background:#fffbe8;border:2px solid #e8b800}.yg-app .fs-cell.fs-sitting{background:#f0f4ff;border:2px solid #7090d0}.yg-app .fs-cell.fs-center{background:#f8f0ff;border:2px solid #9060c0}.yg-app .fs-cdir{color:#666;text-align:center;width:100%;margin-bottom:3px;font-size:9px;font-weight:700}.yg-app .fs-cdir .chin{color:#333;margin-left:2px;font-family:Noto Serif TC,serif;font-size:11px}.yg-app .fs-stars{justify-content:center;align-items:flex-start;gap:4px;width:100%;display:flex}.yg-app .fs-per{justify-content:center;align-items:center;margin-top:2px;display:flex}.yg-app .fs-sbox{background:#fff;border:1px solid #e8e8e8;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:30px;min-height:32px;font-family:serif;font-size:18px;font-weight:900;line-height:1;display:flex}.yg-app .fs-sbox.fs-per{border-color:#ddd;width:26px;min-height:26px;font-size:14px}.yg-app .fs-sbox .fs-slbl{font-size:7px;font-family:"Sarabun",var(--font-sans),sans-serif;opacity:.85;margin-top:1px;font-weight:600}.yg-app .fs-cellnote{color:#aaa;text-align:center;margin-top:2px;font-size:7.5px;font-style:italic}.yg-app .fs-cbadge{color:#fff;background:#c8860a;border-radius:3px;padding:0 4px;font-size:7px;font-weight:700;line-height:1.7;position:absolute;top:3px;right:3px}.yg-app .fs-cbadge.sit{background:#5080c0}.yg-app .fs-cbadge.cen{background:#9060c0}.yg-app .fs-legend{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.yg-app .fs-leg{color:#5a3010;align-items:center;gap:3px;font-size:9px;display:flex}.yg-app .fs-leg-dot{border-radius:2px;width:9px;height:9px}.yg-app .fs-repl-note{color:#886620;background:#fff8e0;border:1px solid #e0c060;border-radius:4px;margin-top:5px;padding:3px 7px;font-size:9.5px}.yg-app .fs-flynote{color:#5a3010;background:#fffcf0;border:1px solid #e0d090;border-radius:4px;margin-top:5px;padding:4px 8px;font-size:9.5px;line-height:1.6}.yg-app .fs-empty{text-align:center;color:#a08040;border:2px dashed #d8b878;border-radius:10px;padding:30px 15px;font-size:12px}.yg-app .fs-empty .es{margin-bottom:8px;font-size:38px;display:block}.yg-app .fs-period-tbl{border-collapse:collapse;width:100%;font-size:10px}.yg-app .fs-period-tbl th{color:#5a2800;background:#f5e8c0;border:1px solid #d8b878;padding:2px 4px;font-weight:700}.yg-app .fs-period-tbl td{color:#3a1800;text-align:center;border:1px solid #e8d090;padding:2px 4px}.yg-app .fs-period-tbl tr.cur td{color:#8a0000;background:#fff0d0;font-weight:700}@media print{:is(.yg-app .no-print,.yg-app .fs-close,.yg-app .btn-pdf){display:none!important}}.yg-app{color:#f5e6c8;isolation:isolate;background:#05080c;height:100%;min-height:640px}.yg-app .topbar{opacity:0;pointer-events:none;background:#05080c;border-bottom:1px solid #9c6b2fb3;height:84px;display:none;box-shadow:0 18px 55px #0000005c,inset 0 1px #ffd36a14}.yg-app .tb1{display:none}.yg-app .tb2{scrollbar-color:#d6a84f73 transparent;background:0 0;gap:8px;height:84px;padding:14px 16px}:is(.yg-app .btn,.yg-app .pb,.yg-app .rb,.yg-app .fs-pb,.yg-app .fs-dirbtns button){color:#d6a84f;background:#050a0fad;border-color:#9c6b2f9e;border-radius:10px;box-shadow:inset 0 1px #ffd36a0f}.yg-app .btn{min-height:38px;padding:8px 12px;font-size:12px;font-weight:700}:is(.yg-app .btn:hover,.yg-app .pb:hover,.yg-app .rb:hover,.yg-app .fs-pb:hover,.yg-app .fs-dirbtns button:hover){color:#ffd36a;background:#d6a84f1f;border-color:#ffd36ac7;transform:translateY(-1px);box-shadow:0 0 22px #d6a84f26,inset 0 1px #ffd36a1a}:is(.yg-app .btn.on,.yg-app .pb.act){color:#1a1007;background:#d6a84f;border-color:#ffd36ae0;box-shadow:0 0 26px #d6a84f4d}:is(.yg-app .btn.r,.yg-app .pb.r){color:#ff8a7a;background:#45110e61;border-color:#e447368c}:is(.yg-app .btn.r:hover,.yg-app .pb.r:hover){color:#ffc1b8;background:#e4473629;border-color:#e44736e0}.yg-app .vsep{background:#9c6b2fb8;height:34px}.yg-app .ti{color:#ffd36a;background:#050a0fb8;border:1px solid #9c6b2f8c;border-radius:999px;align-items:center;min-height:38px;padding:0 12px;display:inline-flex}.yg-app #cvs{background:#071018;border-right:1px solid #9c6b2f75;top:0;left:0}.yg-app .panel{scrollbar-color:#d6a84f73 #050a0f59;background:#05080c;border-left:1px solid #9c6b2fb8;width:22%;min-width:290px;top:0;bottom:24px;box-shadow:-20px 0 60px #00000059,inset 1px 0 #ffd36a0f}:is(.yg-app .ps,.yg-app .fs-ps){background:#050a0fc2;border:1px solid #9c6b2f7a;border-radius:12px;margin:10px;padding:12px;position:relative;box-shadow:inset 0 1px #ffd36a0f}:is(.yg-app .ph,.yg-app .fs-ph){color:#ffd36a;letter-spacing:.16em;border-bottom:1px solid #9c6b2f57;padding-bottom:8px;font-size:10px}:is(.yg-app .pl,.yg-app .fs-pl,.yg-app .hint,.yg-app .fs-hint,.yg-app .mnt,.yg-app .chk){color:#b89b62}.yg-app .big{color:#ffd36a;text-shadow:0 0 24px #d6a84f47;font-size:34px}:is(.yg-app .pi,.yg-app .fs-pi,.yg-app select,.yg-app input[type=number],.yg-app input[type=text]){color:#f5e6c8!important;background:#05080cd1!important;border-color:#9c6b2f94!important;border-radius:9px!important}:is(.yg-app .pi:focus,.yg-app .fs-pi:focus,.yg-app select:focus,.yg-app input:focus){border-color:#ffd36a!important;box-shadow:0 0 0 2px #d6a84f38!important}.yg-app input[type=range]{accent-color:#d6a84f!important}.yg-app .chk input{accent-color:#d6a84f}.yg-app .rgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.yg-app .pbrow{gap:6px}:is(.yg-app .clist,.yg-app #floorList){gap:6px}.yg-app .citem{background:#071018e0;border-color:#9c6b2f8c;border-radius:10px}.yg-app .citem.active{background:#d6a84f1f;border-color:#ffd36adb;box-shadow:0 0 20px #d6a84f2e}.yg-app .citem-num{color:#ffd36a}.yg-app .citem-info{color:#f5e6c8}.yg-app .citem-del{color:#ff8a7a}.yg-app .cogbox{color:#4ade80;background:#4ade801a;border:1px solid #4ade8052}.yg-app .dot{border-color:#ffd36a3d;box-shadow:0 0 12px #0000004d}:is(.yg-app .dot.on,.yg-app .dot:hover){border-color:#ffd36a;box-shadow:0 0 14px #ffd36a4d}.yg-app .status{color:#b89b62;background:#05080cf5;border-top:1px solid #9c6b2f99;height:24px;right:22%}.yg-app .status:after{content:"มุม: 0.0°   หน่วย: องศา (°)   ระบบ: Yang Gong SanYuan";color:#b89b62;margin-left:auto}.yg-app .sv{color:#ffd36a}.yg-app .fs-overlay{background:#05080c;border-right:1px solid #9c6b2fb8;width:min(520px,42vw);top:0;bottom:24px;box-shadow:18px 0 60px #0000006b,inset -1px 0 #ffd36a0f}.yg-app .fs-overlay .fsh{background:#05080cdb;border-bottom-color:#9c6b2f9e}.yg-app .fs-overlay .fsh-title{color:#ffd36a}.yg-app .fs-overlay .fsh-sub{color:#b89b62}.yg-app .fs-body{padding:10px}:is(.yg-app .fs-card,.yg-app .fs-cell,.yg-app .fs-cell.fs-facing,.yg-app .fs-cell.fs-sitting,.yg-app .fs-cell.fs-center){color:#f5e6c8;background:#071018e6;border-color:#9c6b2f73}.yg-app .fs-period-tbl th{color:#ffd36a;background:#d6a84f24;border-color:#9c6b2f80}.yg-app .fs-period-tbl td{color:#f5e6c8;border-color:#9c6b2f57}.yg-app .fs-period-tbl tr.cur td{color:#ffd36a;background:#d6a84f1f}.yg-app .fs-empty{color:#b89b62;background:#050a0f6b;border-color:#9c6b2f8a}:is(.yg-app #lfDirModal,.yg-app #lfPopupModal){background:#000000b8}:is(.yg-app #lfDirModal .lfdm-box,.yg-app #lfPopupModal .lfpm-box){color:#f5e6c8;background:#071018;border-color:#9c6b2fc7;box-shadow:0 28px 90px #0000008c}@media (max-width:1180px){.yg-app .panel{width:300px}.yg-app .status{right:300px}}