:root{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{color:#eef2ff;background:radial-gradient(circle at 20% 20%,#0ea5e933,#0000 45%),radial-gradient(circle at 80% 30%,#f472b633,#0000 35%),linear-gradient(120deg,#0b1020,#111827 48%,#1f2937);overflow:hidden}.page{z-index:1;place-items:center;width:100%;height:100%;padding:24px;display:grid;position:relative}.card-container{perspective:1000px;width:min(480px,100%)}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;transform-style:preserve-3d;background:#0c122273;border:1px solid #ffffff26;border-radius:16px;padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 18px 50px #03071261}.profile-card-3d{will-change:transform}.profile-card.hovered{border-color:#93c5fd80;box-shadow:0 26px 60px #0a0f1e80}.card-glow{opacity:.88;filter:blur(1px);pointer-events:none;transition:opacity .25s;position:absolute;inset:-12%;transform:translateZ(20px)}.card-content{z-index:1;transform-style:preserve-3d;position:relative}.layer-high{transform:translateZ(66px)}.layer-mid{transform:translateZ(44px)}.layer-low{transform:translateZ(34px)}.profile-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:700;display:flex;transform:translateZ(10px)}.profile-name{color:#f0f4ff;text-shadow:0 4px 14px #0f172a80;margin:0;font-size:clamp(22px,3vw,28px);line-height:1.2}.profile-welcome{color:#c7d2fe;margin:0 0 18px;font-size:clamp(14px,1.8vw,17px);line-height:1.6}.tech-stack{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{color:#e0e7ff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;padding:5px 14px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s}.tech-tag:hover{background:#ffffff24;border-color:#ffffff47}@media (width<=768px){body{overflow:auto}.page{min-height:100%}.profile-card{transform:none!important}.layer-high,.layer-mid,.layer-low,.avatar,.card-glow{transform:none}}