html{-webkit-text-size-adjust:100%;line-height:1.15}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}:root{letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#333;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f0e8;font:18px/145% system-ui,PingFang SC,Microsoft YaHei,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color:#b8b0a0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1c1914}:root:not([data-theme=light]) h1,:root:not([data-theme=light]) h2{color:#e0d8c8}}:root[data-theme=dark]{color:#b8b0a0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1c1914}:root[data-theme=dark] h1,:root[data-theme=dark] h2{color:#e0d8c8}:root[data-theme=light]{color:#333;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f0e8}:root[data-theme=light] h1,:root[data-theme=light] h2{color:#1a1a1a}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{color:#1a1a1a;font-family:STKaiti,KaiTi,楷体,serif;font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code{color:#1a1a1a;background:#faf7f0;border-radius:4px;padding:4px 8px;font-family:ui-monospace,Consolas,monospace;font-size:15px;line-height:135%;display:inline-flex}.bagua-luopan-container{--luopan-bg-center:#3a2e1e;--luopan-bg-mid:#2a2015;--luopan-bg-edge:#1e180f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .bagua-luopan-container{--luopan-bg-center:#1e1e1e;--luopan-bg-mid:#121212;--luopan-bg-edge:#080808}}:root[data-theme=dark] .bagua-luopan-container{--luopan-bg-center:#1e1e1e;--luopan-bg-mid:#121212;--luopan-bg-edge:#080808}.bagua-luopan-container{perspective:1800px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.bagua-luopan-svg{-webkit-user-select:none;user-select:none;transform-origin:50%;width:auto;max-width:100%;height:auto;max-height:100%;transform-style:preserve-3d;will-change:transform;display:block;overflow:hidden;transform:rotateX(12deg)translateY(-3%)}.bagua-luopan-svg text{pointer-events:none}.bagua-luopan-tooltip{z-index:100;color:#f5f0e8;white-space:nowrap;pointer-events:none;background:#1a1a1ae6;border:1px solid #b8860b4d;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-family:SimSun,宋体,STSong,serif;font-size:14px;display:flex;position:fixed}.bagua-luopan-tooltip .tooltip-label{color:#d4c5a0;font-weight:600}.bagua-luopan-tooltip .tooltip-sublabel{color:#c13a28;font-size:12px}.bagua-luopan-tooltip .tooltip-ring{color:#999;opacity:.6;font-size:11px}.scroll-picker{justify-content:center;gap:4px;display:flex}.picker-column{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.picker-column .picker-label{color:#c13a28;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600}.picker-viewport{background:#f5f0e899;border:1px solid #d4d0c8;border-radius:4px;width:100%;position:relative;overflow:hidden}.picker-viewport .picker-highlight{pointer-events:none;z-index:1;background:#c13a2814;border-top:1px solid #c13a2833;border-bottom:1px solid #c13a2833;position:absolute;left:0;right:0}.picker-viewport .picker-mask{pointer-events:none;z-index:2;position:absolute;left:0;right:0}.picker-viewport .picker-mask-top{background:linear-gradient(#faf7f0e6,#0000);top:0}.picker-viewport .picker-mask-bottom{background:linear-gradient(#0000,#faf7f0e6);bottom:0}.picker-scroll{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-y:auto}.picker-scroll::-webkit-scrollbar{display:none}.picker-item{text-align:center;color:#666;cursor:pointer;scroll-snap-align:start;-webkit-user-select:none;user-select:none;font-family:ui-monospace,Consolas,monospace;font-size:15px;transition:color .15s}.picker-item.selected{color:#1a1a1a;font-weight:600}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .picker-viewport{background:#1c191480;border-color:#b8860b26}:root:not([data-theme=light]) .picker-viewport .picker-highlight{background:#c13a281f}:root:not([data-theme=light]) .picker-viewport .picker-mask-top{background:linear-gradient(#252017e6,#0000)}:root:not([data-theme=light]) .picker-viewport .picker-mask-bottom{background:linear-gradient(#0000,#252017e6)}}:root[data-theme=dark] .picker-viewport{background:#1c191480;border-color:#b8860b26}:root[data-theme=dark] .picker-viewport .picker-highlight{background:#c13a281f}:root[data-theme=dark] .picker-viewport .picker-mask-top{background:linear-gradient(#252017e6,#0000)}:root[data-theme=dark] .picker-viewport .picker-mask-bottom{background:linear-gradient(#0000,#252017e6)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .picker-item{color:#b8b0a0}:root:not([data-theme=light]) .picker-item.selected{color:#e0d8c8}}:root[data-theme=dark] .picker-item{color:#b8b0a0}:root[data-theme=dark] .picker-item.selected{color:#e0d8c8}.birth-input-form{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf7f0f2;border:1px solid #d4d0c8;border-radius:12px;width:100%;padding:24px}.birth-input-form .form-header{text-align:center;margin-bottom:16px}.birth-input-form .form-header .form-title{color:#1a1a1a;letter-spacing:2px;margin:0 0 4px;font-family:STKaiti,KaiTi,楷体,serif;font-size:28px}.birth-input-form .form-header .form-subtitle{color:#666;margin:0;font-size:13px}.birth-input-form .form-fields{flex-direction:column;gap:12px;display:flex}.birth-input-form .field-group{flex-direction:column;gap:4px;display:flex}.birth-input-form .field-group label{color:#c13a28;letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:600}.birth-input-form .field-group input{color:#333;background:#f5f0e8;border:1px solid #d4d0c8;border-radius:4px;outline:none;padding:8px 12px;font-family:system-ui,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.birth-input-form .field-group input:focus{border-color:#c13a28;box-shadow:0 0 0 2px #c13a2826}.birth-input-form .field-group input::placeholder{color:#999}.birth-input-form .date-picker{margin-top:4px}.birth-input-form .time-picker{margin-top:0}.birth-input-form .divination-time{justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:6px 0;font-size:12px;display:flex}.birth-input-form .divination-time .divination-time-label{color:#999;letter-spacing:.5px}.birth-input-form .divination-time .divination-time-value{color:#b8860b;letter-spacing:1px;font-family:ui-monospace,Consolas,monospace}.birth-input-form .submit-btn{letter-spacing:2px;color:#f5f0e8;cursor:pointer;background:linear-gradient(135deg,#c13a28,#a23122);border:none;border-radius:8px;width:100%;margin-top:12px;padding:12px 24px;font-family:STKaiti,KaiTi,楷体,serif;font-size:18px;transition:all .3s;display:block;position:relative;overflow:hidden}.birth-input-form .submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.birth-input-form .submit-btn:hover:not(:disabled):before{left:100%}.birth-input-form .submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #c13a2859}.birth-input-form .submit-btn:active:not(:disabled){transform:translateY(0)}.birth-input-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.birth-input-form .submit-btn.calculating{background:linear-gradient(135deg,#2b4570,#22375a)}.birth-input-form .submit-btn .btn-loading{justify-content:center;align-items:center;gap:8px;display:flex}.birth-input-form .submit-btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.birth-input-form{padding:16px}.birth-input-form .form-header .form-title{font-size:24px}.birth-input-form .submit-btn{padding:10px 20px;font-size:16px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .birth-input-form{background:#252017f2;border-color:#b8860b33}:root:not([data-theme=light]) .birth-input-form .form-title{color:#e0d8c8}:root:not([data-theme=light]) .birth-input-form .form-subtitle{color:#b8b0a0}:root:not([data-theme=light]) .birth-input-form .field-group input{color:#b8b0a0;background:#1c1914;border-color:#b8860b33}}:root[data-theme=dark] .birth-input-form{background:#252017f2;border-color:#b8860b33}:root[data-theme=dark] .birth-input-form .form-title{color:#e0d8c8}:root[data-theme=dark] .birth-input-form .form-subtitle{color:#b8b0a0}:root[data-theme=dark] .birth-input-form .field-group input{color:#b8b0a0;background:#1c1914;border-color:#b8860b33}.divination-progress{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf7f0f2;border:1px solid #d4d0c8;border-radius:12px;width:100%;max-width:420px;margin:16px auto;padding:16px 20px;animation:.3s fadeIn}.divination-progress.complete{animation:.5s .3s forwards fadeOut}.progress-track{background:#d4d0c880;border-radius:2px;height:4px;margin-bottom:12px;position:relative;overflow:visible}.progress-track .progress-fill{background:linear-gradient(90deg,#c13a28,#b8860b);border-radius:2px;height:100%;transition:width .3s;position:relative}.progress-track .progress-glow{background:#c13a28;border-radius:50%;width:12px;height:12px;transition:left .3s;animation:1s ease-in-out infinite pulse;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 8px #c13a28,0 0 16px #c13a2880,0 0 24px #c13a284d}.progress-info{align-items:center;gap:8px;margin-bottom:10px;display:flex}.progress-info .progress-cn{color:#c13a28;min-width:48px;font-family:STKaiti,KaiTi,楷体,serif;font-size:16px;font-weight:600}.progress-info .progress-label{color:#666;flex:1;font-size:13px;animation:.3s textFade}.progress-info .progress-pct{color:#999;text-align:right;min-width:32px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.trigram-dots{justify-content:center;gap:6px;display:flex}.trigram-dots .dot{background:#d4d0c8;border-radius:50%;width:6px;height:6px;transition:all .3s}.trigram-dots .dot.active{background:#c13a28;transform:scale(1.3);box-shadow:0 0 6px #c13a2899}.trigram-dots .dot.done{background:#b8860b}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;pointer-events:none;transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes textFade{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .divination-progress{background:#252017f2;border-color:#b8860b33}}:root[data-theme=dark] .divination-progress{background:#252017f2;border-color:#b8860b33}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .progress-track{background:#ffffff1a}}:root[data-theme=dark] .progress-track{background:#ffffff1a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .progress-info .progress-label{color:#b8b0a0}}:root[data-theme=dark] .progress-info .progress-label{color:#b8b0a0}.fortune-result{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf7f0f2;border:1px solid #d4d0c8;border-radius:12px;width:100%;max-height:calc(100vh - 100px);padding:20px;animation:.4s slideIn;overflow-y:auto}.fortune-result::-webkit-scrollbar{width:3px}.fortune-result::-webkit-scrollbar-thumb{background:#d4d0c8;border-radius:2px}.fortune-result .result-actions{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.fortune-result .back-btn,.fortune-result .share-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #d4d0c8;border-radius:4px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;transition:all .2s;display:inline-flex}.fortune-result .back-btn:hover,.fortune-result .share-btn:hover{color:#c13a28;border-color:#c13a28}.fortune-result .share-btn:hover{color:#2b4570;border-color:#2b4570}.result-header{text-align:center;margin-bottom:16px}.result-header .result-name{color:#1a1a1a;margin:0 0 12px;font-family:STKaiti,KaiTi,楷体,serif;font-size:22px}.overall-score{flex-direction:column;align-items:center;gap:4px;display:flex}.overall-score .score-circle{width:72px;height:72px;position:relative}.overall-score .score-circle svg{width:100%;height:100%}.overall-score .score-circle .score-arc{animation:1.2s forwards drawArc}.overall-score .score-circle .score-number{color:#c13a28;font-family:ui-monospace,Consolas,monospace;font-size:20px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overall-score .score-label{color:#999;letter-spacing:1px;text-transform:uppercase;font-size:11px}.section{margin-bottom:16px}.section .section-title{color:#333;border-bottom:1px solid #d4d0c8;margin:0 0 10px;padding-bottom:5px;font-family:STKaiti,KaiTi,楷体,serif;font-size:14px}.pillars-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pillar-card{text-align:center;background:#f5f0e8cc;border:1px solid #d4d0c8;border-radius:4px;padding:8px 2px}.pillar-card .pillar-label{color:#999;margin-bottom:3px;font-size:10px}.pillar-card .pillar-chars{justify-content:center;gap:1px;margin-bottom:3px;font-family:STKaiti,KaiTi,楷体,serif;font-size:22px;display:flex}.pillar-card .pillar-nayin{color:#666;font-size:9px}.lucky-section .lucky-items{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.lucky-section .lucky-item{background:#f5f0e899;border-radius:4px;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;display:flex}.lucky-section .lucky-item .lucky-label{color:#999;text-transform:uppercase;letter-spacing:.3px;font-size:9px}.lucky-section .lucky-item .lucky-value{color:#333;font-size:13px;font-weight:600}.dayun-timeline{flex-direction:column;gap:6px;display:flex}.dayun-period{background:#f5f0e880;border-left:3px solid #d4d0c8;border-radius:4px;padding:8px 10px;transition:all .2s}.dayun-period.current{background:#c13a280d;border-left-color:#c13a28}.dayun-period.dayun-excellent{border-left-color:#4a7c59}.dayun-period.dayun-good{border-left-color:#b8860b}.dayun-period.dayun-neutral{border-left-color:#d4d0c8}.dayun-period.dayun-challenging{border-left-color:#c13a28}.dayun-period .dayun-header{align-items:center;gap:6px;margin-bottom:3px;display:flex}.dayun-period .dayun-header .dayun-label{color:#333;font-family:STKaiti,KaiTi,楷体,serif;font-size:15px;font-weight:600}.dayun-period .dayun-header .dayun-age{color:#999;font-family:ui-monospace,Consolas,monospace;font-size:11px}.dayun-period .dayun-header .dayun-now{color:#f5f0e8;letter-spacing:.5px;background:#c13a28;border-radius:8px;padding:1px 5px;font-size:9px;font-weight:600}.dayun-period .dayun-elements{gap:6px;margin-bottom:3px;font-size:12px;font-weight:600;display:flex}.dayun-period .dayun-desc{color:#666;margin:0;font-size:11px;line-height:1.5}.element-badge{letter-spacing:.3px;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.readings-list{flex-direction:column;gap:6px;display:flex}.reading-card{cursor:pointer;background:#f5f0e899;border:1px solid #d4d0c8;border-radius:8px;padding:10px;transition:all .2s;animation:.4s backwards cardIn}.reading-card:hover{border-color:#c13a284d;box-shadow:0 2px 8px #0000000d}.reading-card .reading-header{align-items:center;gap:6px;display:flex}.reading-card .reading-header .reading-icon{font-size:18px}.reading-card .reading-header .reading-titles{flex-direction:column;flex:1;display:flex}.reading-card .reading-header .reading-titles .reading-category{color:#333;font-size:13px;font-weight:600}.reading-card .reading-header .reading-titles .reading-category-cn{color:#c13a28;font-family:STKaiti,KaiTi,楷体,serif;font-size:10px}.reading-card .reading-summary{color:#666;margin:6px 0 0;font-size:12px;line-height:1.5}.reading-card .reading-details{border-top:1px dashed #d4d0c8;margin-top:8px;padding-top:8px;animation:.3s detailsIn}.reading-card .reading-details ul{color:#666;margin:0;padding:0 0 0 14px;font-size:11px;line-height:1.7}.reading-card .reading-details .reading-advice{color:#2b4570;background:#2b45700f;border-radius:4px;margin-top:6px;padding:5px 8px;font-size:11px}.reading-card .reading-details .element-badge{margin-top:6px}.reading-card .expand-hint{text-align:center;color:#999;margin-top:4px;font-size:9px;display:block}.star-rating .star{color:#d4d0c8;font-size:12px}.star-rating .star.filled{color:#b8860b}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes drawArc{0%{stroke-dasharray:0 264}}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes detailsIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .fortune-result{background:#252017f2;border-color:#b8860b33}:root:not([data-theme=light]) .fortune-result .result-name{color:#e0d8c8}:root:not([data-theme=light]) .fortune-result .section-title{color:#e0d8c8;border-color:#b8860b26}:root:not([data-theme=light]) .fortune-result .back-btn,:root:not([data-theme=light]) .fortune-result .share-btn{color:#b8b0a0;border-color:#b8860b33}}:root[data-theme=dark] .fortune-result{background:#252017f2;border-color:#b8860b33}:root[data-theme=dark] .fortune-result .result-name{color:#e0d8c8}:root[data-theme=dark] .fortune-result .section-title{color:#e0d8c8;border-color:#b8860b26}:root[data-theme=dark] .fortune-result .back-btn,:root[data-theme=dark] .fortune-result .share-btn{color:#b8b0a0;border-color:#b8860b33}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pillar-card{background:#1c191480;border-color:#b8860b26}}:root[data-theme=dark] .pillar-card{background:#1c191480;border-color:#b8860b26}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .reading-card{background:#1c191480;border-color:#b8860b26}:root:not([data-theme=light]) .reading-card .reading-category{color:#e0d8c8}:root:not([data-theme=light]) .reading-card .reading-summary{color:#b8b0a0}}:root[data-theme=dark] .reading-card{background:#1c191480;border-color:#b8860b26}:root[data-theme=dark] .reading-card .reading-category{color:#e0d8c8}:root[data-theme=dark] .reading-card .reading-summary{color:#b8b0a0}.app{text-align:center;background-image:radial-gradient(at 20%,#c13a2808 0%,#0000 50%),radial-gradient(at 80% 20%,#2b457008 0%,#0000 50%);flex-direction:column;min-height:100svh;margin:0 auto;display:flex}.app-header{flex-shrink:0;justify-content:center;align-items:center;padding:8px 16px;display:flex;position:relative}.app-header .app-title{flex-direction:column;align-items:center;gap:2px;margin:0;display:flex}.app-header .app-title .title-main{color:#c13a28;letter-spacing:8px;font-family:STKaiti,KaiTi,楷体,serif;font-size:32px}.app-header .app-title .title-sub{color:#999;letter-spacing:3px;text-transform:uppercase;font-size:12px;font-weight:400}.app-header .header-actions{align-items:center;gap:6px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.app-header .lang-toggle,.app-header .theme-toggle{color:#666;cursor:pointer;letter-spacing:.5px;white-space:nowrap;background:0 0;border:1px solid #d4d0c8;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s}.app-header .lang-toggle:hover,.app-header .theme-toggle:hover{color:#c13a28;border-color:#c13a28}@media (width<=900px){.app-header{padding:8px 12px}.app-header .app-title .title-main{font-size:26px}.app-header .header-actions{right:8px}.app-header .lang-toggle,.app-header .theme-toggle{padding:3px 6px;font-size:11px}}.app-content{flex:1;justify-content:center;align-items:flex-start;gap:16px;padding:0 16px;display:flex}@media (width<=900px){.app-content{flex-direction:column-reverse;align-items:center;gap:12px;padding:0 8px}}.app-sidebar{flex-shrink:0;width:420px;padding-top:8px}@media (width<=900px){.app-sidebar{width:100%;max-width:420px;padding-top:0;padding-bottom:24px}}@media (width<=480px){.app-sidebar{max-width:100%}}.luopan-card{--luopan-bg-edge:#1e180f;--luopan-size:min(calc(100vh - 100px), calc(100vw - 480px));width:var(--luopan-size);height:var(--luopan-size);background:var(--luopan-bg-edge,#1e180f);box-sizing:border-box;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:400px;min-height:400px;padding:4px;display:flex;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a}@media (width<=900px){.luopan-card{--luopan-size:min(calc(100vw - 24px), calc(100vh - 200px));flex-shrink:1;min-width:280px;min-height:280px}}@media (width<=480px){.luopan-card{--luopan-size:calc(100vw - 16px);border-radius:8px;min-width:260px;min-height:260px;padding:2px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .app{background-image:radial-gradient(at 20%,#c13a280a 0%,#0000 50%),radial-gradient(at 80% 20%,#2b45700a 0%,#0000 50%)}}:root[data-theme=dark] .app{background-image:radial-gradient(at 20%,#c13a280a 0%,#0000 50%),radial-gradient(at 80% 20%,#2b45700a 0%,#0000 50%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .app-header .title-sub{color:#b8b0a0}}:root[data-theme=dark] .app-header .title-sub{color:#b8b0a0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .app-header .lang-toggle,:root:not([data-theme=light]) .app-header .theme-toggle{color:#b8b0a0;border-color:#b8860b40}:root:not([data-theme=light]) .app-header .lang-toggle:hover,:root:not([data-theme=light]) .app-header .theme-toggle:hover{color:#c13a28;border-color:#c13a28}}:root[data-theme=dark] .app-header .lang-toggle,:root[data-theme=dark] .app-header .theme-toggle{color:#b8b0a0;border-color:#b8860b40}:root[data-theme=dark] .app-header .lang-toggle:hover,:root[data-theme=dark] .app-header .theme-toggle:hover{color:#c13a28;border-color:#c13a28}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .luopan-card{--luopan-bg-edge:#080808;background:var(--luopan-bg-edge);border-color:#0000;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}}:root[data-theme=dark] .luopan-card{--luopan-bg-edge:#080808;background:var(--luopan-bg-edge);border-color:#0000;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}