:root{--ink: #1f1f1f;--line: #7a7a7a;--bg: #f7f8fb;--bg-plain: #f6f7f4;--paper: #ffffff;--muted: #6f6f6f;--blue: #0D0D80;--red: #c6362b;--purple: #6b3fa9;--green: #2f8c42;--orange: #d35a2e;--shadow: 0 8px 18px rgba(0, 0, 0, .08);font-family:PingFang SC,Heiti SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);background-color:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f7f8fb,#f6f7f4 55%,#f7f2ea);overflow-x:hidden;touch-action:pan-y}#app{width:100%}.page{padding:12px 20px 28px;display:flex;flex-direction:column;gap:12px}.app-header{text-align:center;padding-bottom:0;margin-bottom:0}.app-title{font-size:24px;letter-spacing:6px;font-weight:700}.app-subtitle{margin-top:6px;font-size:14px;color:var(--muted);letter-spacing:4px}.controls{padding:0;background:transparent;border:0;box-shadow:none}.controls-toolbar{display:flex;justify-content:flex-end}.controls-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;align-items:end}.panel-card .controls-row{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-card .control-actions{grid-column:1 / -1;justify-content:center}.panel-card .hint{grid-column:1 / -1}.panel-backdrop{position:fixed;inset:0;background:radial-gradient(120% 120% at 20% 20%,#0d0d801f,#6b3fa914),radial-gradient(100% 100% at 80% 10%,#2f8c421f,#d35a2e14);display:flex;align-items:flex-start;justify-content:center;padding-top:200px;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-card{width:min(520px,92vw);background:linear-gradient(135deg,#ffffffeb,#f0f4fff5);border:1px solid rgba(255,255,255,.6);box-shadow:0 18px 50px #0000002e;padding:18px 16px 20px;max-height:90vh;overflow-y:auto;border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:640px){.panel-backdrop{align-items:flex-start;padding:30px 0 20px}.panel-card{width:calc(100vw - 12px);max-width:520px;padding:12px 12px 14px;max-height:calc(100vh - 64px);overflow-y:auto}.panel-card .controls-row{grid-template-columns:1fr;gap:10px}.panel-card .control-field{font-size:13px}.panel-card .control-field input,.panel-card .control-field select{font-size:14px;padding:7px 8px}.panel-title{font-size:13px}.panel-close{padding:4px 10px}.panel-card .control-actions{gap:10px}.panel-card .btn{font-size:13px;padding:8px 12px}}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-title{font-size:15px;color:var(--ink);letter-spacing:3px;font-weight:700}.panel-close{border:1px solid rgba(0,0,0,.08);background:#ffffffe6;padding:6px 10px;cursor:pointer;border-radius:10px}.control-field{display:flex;flex-direction:column;gap:6px;font-size:12px}.control-field .inline-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.control-field label{color:var(--muted);letter-spacing:.5px}.control-field input,.control-field select{padding:11px 12px;border:1px solid rgba(0,0,0,.08);background:#ffffffe6;border-radius:10px;font-family:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.control-field input:focus,.control-field select:focus{border-color:#6b3fa9;box-shadow:0 0 0 2px #6b3fa940;transform:translateY(-1px)}.control-field select{appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,#4b4b4b 50%),linear-gradient(135deg,#4b4b4b 50%,transparent 50%);background-position:right 14px center,right 8px center;background-size:8px 8px;background-repeat:no-repeat}.control-field.compact{min-width:180px}.lunar-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.control-toggle{flex-direction:row;align-items:center;gap:6px}.toggle-text{font-size:12px;color:var(--muted)}.quick-input{display:grid;grid-template-columns:1fr auto;gap:6px}.control-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.btn{padding:10px 16px;border:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,#0d0d80,#6b3fa9);font-family:inherit;cursor:pointer;font-size:13px;color:#fff;border-radius:12px;font-weight:600;letter-spacing:.5px;transition:transform .15s ease,box-shadow .15s ease}.btn.primary{background:linear-gradient(135deg,#2f8c42,#0d0d80);color:#fff}.btn.ghost{background:#ffffffe6;color:var(--muted)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000001f}.inline-toggle{flex-direction:row;align-items:center;gap:8px}.small-select{padding:8px 10px;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:12px;background:#ffffffe6}.library-backdrop{position:fixed;inset:0;background:#0a122840;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:40;padding:20px}.library-card{width:min(1080px,96vw);min-height:520px;background:linear-gradient(135deg,#fffffff2,#f0f4fff5);border:1px solid rgba(255,255,255,.6);border-radius:18px;box-shadow:0 22px 60px #00000038;display:flex;flex-direction:column;gap:14px;padding:16px 18px 18px}.library-header{display:flex;justify-content:space-between;align-items:center}.library-title{font-size:18px;font-weight:700;letter-spacing:2px}.library-subtitle{font-size:12px;color:var(--muted);letter-spacing:1px}.library-close{border:1px solid rgba(0,0,0,.08);background:#ffffffe6;padding:6px 10px;border-radius:10px;cursor:pointer}.library-body{display:flex;flex-direction:column;gap:14px;height:100%;min-height:460px}.library-main{background:#ffffffe6;border:1px solid rgba(0,0,0,.04);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;flex:1;overflow:hidden}.library-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:2;background:#fffffff2;margin:-8px -16px 10px;padding:8px 16px;border-bottom:1px solid rgba(0,0,0,.04)}.library-toolbar-left{display:flex;gap:8px;flex:1;min-width:220px}@media(max-width:700px){.library-toolbar-left{flex-direction:column}.library-toolbar-left button{align-self:flex-start;flex:0 0 auto;white-space:nowrap}}.library-toolbar-left .library-input{flex:1}.library-toolbar-left .library-group-select{max-width:200px;margin-left:0;padding-right:14px;background-position:calc(100% - 10px) center}.library-toolbar-right{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.library-group-manager{border:1px solid rgba(0,0,0,.04);border-radius:14px;padding:10px 14px;background:#ffffffeb;display:flex;flex-direction:column;gap:8px}.library-group-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0}.library-group-info{flex:1;font-size:13px;font-weight:600}.library-group-edit{display:flex;gap:8px;align-items:center}.library-group-actions button{padding:6px 12px}.library-group-empty{font-size:12px;color:var(--muted)}.library-import-group{display:flex;gap:8px;align-items:center}.mass-import-template-link{font-size:12px;color:#0d0d80;text-decoration:none;font-weight:600}.library-import-errors{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid rgba(209,211,219,.7);background:#ffffffeb;max-height:140px;overflow:auto}.import-errors-title{font-size:12px;color:var(--muted);letter-spacing:.5px}.import-error-row{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--ink)}.error-row-index{width:38px;font-weight:600}.error-row-name{flex:1}.error-row-msg{color:#c8322b;text-align:right}.library-batch-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.library-input{padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fffffff2;font-size:13px}.library-btn{padding:10px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,#0d0d80,#6b3fa9);color:#fff;cursor:pointer;font-size:13px;letter-spacing:.5px;transition:transform .15s ease,box-shadow .15s ease}.library-btn.ghost{background:#ffffffe6;color:var(--muted)}.library-btn.small{padding:8px 10px;font-size:12px}.library-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000001f}.library-btn.secondary{background:linear-gradient(135deg,#4c6af2,#3721b5)}.library-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;max-height:62vh}.library-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.pagination-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pagination-page{font-size:12px;color:var(--muted)}.pagination-hint{font-size:12px;color:var(--muted);margin-left:6px}.pagination-size{width:120px}.library-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#ffffffe6;border:1px solid rgba(0,0,0,.04);transition:border-color .2s ease,box-shadow .2s ease}.library-row.selected{border-color:#0d0d804d;box-shadow:0 10px 30px #0d0d8012}.library-row-main{display:flex;flex-direction:column;gap:6px;cursor:pointer}.library-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.row-name{font-weight:700;font-size:14px}.row-meta{display:flex;gap:10px;font-size:12px;color:var(--muted);flex-wrap:wrap}.row-tag{padding:2px 8px;border-radius:8px;background:#0d0d8014;color:#0d0d80}.row-note{font-size:12px;color:var(--ink)}.library-select{position:relative;width:22px;height:22px}.library-select input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.library-select span{width:18px;height:18px;border-radius:6px;border:1px solid rgba(0,0,0,.25);display:inline-block;background:#fff;transition:border-color .2s ease,background-color .2s ease}.library-select span:after{content:"";width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg);display:block;margin:-2px 0 0 5px;opacity:0}.library-select input:checked+span{border-color:#0d0d80;background:#0d0d80}.library-select input:checked+span:after{opacity:1}.library-loading,.library-error{font-size:12px;color:var(--muted)}.library-error{color:#c8322b}.library-panel{background:#fffffff5;border:1px solid rgba(0,0,0,.04);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.library-panel .panel-title{font-size:13px;font-weight:700;letter-spacing:1px;color:var(--muted)}.library-delete-backdrop{position:fixed;inset:0;background:#0a122866;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:46;padding:16px}.library-delete-card{width:min(360px,88vw);background:#fff;border-radius:20px;padding:20px;box-shadow:0 20px 45px #00000040;border:1px solid rgba(13,13,128,.1);display:flex;flex-direction:column;gap:10px}.library-delete-title{font-size:16px;font-weight:700}.library-delete-body{font-size:13px;color:var(--muted)}.library-delete-error{color:#c8322b;font-size:12px}.library-delete-actions{margin-top:4px;display:flex;justify-content:flex-end;gap:12px}.library-delete-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000026}.library-delete-btn{padding:6px 12px;border-radius:10px;border:1px solid rgba(209,211,219,.6);background:#ffffffe6;color:var(--muted);font-size:12px;min-width:84px;width:auto;justify-self:end;transition:transform .15s ease,box-shadow .15s ease}.library-row-actions .library-btn,.library-row-actions .library-delete-btn{min-width:74px;height:38px;padding:0 12px}.library-detail-backdrop{position:fixed;inset:0;background:#0a12284d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:47;padding:16px}.library-detail-card{width:min(420px,92vw);background:#fff;border-radius:18px;padding:20px;box-shadow:0 20px 50px #00000040;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:10px}.library-detail-title{font-size:18px;font-weight:700}.library-detail-meta{display:flex;gap:10px;font-size:12px;color:var(--muted);align-items:center}.library-detail-edit{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.library-detail-edit label{font-size:12px;display:flex;flex-direction:column;gap:4px}.library-detail-edit textarea{resize:vertical}.library-detail-note{font-size:14px;line-height:1.6;margin:0;max-height:280px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--ink)}.library-detail-actions{display:flex;justify-content:flex-end}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.library-access-backdrop{position:fixed;inset:0;background:#0a122859;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:45;padding:20px}.library-access-card{width:min(420px,92vw);background:linear-gradient(135deg,#fffffffa,#eef2fffa);border:1px solid rgba(255,255,255,.6);border-radius:18px;box-shadow:0 20px 60px #00000040;padding:20px;display:flex;flex-direction:column;gap:12px}.library-access-title{font-size:16px;font-weight:700}.library-access-subtitle{font-size:12px;color:var(--muted);letter-spacing:.5px}.library-access-desc{font-size:13px;color:var(--muted);margin:0}.library-access-error{font-size:12px;color:#c8322b}.library-access-actions{display:flex;justify-content:flex-end;gap:10px}.library-grid{display:grid;grid-template-columns:90px 1fr;gap:8px;align-items:center}.library-textarea{width:100%;border-radius:10px;border:1px solid rgba(0,0,0,.08);padding:10px 12px;font-family:inherit;font-size:13px;background:#fffffff2}.library-actions{display:flex;justify-content:flex-end;gap:8px}.library-row.form-inline{grid-template-columns:1fr auto;align-items:center}@media(max-width:980px){.library-card{width:95vw}.library-body{gap:12px}.library-toolbar{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.hint{margin:6px 0 0;color:var(--orange);font-size:12px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);min-width:240px;max-width:80vw;padding:12px 44px 12px 14px;background:linear-gradient(135deg,#2f8c42eb,#0a4c8beb);color:#fff;border-radius:14px;box-shadow:0 14px 30px #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;z-index:60;border:1px solid rgba(255,255,255,.25)}.toast-title{font-weight:700;letter-spacing:1px;margin-bottom:4px;font-size:12px;text-transform:uppercase;opacity:.9}.toast-body{line-height:1.5}.toast-close{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff29;color:#fff;cursor:pointer;font-size:12px;line-height:1}.toast-close:hover{background:#ffffff42}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translate(-50%,8px)}.dialog-backdrop{position:fixed;inset:0;background:#0f172a59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:40}.dialog-card{width:min(340px,90vw);background:linear-gradient(135deg,#ffffffeb,#f5f7fff2);color:var(--ink);border-radius:16px;padding:18px;box-shadow:0 18px 40px #0003;border:1px solid rgba(255,255,255,.5)}.dialog-title{font-weight:700;font-size:15px;margin-bottom:10px;letter-spacing:1px}.dialog-body{font-size:13px;line-height:1.6;color:#394050}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.dialog-btn{padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:13px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.dialog-btn.primary{background:linear-gradient(135deg,#2f8c42,var(--blue));color:#fff;border:none}.dialog-btn.ghost{background:#ffffffe6}.dialog-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000001f;filter:brightness(1.03)}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .2s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.chart{display:flex;flex-direction:column;align-items:center;position:relative}.side-action-bar{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:12}.side-action-bar.side-left{left:clamp(12px,8vw,120px)}.side-action-bar.side-right{right:clamp(12px,8vw,120px)}.top-btn{padding:12px 26px;border:0;background:linear-gradient(135deg,var(--blue),#6b3fa9);color:#fff;font-family:inherit;cursor:pointer;font-size:14px;letter-spacing:1px;border-radius:20px;box-shadow:0 10px 20px #00000026;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.top-btn.primary{background:linear-gradient(135deg,#2f8c42,var(--blue))}.top-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 14px 26px #0003;filter:brightness(1.05)}@media(min-width:701px){.side-action-bar.side-left{left:clamp(12px,8vw,120px)}.side-action-bar.side-right{right:clamp(12px,8vw,120px)}.circle-btn{width:100px;height:100px;border-radius:50%;border:0;background:linear-gradient(135deg,#0d0d80,#6b3fa9);color:#fff;font-family:inherit;cursor:pointer;font-size:20px;letter-spacing:2px;box-shadow:0 12px 22px #0003;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.circle-btn.primary{background:linear-gradient(135deg,#2f8c42,#0d0d80)}.circle-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 26px #0000003d;filter:brightness(1.05)}}.chart-frame{background:#fff;border:2px solid var(--line);padding:18px;box-shadow:var(--shadow);overflow:visible;display:inline-block;margin-bottom:14px}.mobile-more{position:relative}.mobile-dropdown{left:0;transform:none;top:52px;min-width:170px}.side-dropdown{position:absolute;top:56px;left:50%;transform:translate(-50%);min-width:148px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 32px #00000029;border-radius:12px;padding:8px 10px;z-index:15}.dropdown-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin:2px 0 6px}.dropdown-item{width:100%;padding:6px 8px;border:1px solid #cfcfcf;background:linear-gradient(135deg,#2f8c42,var(--blue));color:#fff;border-radius:8px;cursor:pointer;font-size:12px;line-height:1.3}.dropdown-item+.dropdown-item{margin-top:6px}.dropdown-item:disabled{opacity:.6;cursor:not-allowed}.dropdown-hint{display:none}.dropdown-item.ghost{background:#ffffffeb;color:var(--ink)}.menu-backdrop{position:fixed;inset:0;background:#0000001f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:10}.floating-menu{position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%);background:#fff;border:1px solid var(--line);box-shadow:0 16px 36px #0000002e;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:8px;z-index:16;min-width:170px}.menu-row{display:flex;align-items:stretch;gap:6px;position:relative}.menu-btn{flex:1;padding:10px 14px;border-radius:12px;border:1px solid #cfcfcf;background:linear-gradient(135deg,#f7f9ff,#eef2ff);cursor:pointer;font-size:13px;transition:transform .15s ease,box-shadow .15s ease}.menu-btn.ghost{background:#fff}.menu-btn:disabled{opacity:.6;cursor:not-allowed}.menu-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 16px #0000001f}.menu-arrow{width:32px;border:1px solid #cfcfcf;background:#fff;border-radius:10px;cursor:pointer}.menu-dropdown{position:absolute;right:0;top:100%;margin-top:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 24px #00000029;padding:6px;display:flex;flex-direction:column;gap:6px;min-width:120px;z-index:9}.menu-fade-enter-active,.menu-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.menu-fade-enter-from,.menu-fade-leave-to{opacity:0;transform:translateY(-6px)}.chart-grid{width:min(640px,93vw);max-height:calc(100vh - 160px);aspect-ratio:1 / 1.1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-template-areas:"p1 p2 p3 p4" "p12 center center p5" "p11 center center p6" "p10 p9 p8 p7";background:var(--line);border:none;padding:1px;gap:1px;box-sizing:border-box;position:relative;overflow:visible}.arrow-layer{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:visible;filter:none}.arrow-layer line{mix-blend-mode:multiply}.palace{border:none;padding:4px;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:6px;background:#fff;z-index:1}.palace.selected{outline:none;box-shadow:inset 0 2px 6px #0000001f;background:#eef3ff}.laiyin-badge{position:absolute;right:4px;top:4px;border:1px solid #d04a45;color:#d04a45;font-size:15px;padding:2px 3px;border-radius:5px;background:#fff;display:inline-flex;flex-direction:column;align-items:center;line-height:1.1;letter-spacing:0;writing-mode:vertical-rl;text-orientation:upright}.self-mutagen-badges{position:absolute;left:6px;top:6px;display:flex;gap:4px;flex-wrap:wrap}.self-mutagen-tag{color:#fff;font-size:11px;padding:2px 4px;border-radius:4px;background:var(--muted)}.palace-stars{display:flex;flex:1;align-items:flex-start;margin-top:0}.star-row{display:flex;flex-wrap:nowrap;gap:0px;overflow:visible;scrollbar-width:none}.star-row::-webkit-scrollbar{width:0;height:0}.star-tile{display:inline-flex;flex-direction:column;align-items:center;font-size:21px;line-height:1;writing-mode:vertical-rl;text-orientation:upright;position:relative;padding-bottom:28px}.star-name{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border-radius:0;padding:1px 2px;letter-spacing:2px}.star-major .star-name{color:#c8322b;font-weight:600}.star-minor .star-name{color:#6a3fa6}.star-adjective .star-name{color:#4f4f4f}.star-mutagen{position:absolute;bottom:-2px;left:0;right:0;margin:0 auto;transform:none;font-size:19px!important;width:25px;height:26px;border-radius:7px;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:#fff;writing-mode:horizontal-tb;text-orientation:mixed}.chart-frame.capture-clone{width:680px!important;max-width:none!important;padding:18px!important;background:#fff!important;margin:0!important;display:block!important}.chart-frame.capture-clone .chart-grid{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1 / 1.1!important;max-height:none!important}.chart-frame.capture-clone .star-tile{padding-bottom:36px!important;font-size:21px!important}.chart-frame.capture-clone .star-mutagen{position:absolute!important;bottom:-2px!important;left:0!important;right:0!important;margin:0 auto!important;transform:none!important;font-size:19px!important;width:25px!important;height:26px!important;border-radius:7px!important;line-height:1!important;display:inline-flex!important}.chart-frame.capture-clone .laiyin-badge{position:absolute!important;right:4px!important;top:4px!important;font-size:15px!important;padding:2px 3px!important;border:1px solid #d04a45!important;border-radius:5px!important;color:#d04a45!important;writing-mode:vertical-rl!important;text-orientation:upright!important;background:#fff!important}.chart-frame.capture-clone .palace-footer{font-size:14px!important;gap:6px!important;padding-bottom:2px!important;align-items:end!important}.chart-frame.capture-clone .palace-branch{font-size:21px!important;bottom:-4px!important;right:-4px!important}.chart-frame.capture-clone .yearly-badge,.chart-frame.capture-clone .yearly-age,.chart-frame.capture-clone .yearly-year{font-size:14px!important;line-height:normal!important}.chart-frame.capture-clone .palace-decadal-label{font-size:16px!important}.chart-frame.capture-clone .palace-name{font-size:21px!important}.chart-frame.capture-clone .palace{padding:4px!important}.chart-frame.capture-clone .center-card{padding:30px 18px 20px!important}.chart-frame.capture-clone .center-title{font-size:22px!important;letter-spacing:4px!important;margin-bottom:2px!important}.chart-frame.capture-clone .center-version{font-size:12px!important;margin-bottom:16px!important}.chart-frame.capture-clone .center-meta{font-size:13px!important;line-height:1.7!important}.chart-frame.capture-clone .center-line{grid-template-columns:auto 1fr!important;min-width:180px!important;column-gap:8px!important}.mutagen-tag{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-size:15px;color:#fff}.palace-footer{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;align-items:end;font-size:14px;color:var(--blue);margin-top:auto;gap:6px;position:relative;padding-bottom:2px}.palace-name{font-weight:600;font-size:21px;grid-column:2;grid-row:2;justify-self:center;margin-bottom:-6px}.mutagen-bg-lu{background:#458933;box-shadow:none;font-weight:600}.yearly-badge{position:absolute;left:0;bottom:18px;display:inline-flex;flex-direction:column;align-items:flex-start;gap:0px;font-size:14px;color:inherit;background:transparent;padding:0}.yearly-year{font-weight:350}.yearly-age{font-size:12px;font-weight:350}.mutagen-bg-quan{background:#75147c;box-shadow:none;font-weight:600}.mutagen-bg-ke{background:#3677e4;box-shadow:none;font-weight:600}.mutagen-bg-ji{background:#c8322b;box-shadow:none;font-weight:600}.star-name.mutagen-bg-lu,.star-name.mutagen-bg-quan,.star-name.mutagen-bg-ke,.star-name.mutagen-bg-ji{color:#fff}.palace-branch{display:flex;align-items:baseline;gap:4px;font-size:21px;color:var(--ink);font-weight:600;writing-mode:vertical-rl;text-orientation:upright;position:absolute;right:-4px;bottom:-4px}.palace-gan,.palace-zhi{color:inherit}.palace-range{color:var(--muted);font-size:14px;justify-self:center;grid-column:2;grid-row:1}.palace-decadal-label{position:absolute;left:0;bottom:0;font-size:16px;color:inherit;padding:0;background:transparent;line-height:1.1;font-weight:350}.center-card{grid-area:center;border:none;padding:30px 18px 20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;text-align:center;background:#fff;position:relative;z-index:1;justify-self:stretch;align-self:stretch;width:100%;height:100%;box-sizing:border-box}.decadal-controls{margin:12px auto 0;display:flex;flex-direction:column;gap:10px;align-items:center;max-width:720px}.decadal-buttons{display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;width:100%;overflow-x:auto}.decadal-btn{padding:4px 8px;border:1px solid var(--line);background:#fff;font-size:12px;cursor:pointer;min-width:72px}.decadal-btn.decadal-next,.decadal-btn.decadal-nav{min-width:48px;font-weight:700}.decadal-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.center-title{font-size:22px;font-weight:700;letter-spacing:4px;margin:0 0 2px;text-align:center}.center-version{font-size:12px;color:#000;margin-top:0;margin-bottom:16px;text-align:center}.center-meta{font-size:13px;line-height:1.7;align-items:flex-start}.center-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.center-line{display:grid;grid-template-columns:auto 1fr;column-gap:8px;min-width:180px;justify-items:start;text-align:left}.center-label{color:var(--muted);text-align:right}.center-value{color:var(--ink)}.center-legend{font-size:13px;color:var(--muted);display:flex;justify-content:center;align-items:center;gap:6px}.mutagen{padding:3px 8px;border-radius:7px;font-size:14px;color:#fff}.mutagen-lu{background:var(--green)}.mutagen-quan{background:#75147c}.mutagen-ke{background:#3677e4}.mutagen-ji{background:var(--red)}.edge-label{position:absolute;font-size:12px;color:var(--muted);letter-spacing:2px}.edge-top{top:-28px;left:37.5%;transform:translate(-50%)}.edge-top-east{top:-28px;left:12.5%;transform:translate(-50%)}.edge-top-west{top:-28px;left:62.5%;transform:translate(-50%)}.edge-bottom{bottom:-28px;left:37.5%;transform:translate(-50%)}.edge-bottom-east{bottom:-28px;left:12.5%;transform:translate(-50%)}.edge-bottom-west{bottom:-28px;left:62.5%;transform:translate(-50%)}.edge-left{left:-40px;top:62.5%;transform:translateY(-50%) rotate(-90deg)}.edge-left-south{left:-40px;top:37.5%;transform:translateY(-50%) rotate(-90deg)}.edge-left-north{left:-40px;top:87.5%;transform:translateY(-50%) rotate(-90deg)}.edge-right{right:-40px;top:37.5%;transform:translateY(-50%) rotate(90deg)}.edge-right-south{right:-40px;top:12.5%;transform:translateY(-50%) rotate(90deg)}.edge-right-north{right:-40px;top:62.5%;transform:translateY(-50%) rotate(90deg)}.p1{grid-area:p1}.p2{grid-area:p2}.p3{grid-area:p3}.p4{grid-area:p4}.p5{grid-area:p5}.p6{grid-area:p6}.p7{grid-area:p7}.p8{grid-area:p8}.p9{grid-area:p9}.p10{grid-area:p10}.p11{grid-area:p11}.p12{grid-area:p12}.mobile-actions{display:none}@media(min-width:701px){body{background:radial-gradient(1200px at 15% 20%,rgba(162,210,255,.35),transparent 58%),radial-gradient(900px at 82% 12%,rgba(150,227,199,.28),transparent 52%),linear-gradient(135deg,#eaf3ff,#f2fbf7 46%,#f7f1e6)}}@media(max-width:700px){.side-dropdown{min-width:104px;padding:4px 5px}.mobile-dropdown{min-width:160px}.mobile-dropdown .dropdown-toggle{font-size:11px;gap:4px;margin:2px 0 6px}.mobile-dropdown .dropdown-item{padding:8px 10px;font-size:12px;border-radius:8px}.mobile-dropdown .dropdown-item+.dropdown-item{margin-top:6px}.center-card{padding:22px 14px 12px;gap:5px;align-items:center;justify-self:stretch;align-self:stretch;width:100%;height:100%}.center-title{font-size:19px;margin:0 0 2px;text-align:center}.center-version{font-size:11px;margin:0 0 14px;text-align:center}.center-meta{font-size:12px;line-height:1.5;align-items:flex-start}.center-line{column-gap:6px;min-width:150px;justify-items:start;text-align:left}.laiyin-badge{right:4px;top:4px;font-size:10px;padding:.8px .5px}.star-tile{padding-bottom:26px}.star-mutagen{font-size:10px!important;width:15px!important;height:16px!important;border-radius:7px;bottom:12px!important;left:0;right:0;margin:0 auto;transform:none;line-height:1}.page{padding:8px 0 18px}.app-header{display:none}.chart{width:100vw;margin-left:calc(50% - 50vw);padding:0;padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}.chart-frame{width:100vw;padding:10px 8px;margin:0 auto 10px;border-width:1px;max-width:none}.chart-grid{width:100%;max-width:100%;order:1;touch-action:manipulation;aspect-ratio:1 / 1.18;border:none}.side-action-bar{display:none}.mobile-actions{display:flex;order:2;gap:10px;width:100%;justify-content:center;padding:12px 10px 0;position:sticky;bottom:10px;z-index:12;padding-bottom:max(12px,env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#fff0,#ffffffe6 30%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mobile-actions .top-btn{flex:1;max-width:200px}.palace{padding:1px}.palace-stems{font-size:16px}.palace-stars{font-size:11px}.center-card{padding:28px 10px 10px}.center-title{font-size:12.5px}.center-meta,.center-legend{font-size:9.8px}.star-tile{font-size:12.5px;padding-bottom:30px}.star-mutagen{font-size:11px!important;width:15px;height:15px;border-radius:4px;bottom:13px;left:0;right:0;margin:0 auto;transform:none;line-height:1}.palace-name{font-size:12.5px}.palace-footer{font-size:8.8px;gap:1px;padding-bottom:3px;align-items:flex-end}.palace-branch{font-size:12.5px;bottom:0;right:-2px}.palace-range{font-size:8.8px}.palace-decadal-label{font-size:9.5px;font-weight:400}.decadal-btn{font-size:11.5px;min-width:60px}.decadal-btn.decadal-nav,.decadal-btn.decadal-next{min-width:44px}.mutagen{padding:0;width:16px;height:16px;border-radius:4px;font-size:15px;display:inline-flex;align-items:center;justify-content:center}.yearly-badge,.yearly-age,.yearly-year{font-size:9.6px;line-height:1.6;font-weight:350;margin-bottom:-3.5px}.mobile-dropdown{top:auto;bottom:56px;left:50%;transform:translate(-50%);width:min(80px,calc(100vw - 120px));padding:4px}.decadal-buttons{overflow-x:auto;justify-content:flex-start;padding:0 8px;gap:6px}.decadal-btn{flex:0 0 auto}.decadal-controls{padding:0 6px;margin:0 auto 12px}}@media(min-width:701px)and (max-width:1100px){.side-action-bar{display:none!important}.mobile-actions{display:flex!important;order:2;gap:10px;width:100%;justify-content:center;padding:12px 10px 0;position:sticky;bottom:10px;z-index:12;padding-bottom:max(12px,env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#fff0,#ffffffe6 30%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mobile-actions .top-btn{flex:1;max-width:200px}.chart{padding-bottom:80px}}.center-sticker[data-v-5b15402d]{position:absolute;bottom:36px;left:50%;transform:translate(-50%);width:200px;z-index:10;pointer-events:none;opacity:0}@media(max-width:768px){.center-sticker[data-v-5b15402d]{width:140px;bottom:18px}}.center-meta[data-v-5b15402d]{margin-top:5px!important}.advanced-modal .advanced-grid[data-v-5b15402d]{display:flex;gap:18px;flex-wrap:wrap;align-items:stretch;width:100%}.advanced-groups-panel[data-v-5b15402d]{flex:1;min-width:260px;background:#f7f7ff;border:1px solid #e0e5f6;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;max-height:420px}.advanced-input-row[data-v-5b15402d]{display:flex;gap:8px;align-items:center}.advanced-input-row .library-input[data-v-5b15402d]{flex:1}.library-group-manager[data-v-5b15402d]{background:#fff;border-radius:12px;border:1px solid #e8ebf6;padding:12px;max-height:230px;overflow:auto}.library-group-row[data-v-5b15402d]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #f0f1f8}.library-group-row[data-v-5b15402d]:last-child{border-bottom:none}.advanced-actions-panel[data-v-5b15402d]{flex:1;min-width:280px;background:#fff;border-radius:18px;border:1px solid #e2e5fb;padding:18px;display:flex;flex-direction:column;gap:12px;align-items:stretch}.advanced-actions[data-v-5b15402d]{display:flex;flex-direction:column;gap:8px}.mass-import-template-link[data-v-5b15402d]{text-align:center;color:#2d39ff;font-weight:600;text-decoration:none}.library-detail-card.advanced-modal .library-detail-actions[data-v-5b15402d]{justify-content:flex-end}.capture-clone .center-sticker{display:block!important;opacity:1!important}