:root{color:#173248;background:#eef9ff;font-family:HarmonyOS Sans SC,MiSans,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-width:320px;min-height:100%;margin:0;background:radial-gradient(circle at 8% 0%,rgba(125,214,244,.5),transparent 28rem),linear-gradient(180deg,#eef9ff 0%,#f8fcff 44%,#edf8fb 100%)}button,a{font:inherit}a{color:inherit}.page-shell{width:min(100%,430px);min-height:100vh;margin:0 auto;padding:22px 18px 34px;overflow:hidden}.hero-section{position:relative;padding:30px 2px 14px}.hero-section:before{position:absolute;top:8px;right:-38px;width:150px;height:150px;border:1px solid rgba(73,164,213,.22);border-radius:50%;content:""}.hero-mark,.eyebrow{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;margin-bottom:5px;border:1px solid rgba(59,151,198,.22);border-radius:999px;background:rgba(255,255,255,.72);color:#277ca8;font-size:12px;font-weight:700;letter-spacing:0}.hero-section h1{position:relative;margin:18px 0 12px;color:#14314a;font-size:38px;line-height:1.08;letter-spacing:0}.hero-copy{width:min(100%,348px);margin:0;color:#4a6a7d;font-size:15px;line-height:1.78}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.hero-tags span,.result-row span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:#ffffff;box-shadow:0 8px 22px #4791bc1a;color:#28536a;font-size:12px;font-weight:650}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 30px}.metric-strip article{min-height:72px;padding:12px 6px 10px;border:1px solid rgba(96,174,216,.2);border-radius:8px;background:rgba(255,255,255,.78);text-align:center;box-shadow:0 12px 32px #4e98be1a}.metric-strip strong{display:block;color:#1374a5;font-size:20px;line-height:1.1}.metric-strip span{display:block;margin-top:7px;color:#638093;font-size:11px;line-height:1.25}.content-section{margin-top:30px}.section-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.section-heading span{color:#7bbbdd;font-size:13px;font-weight:800}.section-heading h2{margin:0;color:#16334b;font-size:23px;letter-spacing:0}.project-card,.company-intro,.component-card,.skill-card,.study-card,.award-card{margin-top:12px;padding:18px;border:1px solid rgba(92,173,218,.18);border-radius:8px;background:rgba(255,255,255,.88);box-shadow:0 18px 42px #418eb81f}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#3c91bd;font-size:12px;font-weight:750}.project-card h3,.company-intro h3,.component-card h3,.skill-card h3,.study-card h3,.award-card h3,.scene-grid h3{margin:0;color:#173248;font-size:20px;line-height:1.28;letter-spacing:0}.project-card p,.company-intro p,.component-card p,.skill-card p,.study-card p,.award-card p,.scene-grid p{margin:10px 0 0;color:#5a7485;font-size:14px;line-height:1.72}.link-panel{display:grid;gap:9px;margin-bottom:14px}.link-panel a{display:flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid rgba(92,173,218,.2);border-radius:8px;background:rgba(255,255,255,.82);box-shadow:0 12px 28px #418eb81a;color:#176f9d;font-size:13px;font-weight:750;text-decoration:none}.media-placeholder{display:grid;gap:10px;margin-top:16px}.media-frame{display:block;width:100%;margin-top:16px;padding:0;overflow:hidden;border:1px solid rgba(92,173,218,.18);border-radius:8px;background:#eaf8ff;box-shadow:0 12px 28px #418eb81a}.media-frame img,.media-frame video{display:block;width:100%;height:100%}.media-frame img{object-fit:cover}.media-frame video{object-fit:contain;background:#dff4ff}.image-button{appearance:none;cursor:zoom-in}.video-frame,.wide-image{aspect-ratio:16 / 9}.phone-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.phone-image{aspect-ratio:9 / 16}.school-gallery{display:grid;grid-template-columns:1fr;gap:10px}.school-gallery .media-frame{margin-top:0}.school-gallery{margin-top:16px}.certificate-image{aspect-ratio:4 / 3}.media-placeholder.video,.media-placeholder.single{grid-template-columns:1fr}.media-placeholder.phones{grid-template-columns:repeat(3,minmax(0,1fr))}.media-placeholder.split{grid-template-columns:repeat(2,minmax(0,1fr))}.media-slot{position:relative;display:grid;min-height:136px;place-items:center;border:1px dashed rgba(49,145,192,.34);border-radius:8px;background:linear-gradient(135deg,rgba(227,247,255,.82),rgba(255,255,255,.78)),repeating-linear-gradient(-45deg,transparent 0 10px,rgba(49,145,192,.06) 10px 12px);color:#6b91a6;font-size:12px;font-weight:700;text-align:center}.media-placeholder.video .media-slot,.media-placeholder.single .media-slot{aspect-ratio:16 / 9;min-height:0}.media-placeholder.phones .media-slot{aspect-ratio:9 / 16;min-height:0}.result-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.company-section{position:relative}.company-intro{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(227,247,255,.86))}.scene-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.scene-grid article{display:grid;grid-template-columns:54px 1fr;column-gap:13px;align-items:center;min-height:96px;padding:14px;border:1px solid rgba(92,173,218,.18);border-radius:8px;background:rgba(255,255,255,.78)}.scene-grid p{grid-column:2;margin-top:4px}.scene-icon{display:grid;width:54px;height:54px;grid-row:1 / span 2;place-items:center;border-radius:8px;background:#dff4ff;color:#1678a8;font-size:13px;font-weight:850}.skill-card{display:grid;gap:10px}.component-card{display:grid;gap:12px}.component-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.component-list span{display:grid;min-height:40px;place-items:center;border:1px solid rgba(92,173,218,.18);border-radius:8px;background:#f2fbff;color:#24556d;font-size:13px;font-weight:750;text-align:center}.study-card{display:grid;gap:12px}.course-list{display:flex;flex-wrap:wrap;gap:8px}.course-list span{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border-radius:999px;background:#e8f8ff;color:#226481;font-size:12px;font-weight:750}.skill-card a{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:34px;padding:0 14px;border-radius:999px;background:#137fad;color:#fff;font-size:13px;font-weight:750;text-decoration:none;box-shadow:0 12px 24px #137fad33}.award-card{position:relative;padding-top:62px}.award-badge{position:absolute;top:16px;left:18px;display:inline-grid;min-height:34px;padding:0 12px;place-items:center;border-radius:999px;background:#e0f5ff;color:#116f9f;font-size:13px;font-weight:800}.footer{display:grid;gap:6px;margin:34px 0 4px;padding:18px 0 6px;border-top:1px solid rgba(79,159,203,.2);color:#638093;font-size:12px;text-align:center}.footer strong{color:#21445b;font-size:14px}.preview-layer{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:46px 16px 34px;background:rgba(11,35,52,.82);backdrop-filter:blur(10px)}.preview-layer img{max-width:100%;max-height:78vh;border-radius:8px;object-fit:contain;box-shadow:0 24px 70px #00000052}.preview-layer span{align-self:start;margin-top:12px;color:#eefaff;font-size:13px;font-weight:700}.preview-close{position:absolute;top:14px;right:14px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:24px;line-height:1}@media (max-width: 360px){.page-shell{padding-right:14px;padding-left:14px}.hero-section h1{font-size:33px}.metric-strip{gap:6px}.metric-strip article{padding-right:3px;padding-left:3px}}@media (min-width: 720px){body{background:radial-gradient(circle at 50% 0%,rgba(125,214,244,.4),transparent 34rem),linear-gradient(180deg,#eef9ff 0%,#f8fcff 44%,#edf8fb 100%)}.page-shell{border-right:1px solid rgba(92,173,218,.16);border-left:1px solid rgba(92,173,218,.16)}}