/* 页面顺序与选择逻辑：一级服务 → 二级细项 → 对应内容。 */
main{display:flex;flex-direction:column}.hero-scene{order:1}.manifest{order:2}.skills-section{order:3}.works{order:4}.media-lab{order:5}.service-band{order:6}.builds{order:7}.contact{order:8}.detail-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:42px}.detail-tabs button,.media-skills button{appearance:none;border:1px solid currentColor;border-radius:999px;background:transparent;padding:10px 14px;color:inherit;font:600 12px var(--cn-display,"PingFang SC",sans-serif);cursor:pointer;transition:background .28s var(--move),color .28s var(--move),transform .28s var(--pop)}.detail-tabs button:hover,.media-skills button:hover{transform:translateY(-2px)}.detail-tabs button.is-active{background:#101117;color:#fff;border-color:#101117}.software-tabs{margin-top:37px}.builds .detail-tabs button{border-color:rgba(255,255,255,.4);color:#fff}.builds .detail-tabs button.is-active{background:#fff;color:#101117;border-color:#fff}.office-panel{display:none;padding-top:25px}.office-panel.is-active{display:block;animation:panel-in .48s var(--enter) both}.panel-intro,.software-choice-output,.media-choice-output{max-width:620px;margin:18px 0 0;font-size:15px;line-height:1.65}.service-band .panel-intro{color:#1d2754}.software-choice-output{color:#aeb1bb}.media-choice-output{padding:15px 17px;border-left:2px solid #dbe4ff;color:#eef1ff}.resume-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.resume-gallery a{position:relative;display:block;min-height:300px;overflow:hidden;border-radius:16px;background:#e5e7ef}.resume-gallery img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s var(--enter)}.resume-gallery a:hover img{transform:scale(1.035)}.resume-gallery span{position:absolute;left:13px;bottom:12px;padding:7px 9px;border-radius:999px;background:rgba(16,17,23,.82);color:#fff;font-size:11px}.office-example{display:grid;grid-template-columns:minmax(280px,.92fr) 1.08fr;gap:34px;align-items:center;max-width:980px;margin-top:29px;padding:14px;border:1px solid rgba(16,17,23,.16);border-radius:24px;background:rgba(255,255,255,.26);box-shadow:0 18px 52px rgba(31,50,111,.12)}.office-example>a{display:block;min-height:310px;overflow:hidden;border-radius:15px;background:#eaedf7}.office-example img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--enter)}.office-example:hover img{transform:scale(1.045)}.office-example>div{padding:9px 17px 9px 5px}.office-example small{display:block;margin-bottom:17px;color:#3d4d8f;font-size:10px;font-weight:750;letter-spacing:.095em}.office-example h3{margin:0;color:#14224d;font-family:var(--cn-display,"PingFang SC",sans-serif);font-size:clamp(28px,3vw,44px);font-weight:670;line-height:.98;letter-spacing:-.07em}.office-example p{margin:19px 0;color:#29365c;font-size:14px;line-height:1.75}.office-example span{display:block;color:#405692;font-size:11px;font-weight:660;letter-spacing:.02em}.office-example-dark{background:#1a2038;border-color:#303d6d}.office-example-dark small,.office-example-dark span{color:#b5c7ff}.office-example-dark h3{color:#fff}.office-example-dark p{color:#c5cadb}.tool[hidden],.work[hidden]{display:none!important}@keyframes panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:800px){.detail-tabs{margin-top:28px;gap:6px}.detail-tabs button,.media-skills button{padding:8px 11px;font-size:11px}.panel-intro,.software-choice-output,.media-choice-output{font-size:13px;margin-top:16px}.resume-gallery{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:19px}.resume-gallery a{min-height:190px;border-radius:11px}.resume-gallery span{left:7px;bottom:7px;padding:5px 6px;font-size:9px}.office-example{grid-template-columns:1fr;gap:17px;margin-top:20px;padding:10px;border-radius:17px}.office-example>a{min-height:250px;border-radius:11px}.office-example>div{padding:4px 7px 11px}.office-example small{margin-bottom:12px}.office-example h3{font-size:30px}.office-example p{margin:14px 0;font-size:13px;line-height:1.65}}@media(prefers-reduced-motion:reduce){.office-panel.is-active{animation:none}}