:root { --fluid-warm-pink:#fff600; --fluid-mint:#ffa873; --fluid-soft-purple:#ff316b; --color-primary:#ff316b; --color-shadow:#ffa873; } /* 锁定默认三色 */
.theme-contrasted { --fluid-warm-pink:#ff9fa3; --fluid-mint:#a8f6be; --fluid-soft-purple:#aaa6ff; --color-primary:#ff9fa3; --color-shadow:#aaa6ff; } /* 锁定对比三色 */
.site-contrast-mask { background:var(--color-primary)!important; } /* 跟随当前主题遮罩 */
html { background:var(--fluid-mint); } /* 跟随当前主题底色 */
.breathing-gradient { position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; background:radial-gradient(ellipse at 16% 18%,color-mix(in srgb,var(--fluid-warm-pink) 86%,transparent) 0%,color-mix(in srgb,var(--fluid-warm-pink) 22%,transparent) 52%,transparent 76%),radial-gradient(ellipse at 82% 36%,color-mix(in srgb,var(--fluid-mint) 82%,transparent) 0%,color-mix(in srgb,var(--fluid-mint) 20%,transparent) 54%,transparent 78%),radial-gradient(ellipse at 48% 88%,color-mix(in srgb,var(--fluid-soft-purple) 84%,transparent) 0%,color-mix(in srgb,var(--fluid-soft-purple) 22%,transparent) 55%,transparent 80%),linear-gradient(142deg,var(--fluid-warm-pink) 0%,var(--fluid-mint) 51%,var(--fluid-soft-purple) 100%); } /* 铺满主题三色 */
.breathing-gradient canvas { display:block; width:100%; height:100%; } /* 铺满渲染画布 */
.site-wrapper,.s-work { background:transparent!important; } /* 露出页面渐变 */
.site-intro { background:transparent!important; } /* 交由独立渐变层覆盖首帧 */
html.is-work-return .site-intro { display:none!important; } /* 首帧隐藏返回开场 */
html.is-work-return:not(.is-work-return-ready) .site-wrapper,html.is-work-return:not(.is-work-return-ready) .site-mount { opacity:0!important; } /* 定位前隐藏页面 */
.site-intro::before { position:absolute; inset:0; z-index:0; background:linear-gradient(180deg,#fff600 0%,#ffa873 50%,#ff316b 100%); opacity:1; transition:opacity .18s cubic-bezier(.76,0,.24,1); content:""; pointer-events:none; } /* 保持首帧完整渐变 */
.site-intro .intro-logo__stem { clip-path:inset(100% 0 0 0); } /* 中柱在最终位置由下向上揭开 */
.site-intro .intro-logo__cap { clip-path:inset(0 50% 0 50%); } /* 顶盖在最终位置由中心揭开 */
.site-intro .intro-logo__side { clip-path:inset(0 0 0 100%); } /* 侧翼在最终位置由内向外揭开 */
.site-intro.is-revealing::before { opacity:0; } /* 揭开渐变并露出线条 */
.s-about.astro-am7g2yfn .s__awards.astro-am7g2yfn { background:repeating-linear-gradient(-45deg,transparent,transparent 1px,#160000 1.5px,#160000 2.5px,transparent 3px,var(--color-primary) 11px); } /* 覆盖奖项网格末色 */
.theme-contrasted .s-about.astro-am7g2yfn .s__awards.astro-am7g2yfn { background:repeating-linear-gradient(-45deg,transparent,transparent 1px,#160000 1.5px,#160000 2.5px,transparent 3px,var(--color-primary) 11px); } /* 覆盖反差奖项末色 */
.s-about.astro-am7g2yfn .s__content.astro-am7g2yfn { font:400 1.375rem/1.8 "Noto Serif SC","Source Han Serif SC","Songti SC",STSong,SimSun,serif; letter-spacing:.035em; } /* 设置中文正文排版 */
.s-about.astro-am7g2yfn .s__content.astro-am7g2yfn p.astro-am7g2yfn { text-indent:2em; } /* 设置正文首行缩进 */
.s-about.astro-am7g2yfn .skill-card--graphic .s__award__inner.astro-am7g2yfn { flex-direction:column; gap:1rem; padding:1.25rem; } /* 设置平面技能卡布局 */
.s-about.astro-am7g2yfn .skill-card__title { font:400 1.25rem/1.15 "Noto Serif SC","Source Han Serif SC","Songti SC",STSong,SimSun,serif; letter-spacing:.06em; } /* 设置技能卡标题 */
.s-about.astro-am7g2yfn .skill-card__tools { display:flex; align-items:flex-start; justify-content:center; gap:2.75rem; } /* 并列两款软件 */
.s-about.astro-am7g2yfn .skill-card__tool { display:grid; justify-items:center; gap:.4rem; min-width:5rem; font:400 .6875rem/1.2 var(--font-family-fraktion); letter-spacing:.04em; } /* 设置软件名称 */
.s-about.astro-am7g2yfn .skill-card__icon { display:block; width:3.5rem; height:3.5rem; object-fit:contain; } /* 保持图标完整比例 */
.s-about.astro-am7g2yfn .skill-card--ui .s__award__inner.astro-am7g2yfn { flex-direction:column; gap:.75rem; padding:1rem .625rem; } /* 设置 UI 技能卡布局 */
.s-about.astro-am7g2yfn .skill-card--ui .skill-card__title { font-size:1rem; } /* 收紧 UI 技能标题 */
.s-about.astro-am7g2yfn .skill-card--ui .skill-card__tools { width:100%; gap:.625rem; } /* 并列四款 UI 软件 */
.s-about.astro-am7g2yfn .skill-card--ui .skill-card__tool { min-width:0; width:3.5rem; gap:.3rem; font-size:.5625rem; letter-spacing:.02em; } /* 收紧 UI 软件名称 */
.s-about.astro-am7g2yfn .skill-card--ui .skill-card__icon { width:2.5rem; height:2.5rem; } /* 设置 UI 软件图标 */
.s-about.astro-am7g2yfn .s__awards.astro-am7g2yfn .s__award--awwwards.astro-am7g2yfn .s__award__name.astro-am7g2yfn { display:flex; flex-direction:column; align-items:flex-start; gap:.065em; margin-bottom:.75rem; width:100%; word-break:normal; font-family:"Microsoft YaHei","Noto Sans SC","Source Han Sans SC",sans-serif; font-size:clamp(4rem,9.22vw,7.375rem); font-weight:900; line-height:.9; letter-spacing:-.025em; text-align:left; } /* 覆盖原站字号并保留参考留白 */
.s__award__name-line { display:block; width:max-content; max-width:100%; margin-left:0; white-space:nowrap; font:inherit; text-align:left; } /* 统一两行标题字体 */
.s__award__name-line:first-child { letter-spacing:-.03em; transform:none; } /* 校准英文标题宽度 */
.s__award__name-line--cn { letter-spacing:-.04em; transform:none; } /* 校准中文标题宽度 */
.s-about.astro-am7g2yfn .s__award--awwwards.astro-am7g2yfn .s__award__counter.astro-am7g2yfn { width:100%; font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",STSong,SimSun,serif; font-weight:400; line-height:1.35; text-align:left; } /* 统一说明文字字重 */
.s-about.astro-am7g2yfn .s__award--fwa.astro-am7g2yfn .s__award__name.astro-am7g2yfn { width:100%; margin:0 0 .25rem; font-family:"Microsoft YaHei","Noto Sans SC","Source Han Sans SC",sans-serif; font-size:clamp(2.75rem,4.7vw,3.75rem); font-weight:900; line-height:.9; letter-spacing:-.04em; white-space:nowrap; word-break:keep-all; } /* 让中文前端标题完整收进窄卡片 */
.s-about.astro-am7g2yfn .s__award--experience.astro-am7g2yfn { --experience-date-size:.625rem; --experience-company-size:1.125rem; --experience-role-size:.6875rem; --experience-body-size:.75rem; --experience-padding-x:1rem; } /* 建立独立中文经历字号体系 */
.s-about.astro-am7g2yfn .s__award--experience.astro-am7g2yfn .s__award__inner.astro-am7g2yfn { align-items:flex-start; justify-content:center; gap:0; padding:1rem var(--experience-padding-x); text-align:left; } /* 统一经历卡左对齐与纵向留白 */
.s-about.astro-am7g2yfn .experience-card__date { display:block; width:100%; margin:0 0 .5rem; font:700 var(--experience-date-size)/1.1 var(--font-family-fraktion); letter-spacing:.045em; white-space:nowrap; } /* 设置时间为紧凑索引层 */
.s-about.astro-am7g2yfn .experience-card__company { display:block; width:100%; font:700 var(--experience-company-size)/1.18 "Microsoft YaHei","Noto Sans SC","Source Han Sans SC",sans-serif; letter-spacing:-.025em; word-break:normal; overflow-wrap:anywhere; text-wrap:balance; } /* 设置公司名称为视觉主层 */
.s-about.astro-am7g2yfn .experience-card__role { display:block; width:100%; margin:.375rem 0 0; font:700 var(--experience-role-size)/1.2 "Microsoft YaHei","Noto Sans SC","Source Han Sans SC",sans-serif; letter-spacing:.04em; white-space:nowrap; } /* 设置职位为次级强调层 */
.s-about.astro-am7g2yfn .experience-card__description { display:block; width:100%; margin:.5rem 0 0; font:400 var(--experience-body-size)/1.45 "Noto Serif SC","Source Han Serif SC","Songti SC",STSong,SimSun,serif; letter-spacing:.015em; word-break:normal; overflow-wrap:anywhere; text-wrap:pretty; } /* 设置职责为舒展正文层 */
.s-about.astro-am7g2yfn .s__award--gsapOct2024.astro-am7g2yfn { --experience-company-size:1.25rem; --experience-body-size:.8125rem; } /* 放大短内容经历的标题与正文 */
.s-about.astro-am7g2yfn .s__award--gsapNov2024.astro-am7g2yfn { --experience-company-size:1.0625rem; --experience-body-size:.6875rem; } /* 收紧信息最密集的窄卡 */
.s-about.astro-am7g2yfn .s__award--CSSDA2016.astro-am7g2yfn { --experience-date-size:.6875rem; --experience-company-size:1.25rem; --experience-role-size:.75rem; --experience-body-size:.8125rem; --experience-padding-x:1.25rem; } /* 利用宽卡展示房地产经历 */
.s-about.astro-am7g2yfn .s__award--CSSDA2015.astro-am7g2yfn { --experience-date-size:.6875rem; --experience-company-size:1.5rem; --experience-body-size:.8125rem; --experience-padding-x:1.25rem; } /* 强调当前品牌打造阶段 */
@media only screen and (max-width:1080px) { .s-about.astro-am7g2yfn .s__content.astro-am7g2yfn { font-size:1.25rem; } } /* 设置平板正文大小 */
@media only screen and (min-width:768px) and (max-width:1080px) { .s-about.astro-am7g2yfn .s__award--CSSDA2016.astro-am7g2yfn { --experience-company-size:1.1875rem; --experience-body-size:.75rem; } } /* 收紧平板房地产经历 */
@media only screen and (max-width:767px) and (orientation:landscape),only screen and (max-width:576px) { .s-about.astro-am7g2yfn .s__content.astro-am7g2yfn { font-size:1rem; line-height:1.75; letter-spacing:.04em; } } /* 设置手机正文大小 */
@media only screen and (max-width:767px) and (orientation:landscape),only screen and (max-width:576px) { .s-about.astro-am7g2yfn .skill-card--graphic .s__award__inner.astro-am7g2yfn { gap:.75rem; padding:.875rem; } .s-about.astro-am7g2yfn .skill-card__title { font-size:1rem; } .s-about.astro-am7g2yfn .skill-card__tools { gap:1.5rem; } .s-about.astro-am7g2yfn .skill-card__tool { min-width:4rem; font-size:.625rem; } .s-about.astro-am7g2yfn .skill-card__icon { width:2.75rem; height:2.75rem; } } /* 收紧手机技能卡 */
@media only screen and (max-width:767px) and (orientation:landscape),only screen and (max-width:576px) { .s-about.astro-am7g2yfn .skill-card--ui .s__award__inner.astro-am7g2yfn { gap:.625rem; padding:.75rem .375rem; } .s-about.astro-am7g2yfn .skill-card--ui .skill-card__title { font-size:.875rem; } .s-about.astro-am7g2yfn .skill-card--ui .skill-card__tools { gap:.25rem; } .s-about.astro-am7g2yfn .skill-card--ui .skill-card__tool { width:2.5rem; min-width:0; font-size:.5rem; } .s-about.astro-am7g2yfn .skill-card--ui .skill-card__icon { width:2rem; height:2rem; } } /* 收紧手机 UI 技能卡 */
@media (prefers-reduced-motion:reduce) { .breathing-gradient canvas { display:none; } } /* 关闭动态画布 */
.sb-socials .sb__icon--card { position:relative; z-index:1; display:block; width:1.25rem; height:1.25rem; overflow:visible; background:transparent!important; color:var(--color-secondary,#160000); fill:none; stroke:currentColor; stroke-width:6; stroke-linecap:round; stroke-linejoin:round; clip-path:none; } /* 绘制笑脸星星入口 */
.sb-socials a:hover .sb__icon--card,.sb-socials a:focus-visible .sb__icon--card { color:var(--color-primary); } /* 悬停与聚焦时反转星星颜色 */
.site-head.astro-5qrshpxv .sb-qr-code.astro-5qrshpxv { padding:.5rem; } /* 放大二维码并保持顶栏高度 */
.site-head.astro-5qrshpxv .sb-qr-code.astro-5qrshpxv img.astro-5qrshpxv { display:block; width:5rem; height:5rem; object-fit:contain; } /* 设置二维码显示尺寸 */
.site-head.astro-5qrshpxv .sb-qr-code.astro-5qrshpxv:before { inset:.5rem; } /* 同步二维码扫描遮罩范围 */
.site-head.astro-5qrshpxv .sb-qr-code.astro-5qrshpxv { appearance:none; border:0; border-left:1px solid var(--color-secondary); margin:0; background:transparent; color:inherit; cursor:pointer; } /* 重置二维码按钮并保留分隔线 */
.site-foot__meta { position:absolute; left:1.5rem; display:flex; flex-direction:column; align-items:flex-start; gap:.35rem; } /* 排列备案信息 */
.site-foot__name,.site-foot__icp { color:var(--color-secondary); font:400 12px/1.2 var(--font-family-fraktion); letter-spacing:.08em; } /* 统一页脚文字 */
.site-foot__icp { font-size:11px; text-decoration:none; } /* 设置备案链接 */
.site-foot__icp:hover,.site-foot__icp:focus-visible { text-decoration:underline; } /* 标记备案交互 */