:root{--bg: #0a0908;--panel: #12100d;--panel2: #171410;--sunk: #0d0b09;--ink: #e8dfc9;--ink2: #c9bda2;--dim: #8a7f6b;--line: #241f18;--line2: #302a20;--amber: #d9a441;--amber2: #e8b95c;--mono: ui-monospace, "JetBrains Mono", Consolas, monospace;--serif: "Noto Serif SC", "Source Han Serif SC", serif}*{box-sizing:border-box;margin:0}html,body,#app{width:100%;min-width:0;max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{max-width:100%}.shell{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;width:min(1240px,100% - 40px);margin:0 auto;padding:26px 0 60px}.loading{padding:120px 0;text-align:center;color:var(--dim);letter-spacing:.3em}.masthead{display:flex;align-items:center;gap:22px;padding:0 clamp(16px,3vw,28px);height:64px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0a0908eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}.brand{display:flex;flex-direction:column;line-height:1.2}.brand .zh{font-family:var(--serif);font-size:21px;font-weight:700;letter-spacing:.25em}.brand .en{font-family:var(--mono);font-size:8.5px;letter-spacing:.42em;color:var(--amber);text-transform:uppercase}.tabs{display:flex;gap:4px}.tab{padding:7px 13px;border-radius:8px;color:var(--dim);font-size:13.5px;transition:all .15s}.tab:hover{color:var(--ink)}.tab.on{color:var(--amber);background:var(--panel2)}.userarea{margin-left:auto;display:flex;align-items:center;gap:10px}.credits{font-family:var(--mono);font-size:12px;color:var(--amber2);cursor:pointer;border:1px dashed var(--line2);padding:5px 10px;border-radius:8px}.credits:hover{border-color:var(--amber)}.uname{font-size:12.5px;color:var(--ink2);display:inline-flex;align-items:center;gap:6px}a.uname{text-decoration:none;cursor:pointer}a.uname:hover{color:var(--amber)}.uavatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid var(--line2)}.ghostbtn{font-size:12.5px;padding:7px 12px;border-radius:8px;border:1px solid var(--line2);color:var(--ink2);transition:all .15s}.ghostbtn:hover{border-color:var(--amber);color:var(--amber)}.solidbtn{font-size:12.5px;padding:7px 14px;border-radius:8px;background:var(--amber);color:#17110a;font-weight:600;transition:filter .15s}.solidbtn:hover{filter:brightness(1.1)}.solidbtn:disabled,.ghostbtn:disabled{opacity:.5;cursor:not-allowed}.solidbtn.wide{width:100%;margin-top:14px;padding:10px}.footer{padding:22px;text-align:center;color:var(--dim);font-family:var(--mono);font-size:10px;letter-spacing:.3em}.footer .dot{margin:0 10px}.footer .flink{color:var(--amber);letter-spacing:.08em}.footer .flink:hover{text-decoration:underline;text-underline-offset:3px}.ghead{display:flex;align-items:baseline;gap:16px;margin-bottom:8px}.ghead h1{font-family:var(--serif);font-size:30px;letter-spacing:.12em}.ghead em{font-style:normal;color:var(--amber)}.gstat{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;color:var(--dim)}.gsub{color:var(--dim);font-size:13px;margin-bottom:18px}.hintline{margin-top:26px;color:var(--dim);font-size:12.5px;text-align:center}.hintline a{color:var(--amber)}.chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chip{padding:6px 13px;border-radius:999px;border:1px solid var(--line2);color:var(--dim);font-size:12.5px}.chip.on{color:#17110a;background:var(--amber);border-color:var(--amber);font-weight:600}.searchbox{margin-left:auto;background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:7px 12px;color:var(--ink);font-size:12.5px;min-width:180px}.casegrid-list{columns:3;column-gap:22px}.card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .15s,transform .15s}.card{break-inside:avoid;margin-bottom:22px;width:100%}.card:hover{border-color:var(--amber);transform:translateY(-2px)}.cardimg{display:block;background:var(--sunk);min-height:60px}.cardimg img{width:100%;height:auto;display:block}.cardbody{display:block;padding:12px 14px}.ctitle{display:block;font-size:14px;font-weight:600}.cardmeta{display:block;margin-top:5px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--dim)}.pager{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:28px;flex-wrap:wrap}.pgbtn,.pgnum,.pginput{min-height:40px;padding:8px 15px;border-radius:8px;border:1px solid var(--line2);font-family:var(--mono);font-size:12px;color:var(--ink2)}.pgnum{min-width:40px;padding-left:10px;padding-right:10px;text-align:center}.pginput{width:58px;padding-left:8px;padding-right:8px;text-align:center;background:var(--sunk)}.pginput:focus{outline:none;border-color:var(--amber)}.pginput::-webkit-inner-spin-button,.pginput::-webkit-outer-spin-button{margin:0}.pgbtn:disabled{opacity:.35;cursor:not-allowed}.pgnum.on{background:var(--amber);color:#17110a;border-color:var(--amber);font-weight:700}.pginfo{font-family:var(--mono);font-size:10px;color:var(--dim);letter-spacing:.18em;margin:0 8px}@media (max-width: 1240px){.casegrid-list{columns:2}}@media (max-width: 760px){.casegrid-list{columns:1}.card{margin-bottom:12px}}.empty{padding:90px 20px;text-align:center}.empty .zh{display:block;font-family:var(--serif);font-size:24px;color:var(--ink2)}.empty .en{display:block;margin-top:10px;font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--dim);text-transform:uppercase}.crumbs{margin:4px 0 18px;font-size:12.5px}.crumbs a{color:var(--dim)}.crumbs a:hover{color:var(--amber)}.casegrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.casepage,.casemain,.genpanel,.gbody,.pv-block,.pv-head,.chead{min-width:0}.chead .ctitle,.pv-name{overflow-wrap:anywhere}@media (max-width: 1120px){.masthead{min-width:0}.tabs{min-width:0;overflow-x:auto}.page,.casepage,.casegrid,.genpanel{width:100%;max-width:100%}.page{padding-left:14px;padding-right:14px}.casegrid{grid-template-columns:1fr}.genpanel{order:-1}.genpanel .ghead2{justify-content:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0}.genpanel .ghead2 .gchev{display:block;margin-left:auto;color:var(--amber);font-size:12px;transform:rotate(-90deg);transition:transform .2s}.genpanel:not(.open) .ghead2:after{content:"点击展开";margin-left:10px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--amber)}.genpanel.open .ghead2 .gchev{transform:rotate(0)}.genpanel .gbody{display:none}.genpanel.open .gbody{display:block;margin-top:2px}.pv-editor{display:none}.pv-mobile-text{display:block}.pv-editor,.gtexta,.tinput,.gsel{font-size:16px}}.chead{display:flex;align-items:center;gap:14px}.chead .ctitle{font-family:var(--serif);font-size:26px;letter-spacing:.08em}.favbtn{white-space:nowrap;font-size:12.5px;padding:7px 12px;border-radius:8px;border:1px solid var(--line2);color:var(--dim)}.favbtn.on{color:var(--amber);border-color:var(--amber)}.cintro{color:var(--ink2);font-size:13.5px;margin-top:8px}.srclink{display:inline-block;margin-top:8px;color:var(--amber2);font-size:12.5px}.heroimgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:20px 0 26px;min-width:0}.film{min-width:0;max-width:100%;overflow:hidden;background:#0d0b09;border:1px solid var(--line2);border-radius:12px;padding:14px}.film img{width:100%;max-width:100%;height:auto;display:block;border-radius:4px}.film figcaption{margin-top:9px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--dim);text-align:center}.pv-block{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:14px}.pv-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.pv-name{font-weight:600;font-size:14px;color:var(--amber2)}.pv-head .ghostbtn{flex:0 0 auto;white-space:nowrap}.pv-head .ghostbtn.selected{color:var(--amber);border-color:var(--amber);background:#d9a44117}.pv-text{max-height:320px;overflow-y:auto;padding-right:8px;white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:12px;line-height:1.8;color:var(--ink2)}.pv-text.dim{opacity:.55}.pv-editor{display:block;width:100%;max-width:100%;min-width:0;min-height:250px;resize:vertical;background:var(--sunk);border:1px solid var(--amber);border-radius:9px;padding:12px 14px;font-family:var(--mono);font-size:12px;line-height:1.8;color:var(--ink)}.pv-editor:focus{outline:none;box-shadow:0 0 0 2px #d9a4411f}.pv-mobile-text{display:none}.genpanel{position:sticky;top:80px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-radius:14px;padding:18px}.ghead2{display:flex;align-items:baseline;justify-content:space-between;width:100%;padding:0;text-align:left;margin-bottom:12px}.ghead2:focus-visible{outline:2px solid var(--amber);outline-offset:5px;border-radius:4px}.ghead2 .t{font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:.1em}.ghead2 .e{font-family:var(--mono);font-size:9px;letter-spacing:.3em;color:var(--amber);text-transform:uppercase}.ghead2 .gchev{display:none}.glabel{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.24em;color:var(--dim);text-transform:uppercase;margin:13px 0 7px}.gmodel{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--amber);margin-bottom:9px}.tinput,.gsel{width:100%;background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:9px 11px;color:var(--ink);font-size:13px}.tinput:focus,.gsel:focus{outline:none;border-color:var(--amber)}.gtexta{display:block;width:100%;max-width:100%;min-width:0;min-height:132px;resize:vertical;background:var(--sunk);border:1px solid var(--line);border-radius:9px;padding:11px 13px;font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--ink)}.gtexta:focus{outline:none;border-color:var(--amber)}.argrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,40%);align-items:start;gap:8px;min-width:0;margin-bottom:9px}.argname{flex:1 1 auto;min-width:0;font-size:12px;color:var(--ink2);overflow-wrap:anywhere}.argrow .tinput{width:100%;min-width:0}.prow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drop{border:1px dashed var(--line2);border-radius:10px;padding:18px;text-align:center;color:var(--dim);font-size:12px;cursor:pointer;transition:border-color .15s}.drop:hover{border-color:var(--amber)}.refthumbs{display:flex;gap:8px;margin-top:9px}.refthumb{position:relative;width:62px;height:62px}.refthumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}.refthumb .x{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:#2a241b;color:var(--ink);font-size:12px;line-height:20px;text-align:center}.genbtn{width:100%;margin-top:16px;padding:12px;border-radius:10px;background:var(--amber);color:#17110a;font-weight:700;letter-spacing:.06em;transition:filter .15s}.genbtn:hover{filter:brightness(1.1)}.genbtn:disabled{opacity:.55;cursor:wait}.generror{margin-top:10px;color:#e0705c;font-size:12.5px}.genresult{margin-top:14px}.genresult-image-button{display:block;width:100%;padding:0;border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:var(--sunk);cursor:pointer}.genresult-image-button:hover{border-color:var(--amber)}.genresult-image-button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.genresult-image-button img{display:block;width:100%;max-height:min(52vh,560px);object-fit:contain}.genresult .ghostbtn{display:block;text-align:center;margin-top:9px}.dimline{color:var(--dim);font-size:12px;line-height:1.7;margin:8px 0}.okline{color:var(--amber);font-size:12px;margin-top:10px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 20%,rgba(217,164,65,.08),transparent 38%),#050403c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;overflow-y:auto}.image-preview-open{overflow:hidden}.image-preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#050403eb}.image-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0}.image-preview img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 20px 70px #0000008c}.image-preview-close{position:fixed;top:16px;right:16px;z-index:1;width:38px;height:38px;border:1px solid var(--line2);border-radius:50%;color:var(--ink2);background:#12100dcc;font-size:24px;line-height:1}.image-preview-close:hover,.image-preview-close:focus-visible{color:var(--ink);border-color:var(--amber);background:var(--panel2);outline:none}.modal{position:relative;width:min(440px,100%);max-height:calc(100vh - 48px);overflow:auto;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-radius:18px;box-shadow:0 24px 80px #0000008f}.modal:before{content:"";position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,var(--amber),transparent);opacity:.65}.ai-modal{width:min(580px,100%)}.topup-modal{width:min(720px,100%)}.mhead{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid var(--line);background:#ffffff03}.mhead-copy{display:flex;flex-direction:column;gap:5px}.mhead .t{font-family:var(--serif);font-size:23px;font-weight:700;letter-spacing:.1em}.mhead .mey{font-family:var(--mono);font-size:9px;letter-spacing:.28em;color:var(--amber)}.mhead .x{width:34px;height:34px;border:1px solid var(--line2);border-radius:50%;font-size:20px;line-height:1;color:var(--dim);transition:color .15s,border-color .15s,background .15s}.mhead .x:hover{color:var(--ink);border-color:var(--amber);background:#d9a44114}.mbody{padding:26px 28px 30px}.ai-modal .dimline{margin:0 0 22px;padding:14px 16px;background:#0a090861;border:1px solid var(--line);border-radius:12px;line-height:1.8}.ai-modal .glabel{margin-top:18px;color:var(--amber);letter-spacing:.18em}.ai-modal .tinput{min-height:44px;padding:11px 13px;border-radius:10px}.ai-modal .mbtns{justify-content:flex-end;margin-top:24px}.ai-modal .solidbtn{min-height:44px;padding:11px 20px}.merr{color:#e0705c;font-size:12.5px;margin-top:10px}.mswitch{margin-top:13px;font-size:12.5px;color:var(--dim);text-align:center}.mswitch a{color:var(--amber)}.mbtns{display:flex;gap:9px;margin-top:15px}.leave-modal{width:min(420px,100%);box-shadow:0 18px 50px #00000073}.leave-copy{color:var(--ink2);font-size:13px;line-height:1.8}.leave-modal .mbtns{justify-content:flex-end}.topup-modal .mbody{padding-top:26px}.announcement-modal{width:min(540px,100%)}.announcement-body{padding-top:24px}.announcement-content{color:var(--ink2);font-size:14px;line-height:1.9;white-space:pre-line}.announcement-image-link{display:block;margin-top:18px;text-align:center}.announcement-image{display:block;width:100%;max-height:min(52vh,460px);object-fit:contain;border:1px solid var(--line2);border-radius:12px;background:var(--sunk)}.announcement-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.announcement-dismiss{min-height:34px;white-space:nowrap}.announcement-button{min-width:86px;text-align:center}.pkg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pkg{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name action" "credits price";align-items:center;gap:16px 12px;width:100%;min-height:112px;padding:17px 17px 16px;background:#0a090847;border:1px solid var(--line2);border-radius:13px;text-align:left;transition:border-color .15s,transform .15s,background .15s}.pkg:hover{border-color:var(--amber);background:#d9a4410f;transform:translateY(-2px)}.pname{grid-area:name;min-width:0;font-weight:600;font-size:15px;letter-spacing:.04em}.pcredits{grid-area:credits;font-family:var(--mono);font-size:11.5px;color:var(--amber2)}.pprice{grid-area:price;font-family:var(--mono);font-size:13px;color:var(--ink2)}.pgo{grid-area:action;min-width:58px;min-height:34px;padding:7px 11px;border:1px solid var(--line2);border-radius:8px;font-size:11.5px;color:var(--amber);text-align:center;white-space:nowrap}.pkg:disabled{opacity:.55}.custom-row{margin-top:22px;padding:20px;background:#0a09083d;border:1px solid var(--line);border-radius:14px}.custom-row .glabel{margin:0 0 12px;color:var(--amber);letter-spacing:.18em}.custom-input{display:grid;grid-template-columns:24px minmax(0,1fr) 160px;align-items:center;gap:10px}.custom-input .yuan{color:var(--amber2);font-family:var(--mono);font-size:15px;text-align:center}.custom-input .tinput{min-width:0;min-height:46px}.custom-input .solidbtn{width:100%;min-height:46px;white-space:nowrap;padding:10px 12px}.topup-notes{margin-top:20px;padding:14px 2px 0;border-top:1px solid var(--line)}.topup-notes .dimline{margin:7px 0}.lsecwrap{margin-bottom:6px}.lsec{display:flex;align-items:baseline;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--amber);text-transform:uppercase;margin:24px 0 12px}.hsection-head{align-items:center}.hsection-head>.hdown{margin-left:auto}.lsec span{font-family:initial;letter-spacing:0;text-transform:none;font-size:11.5px;color:var(--dim)}.hlist{display:flex;flex-direction:column;gap:10px}.hitem{display:flex;gap:13px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 14px}.hthumb-button{flex:0 0 auto;width:74px;height:74px;padding:0;border:0;border-radius:9px;overflow:hidden;background:var(--sunk);cursor:pointer}.hthumb-button:hover{outline:1px solid var(--amber);outline-offset:2px}.hthumb-button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.hthumb{display:block;width:100%;height:100%;object-fit:cover;background:var(--sunk)}.hmeta{display:flex;flex-direction:column;gap:5px}.htitle{font-size:13.5px;font-weight:600}.hsub{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--dim)}.hrow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hdown{font-family:var(--mono);font-size:10px;letter-spacing:.1em;padding:3px 10px;background:none;border:1px solid var(--line2);border-radius:6px;color:var(--amber);cursor:pointer;transition:all .15s}.hdown:hover{border-color:var(--amber);background:#d9a44114}.hdown.hdel{color:var(--dim)}.hdown.hdel:hover{color:#e07050;border-color:#e07050;background:#e0705014}.hexp{font-size:10.5px;color:var(--dim)}.hnone{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;letter-spacing:.15em;color:var(--dim)}.hnone.hgone{color:var(--amber2);border:1px dashed var(--line2)}.guide{max-width:780px;margin:0 auto}.guide section{margin:36px 0}.guide p,.guide li{font-size:14px;line-height:1.9;color:var(--ink2)}.guide p{margin:8px 0}.guide ol,.guide ul{padding-left:22px;display:grid;gap:7px;margin:12px 0}.guide li::marker{color:var(--amber);font-family:var(--mono);font-size:12px}.guide b{color:var(--ink)}.guide code{font-family:var(--mono);font-size:12px;background:var(--sunk);border:1px solid var(--line);border-radius:6px;padding:2px 9px;color:var(--amber2);word-break:break-all}.guide .chips{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.guide .chips code{padding:6px 12px}.guide .gwarn{background:var(--panel);border:1px solid var(--line);border-left:1px solid color-mix(in srgb,var(--amber) 35%,transparent);border-radius:10px;padding:14px 18px;margin-top:12px}.glink{color:var(--amber)}.glink:hover{text-decoration:underline}.gentip{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--dim);text-align:center;margin-top:10px}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%);background:#241e14;color:var(--amber2);border:1px solid var(--amber);padding:10px 18px;border-radius:10px;font-size:13px;z-index:200;box-shadow:0 8px 30px #00000080}@media (max-width: 900px){.masthead{flex-wrap:wrap;height:auto;gap:8px 14px;padding:9px 16px}.tabs{order:3;width:100%;min-width:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.userarea{margin-left:auto}}@media (max-width: 600px){.modal-mask{padding:12px}.modal{max-height:calc(100vh - 24px);border-radius:15px}.mhead{padding:20px}.mhead .t{font-size:21px}.mbody{padding:22px 20px 24px}.announcement-actions{align-items:stretch;flex-direction:column-reverse}.announcement-dismiss,.announcement-button{width:100%}.tab{flex:0 0 auto;padding:7px 10px;font-size:12.5px;white-space:nowrap}.ai-modal .mbtns .solidbtn{width:100%}.pkg-grid{grid-template-columns:1fr}.pkg{min-height:98px}.custom-input{grid-template-columns:24px minmax(0,1fr)}.custom-input .solidbtn{grid-column:1 / -1}.custom-input .solidbtn{width:100%}.ghead{display:block;margin-bottom:12px}.ghead h1{font-size:34px;white-space:nowrap}.gstat{display:block;margin-top:8px;font-size:10px;letter-spacing:.18em}.hsection-head{align-items:center;flex-wrap:wrap}.hsection-head>.hdown{margin-left:auto}.gsub{line-height:1.75;margin-bottom:16px}.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chip{width:100%;padding:8px 7px;white-space:nowrap;text-align:center}.searchbox{grid-column:1 / -1;width:100%;min-width:0;margin-left:0;padding:10px 12px;font-size:16px}.casegrid-list{columns:1}.pv-head{align-items:flex-start;gap:9px}.pv-name{line-height:1.55}.pv-head .ghostbtn{padding:7px 10px;border-radius:999px;font-size:11px;line-height:1.2}.pv-text{max-height:260px}.argrow{grid-template-columns:1fr;gap:6px}}.skill-hero-head{justify-content:space-between;align-items:flex-end;margin-bottom:22px}.skill-hero-head .gsub{margin:8px 0 0;max-width:620px}.skill-counts{display:flex;gap:14px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--amber);white-space:nowrap}.skill-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:10px}.skill-tab{padding:9px 14px;border:1px solid transparent;border-radius:8px;color:var(--dim);font-size:13px}.skill-tab.on{color:var(--ink);background:var(--panel2);border-color:var(--line2)}.skill-tab small{margin-left:5px;font-family:var(--mono);font-size:10px;color:var(--amber)}.skill-search{margin-left:auto}.skill-filters{margin-top:14px}.skill-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.skill-card{display:block;overflow:hidden;padding:0;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:transform .15s,border-color .15s,background .15s}.skill-card:hover{transform:translateY(-3px);border-color:var(--amber);background:var(--panel2)}.skill-card-media{display:block;aspect-ratio:1;background:var(--sunk);overflow:hidden}.skill-card-media img{width:100%;height:100%;object-fit:cover;display:block}.skill-card-body{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;padding:10px 11px 12px}.skill-card-body strong,.skill-card-body small{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-card-body strong{font-size:12.5px;color:var(--ink)}.skill-card-body small{font-size:10px;color:var(--dim)}.skill-id{grid-row:span 2;color:var(--amber);font-family:var(--mono);font-size:11px}.skill-loading{padding:100px 0}.skill-detail-modal{width:min(900px,100%)}.skill-detail-body{display:grid;grid-template-columns:minmax(240px,44%) minmax(0,1fr);gap:24px;padding:24px 28px 28px}.skill-detail-image{width:100%;max-height:62vh;object-fit:contain;background:var(--sunk);border-radius:10px}.skill-detail-copy{display:flex;flex-direction:column;gap:15px;min-width:0}.skill-detail-copy p{color:var(--ink2);line-height:1.8;font-size:13px;white-space:pre-wrap}.skill-detail-copy .skill-detail-meta{color:var(--amber2);font-family:var(--mono);font-size:11px}.skill-detail-copy .mbtns{margin-top:auto;display:flex;gap:9px}.skill-compose-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:12px 0 24px}.skill-compose-head h1{font-family:var(--serif);font-size:30px;letter-spacing:.1em}.skill-compose-head h1 em{font-style:normal;color:var(--amber)}.skill-compose-head .gsub{margin:8px 0 0}.skill-compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.skill-compose-main{min-width:0}.skill-selection-panel,.skill-theme-panel,.skill-prompt-panel{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:13px;margin-bottom:14px}.selection-row{display:flex;gap:10px;flex-wrap:wrap}.selection-card{display:flex;align-items:center;gap:10px;min-width:220px;padding:9px;background:var(--sunk);border:1px solid var(--line2);border-radius:10px}.selection-card img{width:54px;height:54px;object-fit:cover;border-radius:7px}.selection-card span{display:grid;gap:5px;min-width:0}.selection-card small{color:var(--amber);font-family:var(--mono);font-size:9px;letter-spacing:.15em}.selection-card strong{font-size:12px;overflow-wrap:anywhere}.selection-empty{padding:15px 0;width:100%}.selection-actions{display:flex;gap:8px;margin-top:14px}.skill-theme-input{width:100%;min-height:112px;resize:vertical;background:var(--sunk);border:1px solid var(--line);border-radius:9px;padding:12px 13px;color:var(--ink);line-height:1.7}.skill-theme-input:focus,.skill-prompt-editor:focus{outline:none;border-color:var(--amber)}.skill-prompt-panel{background:linear-gradient(180deg,var(--panel2),var(--panel))}.skill-section-head{display:flex;align-items:center;justify-content:space-between}.skill-section-head .lsec{margin-top:0}.skill-live{color:var(--amber);font-family:var(--mono);font-size:9px;letter-spacing:.18em}.skill-prompt-editor{display:block;width:100%;min-height:360px;margin-top:10px;resize:vertical;background:var(--sunk);border:1px solid var(--line);border-radius:9px;padding:13px;color:var(--ink);font-family:var(--mono);font-size:12px;line-height:1.8}.skill-generator-panel{position:sticky;top:80px;min-width:0;padding:18px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-radius:14px}.skill-source-note{display:grid;gap:5px;padding:11px 12px;margin-bottom:12px;background:#d9a4410f;border:1px solid rgba(217,164,65,.25);border-radius:9px}.skill-source-note span,.skill-source-note small{color:var(--dim);font-family:var(--mono);font-size:9px;letter-spacing:.12em}.skill-source-note strong{color:var(--amber2);font-size:12px}.skill-ref-system{border:1px solid var(--amber)}.skill-ref-system small{position:absolute;left:4px;bottom:4px;padding:2px 4px;color:#17110a;background:var(--amber);border-radius:3px;font-size:9px}.skill-reference-tip{margin-top:8px;color:var(--dim);font-size:10.5px;line-height:1.6}@media (max-width: 1050px){.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 800px){.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-compose-grid{grid-template-columns:1fr}.skill-generator-panel{position:static}.skill-detail-body{grid-template-columns:1fr}}@media (max-width: 600px){.image-preview-mask{padding:12px}.image-preview-close{top:10px;right:10px}.skill-hero-head,.skill-compose-head{display:block}.skill-counts{margin-top:12px}.skill-tabs{flex-wrap:wrap}.skill-search{width:100%;margin-left:0}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skill-detail-body{padding:18px}.selection-card{width:100%}}