.name{white-space:nowrap}.projects{padding-top:22px;padding-bottom:22px}.portfolio-card{min-width:0}.project-media{aspect-ratio:16/9;border:1px solid var(--line);background:var(--media);color:#fff;text-align:left;cursor:pointer;width:100%;box-shadow:0 2px 5px var(--shadow);border-radius:5px;padding:0;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.project-media:after{content:"";pointer-events:none;background:linear-gradient(#0002,#0000 35%,#0004 60%,#000d);position:absolute;inset:0}.project-media:hover{box-shadow:4px 4px 0 var(--lime);transform:translateY(-3px)}.project-media img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.project-media:hover img{transform:scale(1.04)}.project-media .round-arrow{z-index:1;width:32px;height:32px;position:absolute;bottom:10px;right:12px}.project-media:hover .round-arrow,.project-media:focus-visible .round-arrow{background:var(--lime);transform:rotate(-35deg)}.portfolio-card .project-title{right:54px}.project-title{z-index:1;letter-spacing:1px;text-shadow:0 2px 6px #000;margin:0;font-size:clamp(18px,1.65vw,25px);font-weight:900;line-height:1.3;position:absolute;bottom:10px;left:15px;right:12px}.project-badge{z-index:1;color:#fff;background:#111d;border:1px solid #ffffff50;border-radius:3px;padding:4px 7px;font-size:10px;font-weight:700;line-height:1.4;position:absolute;top:9px;right:9px}.seer .project-badge{background:var(--lime);color:var(--media);border-color:#0000}.seer .project-media img{object-position:center 25%}.sword .project-badge{background:var(--pink);border-color:#0000}.work-in-progress{background:linear-gradient(135deg,#0000 38%,#b5ff161a 38% 39%,#0000 39% 65%,#b5ff1630 65% 66%,#0000 66%),repeating-linear-gradient(0deg,#0000 0 23px,#ffffff08 24px),linear-gradient(120deg,#101711,#283b29 65%,#101511);position:absolute;inset:0;overflow:hidden}.world-orbit{aspect-ratio:1;border:1px solid #b5ff1670;border-radius:50%;width:45%;position:absolute;top:-25%;right:12%;box-shadow:0 0 0 15px #b5ff1608,0 0 0 40px #b5ff1606}.project-dialog{border-radius:6px;max-height:85dvh;padding:38px 30px 30px;overflow-y:auto}.project-dialog h2{margin:12px 0 18px;font-size:clamp(25px,5vw,34px)}.project-dialog>p{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.9}.project-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.project-tags li{border:1px solid var(--line);padding:5px 9px;font-size:12px}body:has(.project-dialog[open]){overflow:hidden}.profile-bio{align-items:center;gap:22px;padding:12px 0;display:flex}.avatar{border:3px solid var(--dialog-border);box-shadow:5px 4px 0 var(--lime);border-radius:50%;flex-shrink:0}.profile-bio .bio-name{margin-bottom:7px;font-weight:700}.profile-bio>div{max-width:610px}.profile-bio p{font-size:16px}.contact-links{flex-wrap:wrap;gap:25px 55px;padding-right:0}.blog{padding-top:22px;padding-bottom:22px}.article-section-title{align-self:flex-start;margin-top:22px}.article-index-link{border:1px solid var(--ink);letter-spacing:.4px;margin:28px 0 0 8px;padding:9px 11px;font-size:12px;font-weight:900;transition:background .2s,color .2s,transform .2s;display:inline-block;transform:rotate(4deg)}.article-index-link:hover{background:var(--pink);color:#fff;transform:rotate(0)translateY(-2px)}.blog-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.blog-card{border:1px solid var(--line);min-height:176px;box-shadow:0 2px 4px var(--shadow);flex-direction:column;padding:19px 58px 18px 20px;transition:background .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.blog-card:before{background:radial-gradient(var(--dot) 1px, transparent 1.5px) 0 0 / 6px 6px;content:"";width:90px;height:70px;position:absolute;top:0;right:0;mask-image:linear-gradient(225deg,#000,#0000 70%)}.blog-card:hover{background:var(--card-hover);box-shadow:4px 4px 0 var(--lime);transform:translateY(-3px)}.blog-card-label{color:var(--pink);letter-spacing:1.2px;margin:0 0 10px;font-family:Arial Black,Arial,sans-serif;font-size:11px;font-style:italic}.blog-card h3{margin:0;font-size:clamp(19px,1.65vw,25px);line-height:1.3}.blog-card-description{color:var(--muted);margin:9px 0 auto;font-size:13px;line-height:1.55}.blog-card time,.blog-card-status{color:var(--muted);margin-top:13px;font-size:11px;font-weight:700}.blog-card-published:after{background:var(--lime);color:var(--media);content:"已发布";padding:4px 7px;font-size:10px;font-weight:900;position:absolute;top:14px;right:14px;transform:rotate(4deg)}.blog-card-read{color:var(--pink);margin-top:5px;font-size:11px;font-weight:900}.blog-card .round-arrow{position:absolute;bottom:17px;right:17px}.blog-card:hover .round-arrow{background:var(--lime);transform:rotate(-35deg)}.blog-card-placeholder{background:color-mix(in srgb, var(--paper) 70%, transparent)}.blog-card-placeholder:after{border:1px solid var(--pink);color:var(--pink);content:"SOON";letter-spacing:1px;padding:3px 5px;font-size:9px;font-weight:900;position:absolute;top:14px;right:14px;transform:rotate(4deg)}.knowledge-feature-card{background:linear-gradient(135deg, color-mix(in srgb, var(--pink) 22%, transparent), transparent 58%)}.knowledge-feature-card:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--pink) 28%, transparent), transparent 62%);box-shadow:4px 4px 0 var(--pink)}.knowledge-feature-card:after{background:var(--pink);color:#fff;content:"专区";padding:4px 7px;font-size:10px;font-weight:900;position:absolute;top:14px;right:14px;transform:rotate(4deg)}@media (width<=1100px){.project-title{font-size:18px;bottom:9px;left:10px}.project-badge{padding:3px 5px;font-size:9px;top:6px;right:6px}.profile-bio{gap:18px}.profile-bio p{font-size:14px}}@media (width<=720px){.name{font-size:clamp(70px,22vw,110px)}.project-grid{gap:18px}.project-title{font-size:23px;bottom:12px;left:16px}.project-badge{padding:4px 7px;font-size:11px;top:10px;right:10px}.profile-bio{align-items:flex-start}.avatar{width:62px;height:62px}.contact-links{gap:22px}.blog-grid{grid-template-columns:1fr;gap:12px}.blog-card{min-height:160px}.article-section-title{margin-top:0}.article-index-link{margin-top:19px}}