.portfolio{margin-top:20px;color:#dce6ff}.portfolio-intro{display:flex;justify-content:space-between;gap:12px;font:12px/1.6 var(--game-font);color:#91b1ff}.portfolio-caption{font:13px/1.8 'Microsoft YaHei',sans-serif!important;color:#a6b9db}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.portfolio-filters button{background:#0b1837;border:2px solid #5274bd;color:#c8d7fb;padding:8px 12px;font:12px var(--game-font);cursor:pointer}.portfolio-filters button[aria-pressed=true]{background:#002fa7;color:#fff;box-shadow:3px 3px #6d95f1}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.portfolio-card{min-width:0;border:2px solid #5679c4;background:#0b1631;box-shadow:4px 4px #020818}.portfolio-card[hidden]{display:none}.portfolio-open{padding:0;border:0;display:block;width:100%;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}.portfolio-cover{height:150px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#002fa7;background-image:linear-gradient(#6e9cff20 1px,transparent 1px),linear-gradient(90deg,#6e9cff20 1px,transparent 1px);background-size:16px 16px;border-bottom:2px solid #5679c4}.portfolio-cover img{width:100%;height:100%;object-fit:cover}.portfolio-art{font:36px/1 var(--game-font);letter-spacing:4px;color:#a6c5ff;text-shadow:4px 4px #001344;border:4px double #7096ed;padding:16px 12px;transform:rotate(-5deg)}.portfolio-slot{position:absolute;left:10px;top:10px;font:10px var(--game-font);background:#061330;color:#c9d8ff;padding:5px 6px}.portfolio-cross{position:absolute;right:10px;bottom:8px;color:#ffdf8e;font:28px var(--game-font)}.portfolio-card-body{display:flex;flex-direction:column;gap:10px;padding:16px}.portfolio-meta{font:11px/1.6 'Microsoft YaHei',sans-serif;color:#8daafa}.portfolio-name{font:24px/1.3 var(--game-font);color:#fff;overflow-wrap:anywhere}.portfolio-role{font:11px/1.7 'Microsoft YaHei',sans-serif;color:#ffdf8e}.portfolio-summary{font:13px/1.8 'Microsoft YaHei',sans-serif;color:#bbc9e3}.portfolio-tags{display:flex;flex-wrap:wrap;gap:6px}.portfolio-tags span{font:10px/1.5 'Microsoft YaHei',sans-serif;padding:3px 6px;border:1px solid #38568d;color:#a7bdec}.portfolio-cta{padding-top:12px;border-top:1px solid #304776;font:12px var(--game-font);color:#96b4ff}.portfolio-open:hover .portfolio-cta{color:#ffdf8e}.portfolio-card:has(.portfolio-open:hover){border-color:#99b9ff}.portfolio button:focus-visible,.portfolio a:focus-visible{outline:3px solid #ffdf8e;outline-offset:3px}.portfolio-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:30px;border:3px solid #95b3ff;background:#0b1631;color:#dce6ff;box-shadow:8px 8px #0008}.portfolio-dialog::backdrop{background:#020719dc}.portfolio-dialog h2{font:30px/1.4 var(--game-font);color:#fff;margin:12px 40px 12px 0}.portfolio-dialog h3{font:18px var(--game-font);color:#93b0ff;margin-top:26px}.portfolio-dialog p,.portfolio-dialog li{font:14px/1.9 'Microsoft YaHei',sans-serif}.portfolio-dialog li{margin-bottom:12px}.portfolio-dialog ul{padding-left:20px}.portfolio-dialog-role{color:#ffdf8e}.portfolio-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:2px solid #8aabfa;color:white;background:#002fa7;cursor:pointer;font:24px monospace}.portfolio-detail-image{width:100%;height:auto}.portfolio-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.portfolio-links a{background:#002fa7;border:2px solid #7399f7;color:#fff;padding:10px 16px;font:14px var(--game-font);text-decoration:none}.portfolio-links:empty{display:none}body:has(.portfolio-dialog[open]){overflow:hidden}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}.portfolio-cover{height:160px}.portfolio-dialog{padding:22px}.portfolio-dialog h2{font-size:24px}.portfolio-intro{font-size:10px}}@media(prefers-reduced-motion:no-preference){.portfolio-card{transition:transform .15s steps(3)}.portfolio-card:hover{transform:translateY(-3px)}}
.portfolio-dialog{position:fixed;inset:0;margin:auto}