/* 蓝天与海浪呼应用户参考，产品展示区保留原有产品视觉。 */
:root{--paper:#effbff;--ink:#132d50;--accent:#1365ac;--muted:#4c6480;--line:#9ebed7;--soft:#d9f1fb;--pixel-shadow:#367db5;--ui-font:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;--pixel-ease:cubic-bezier(.23,1,.32,1)}
body{background:#effbff;background-image:linear-gradient(90deg,#b5e4f21c 1px,transparent 1px),linear-gradient(#b5e4f21c 1px,transparent 1px);background-size:12px 12px;font-family:var(--ui-font)}.site-header{height:90px;border-bottom:0}.wordmark:before{background:#ffc943;box-shadow:8px 0 #ffc943,0 8px #ffc943,8px 8px #fff3ac}.nav-contact{background:#ffdb5d}.pixel-hero{position:relative;isolation:isolate;padding:56px 50px 0;margin-top:12px;gap:28px 45px;border:4px solid #132d50;background:#36bafb url('assets/pixel-seaside-v3.webp') center bottom/cover;box-shadow:9px 9px #132d50;min-height:690px}.hero-copy{background:#fffef5;border:4px solid #132d50;box-shadow:7px 7px #09689e;padding:32px 30px;position:relative;animation:hero-enter 420ms var(--pixel-ease) both}.hero-copy:before{content:'HELLO!';position:absolute;right:15px;top:-25px;transform:rotate(7deg);background:#fffdf2;border:3px solid #132d50;padding:5px 14px;font:900 18px Consolas,var(--ui-font);box-shadow:3px 3px #132d50}.hero-kicker{font-size:14px;margin-bottom:20px}.hero-kicker .status-dot{background:#ffcf43;box-shadow:3px 3px #132d50}.pixel-hero h1{font-size:clamp(40px,4.3vw,62px);letter-spacing:-3px;text-shadow:3px 3px #cee5f5}.pixel-hero h1 i{color:#e57556}.hero-mission{font-size:28px;margin-top:16px}.hero-description{margin-top:14px;font-size:17px}.hero-commands{margin-top:23px;gap:14px}.primary-link,.secondary-link{font-size:16px;padding:11px 15px;gap:10px}.primary-link{background:#ffdb5b}.secondary-link{background:#fffef5}.hero-player-stats{margin-top:25px;padding-top:15px;gap:24px}.hero-player-stats strong{font-size:25px}.character-window{border-color:#132d50;box-shadow:8px 8px #09689e;transform:rotate(2deg);background:#fff;animation:character-bob 4s ease-in-out 500ms infinite}.character-window:before,.character-window:after{background:#36bafb}.window-title{background:#ffdc65;color:#132d50;font-size:14px}.window-title span:last-child{color:#1b4c7b}.character-level{background:#fff3aa;border-color:#132d50;color:#132d50;box-shadow:3px 3px #132d50}.character-scene{aspect-ratio:1.05}.character-footer{background:#fffef5}.hero-bottom{color:#fff;border-top:0;background:#123557;padding:10px 18px;margin-top:10px;margin-bottom:22px;box-shadow:4px 4px #071f3b}.marquee-section{margin-top:40px;border:0}.marquee-row button{border-color:#89b2d0;box-shadow:4px 4px #b8dbed}.about-section{padding-top:55px}.about-section .eyebrow,.skills-section .eyebrow,.awards-section .eyebrow{color:#1b6194}.eyebrow:before{color:#db941b}.skills-section{background:#dff2ff;border-color:#183c65}.capabilities>div{box-shadow:5px 5px #8cbadd;background:#fffef5}.skill-number{color:#1b6fac}.skill-note{color:#427296}.internship{background:#fffef5;border-color:#35638c;box-shadow:5px 5px #8cbadd}.work-section{background:#126dac;border-color:#ffdb5b;background-image:linear-gradient(45deg,#ffffff04 25%,transparent 25%,transparent 75%,#ffffff04 75%),linear-gradient(45deg,#ffffff04 25%,transparent 25%,transparent 75%,#ffffff04 75%);background-position:0 0,8px 8px;background-size:16px 16px}.work-section .eyebrow{color:#ffe48d}.project,.project.has-data-demo{border-color:#153558;box-shadow:8px 8px #08416e;background:#fffef5}.project-number{color:#1c79b5;border-color:#b9d7e8}.project-category,.project-description,.project-note,.project-meta{color:#46667f}.project-role{background:#ffdf77;border-color:#173c60;box-shadow:3px 3px #b5c9cf;color:#173c60}.image-button:after{background:#fffdf5;color:#183a61;border-color:#183a61;box-shadow:2px 2px #b9d8ed}.cert-frame{border-color:#275476;box-shadow:5px 5px #a7cde5}.cert-card{border-color:#b4d3e8}.award-level{color:#236592}.contact-section{background:#ffdf78;border-color:#18395c;box-shadow:8px 8px #4387b8}.contact-section .email-link{border-color:#2c6089}.footer{border-color:#173b60}dialog{border-color:#163c60;box-shadow:9px 9px #163c6099}.lightbox-bar{background:#daf2ff;border-color:#9fc7e0}.lightbox-bar button{border-color:#295578}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dd713f;outline-offset:4px}.hero-kicker,.window-title,.hero-bottom,.project-category,.project-note,.honor-category,.honors-board-heading>span,.monitor-label,.monitor-date,.data-source{font-family:var(--ui-font);font-weight:550}.chapter-label{font-family:Consolas,var(--ui-font)}
/* 价格雷达为原生界面，输入字段和判定结果保持可读、可操作。 */
.monitor-app{display:grid;grid-template-columns:160px minmax(0,1fr);padding:0!important;color:#243e36;background:#f7faf8;font-family:'Microsoft YaHei',system-ui,sans-serif;overflow:hidden;border:1px solid #dfe9e2;border-radius:14px}.monitor-sidebar{background:#fff;padding:28px 18px;border-right:1px solid #e3ebe6;display:flex;flex-direction:column;gap:15px}.monitor-sidebar>img{width:112px;height:70px;object-fit:contain}.monitor-sidebar>span{font-size:16px;font-weight:600}.monitor-sidebar nav{display:flex;flex-direction:column;gap:10px;margin-top:20px;font-size:15px}.monitor-sidebar nav a{padding:9px 6px;background:#eef5ef;border-radius:6px;white-space:nowrap}.monitor-sidebar>p{margin-top:auto;font-size:14px;color:#758579;line-height:2}.monitor-content{min-width:0;padding:0 26px 22px}.monitor-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe8e2;padding:16px 0;font-size:15px}.monitor-label{font-size:14px;color:#597164;background:#edf3ef;padding:4px 8px;border-radius:4px;white-space:nowrap}.monitor-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:25px 0}.monitor-title h4{font-size:30px;margin:0;line-height:1.4}.monitor-title p{font-size:16px;margin-top:6px;color:#708178}.monitor-date{font-size:14px;color:#63786c;white-space:nowrap}.monitor-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.monitor-overview>div{background:#fff;border:1px solid #e1e9e3;border-radius:8px;padding:16px 18px}.monitor-overview span{display:block;color:#718378;font-size:15px}.monitor-overview strong{font-size:24px;display:block;margin-top:7px}.monitor-overview small{font-size:14px;margin-left:8px;font-weight:400}.monitor-block{background:#fff;border:1px solid #e2e9e4;border-radius:9px;padding:20px;min-width:0}.monitor-block-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.monitor-block h5{font-size:19px;margin:0;white-space:nowrap}.monitor-block-head label{display:flex;gap:8px;align-items:center;font-size:14px}.monitor-app input,.monitor-app select{background:#fff;border:1px solid #cddad1;border-radius:5px;padding:10px;width:100%;font:inherit;min-width:0;color:#243e36;line-height:1.4}.monitor-block-head input{width:180px;font-size:14px}.monitor-app table{font-size:15px;min-width:600px}.monitor-app table th,.monitor-app table td{padding:15px 10px}.monitor-app table th span{font-size:13px}.monitor-pending{background:#fff4d9;color:#846821;padding:4px 8px;border-radius:5px;font-size:14px;white-space:nowrap}.monitor-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.monitor-rule{font-size:15px;line-height:1.9;color:#567568;background:#f2f7f3;padding:12px;border-radius:5px;margin-bottom:16px}.monitor-rule b{color:#b64b30;font-size:20px}.monitor-form{display:grid;gap:15px}.monitor-form label{display:grid;gap:8px;font-size:15px}.monitor-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.monitor-form button,.monitor-review{border:0;border-radius:6px;background:#1d694c;color:white;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.5;cursor:pointer;min-height:44px;transition:transform 140ms var(--ease-out)}.monitor-form button:active,.monitor-review:active{transform:scale(.98)}.monitor-help,.monitor-source{font-size:14px;line-height:1.8;color:#728277;margin-top:14px}.monitor-result{background:#f2f5f3;padding:22px 18px;border-radius:8px;min-height:180px;font-size:15px}.monitor-result>span{display:block;font-size:14px}.monitor-result>strong{font-size:23px;display:block;margin:8px 0}.monitor-result p{line-height:1.8;margin-top:8px}.monitor-result.is-breach{background:#fff1ea;color:#a23e25}.monitor-result.is-clear{background:#eaf7ee;color:#1d694c}.monitor-flow{display:flex;list-style:none;gap:8px;padding:0;margin:20px 0;font-size:14px;color:#4e6c5a;flex-wrap:wrap}.monitor-flow li+li:before{content:'→';margin-right:8px;color:#93a69b}.monitor-review[hidden]{display:none}.monitor-review:disabled{opacity:.6;cursor:default}
@media(max-width:1100px){.pixel-hero{padding:40px 25px 0;gap:25px}.hero-copy{padding:28px 22px}.pixel-hero h1{font-size:45px}.hero-player-stats{gap:15px}.hero-player-stats strong{font-size:22px}.monitor-sidebar{padding:20px 12px}.monitor-app{grid-template-columns:140px minmax(0,1fr)}.monitor-content{padding-inline:18px}.monitor-detail-grid{grid-template-columns:1fr}.monitor-block-head{flex-wrap:wrap}.monitor-date{display:none}}
@media(max-width:700px){.site-header{height:76px}.wordmark:before{box-shadow:5px 0 #ffcf43,0 5px #ffcf43,5px 5px #ffe69c}.pixel-hero{padding:30px 14px 0;gap:26px;border-width:3px;box-shadow:5px 5px #132d50;margin-top:6px;background-size:auto 100%;background-position:center bottom}.hero-copy{padding:29px 17px 23px;border-width:3px;box-shadow:4px 4px #09689e}.hero-kicker{font-size:12px;letter-spacing:0}.pixel-hero h1{font-size:30px;letter-spacing:-1px}.hero-mission{font-size:25px}.hero-description{font-size:16px}.hero-player-stats{gap:12px}.hero-player-stats strong{font-size:20px}.hero-player-stats span{font-size:13px}.hero-commands{gap:12px}.primary-link,.secondary-link{font-size:15px;padding:10px;gap:7px}.character-window{width:85%;align-self:center;transform:rotate(2deg);box-shadow:5px 5px #09689e}.character-scene{aspect-ratio:1.2}.character-footer{padding:12px 16px}.character-footer span{font-size:13px}.hero-bottom{font-size:12px;gap:10px;padding:10px;margin-bottom:16px}.hero-bottom span:last-child{max-width:58%}.marquee-section{margin-top:28px}.project,.project.has-data-demo{box-shadow:5px 5px #08416e}.contact-section{box-shadow:5px 5px #4387b8}.monitor-app{display:block}.monitor-sidebar{flex-direction:row;align-items:center;padding:13px 14px;gap:10px;border-bottom:1px solid #e3ebe6;border-right:0}.monitor-sidebar>img{width:80px;height:40px}.monitor-sidebar>span{font-size:14px}.monitor-sidebar nav,.monitor-sidebar>p{display:none}.monitor-content{padding:0 12px 18px}.monitor-top{font-size:13px;padding:12px 0}.monitor-label{font-size:12px}.monitor-title{margin:20px 0}.monitor-title h4{font-size:27px}.monitor-title p{font-size:15px}.monitor-overview{gap:7px}.monitor-overview>div{padding:12px 8px}.monitor-overview span{font-size:13px}.monitor-overview strong{font-size:19px}.monitor-block{padding:15px 12px}.monitor-block-head label{width:100%;justify-content:space-between}.monitor-block-head input{width:65%;font-size:16px}.monitor-block h5{font-size:18px}.monitor-inputs{grid-template-columns:1fr}.monitor-form input,.monitor-form select{font-size:16px}.monitor-rule{font-size:14px}.monitor-source{font-size:13px}.monitor-result{padding:16px 14px}.monitor-app .data-table-wrap{margin-inline:-2px}.monitor-app table{min-width:575px}}
@media(prefers-reduced-motion:reduce){.monitor-form button,.monitor-review{transition:none}}
@keyframes hero-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes character-bob{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}
@media(hover:hover) and (pointer:fine){.chapter-label{transition:transform 180ms var(--pixel-ease)}.chapter-label:hover{transform:translateY(-3px)}.honor-badge{transition:transform 180ms var(--pixel-ease)}.honor-badge:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.hero-copy,.character-window{animation:none}.chapter-label,.honor-badge{transition:none}}
/* 关卡路标与各项目品牌色共同区分作品，截图本身不着色。 */
.project-transition{display:flex;align-items:center;justify-content:center;gap:18px;margin:72px 0 28px;color:#fff5cd}.chapter-track{height:4px;flex:1;max-width:160px;background:repeating-linear-gradient(90deg,#8ac8ec 0 8px,transparent 8px 16px)}.chapter-label{font:700 18px/1.5 Consolas,'Microsoft YaHei',monospace;color:#183955;background:#ffda62;border:3px solid #183955;padding:8px 14px;box-shadow:4px 4px #08416e;white-space:nowrap}.chapter-name{font-size:20px;font-weight:650}.project-transition+.project{margin-top:0}.project{border-top-width:9px!important}#project-1{border-top-color:#4768db}#project-2{border-top-color:#ee9b47}#project-3{border-top-color:#439276}#project-4{border-top-color:#c27365}#project-1 .project-number{color:#4768db}#project-2 .project-number{color:#b97026}#project-3 .project-number{color:#347a60}#project-4 .project-number{color:#ab5c51}.project-heading{padding-bottom:24px;border-bottom:2px solid #dce4e4}
/* 六枚像素勋章使用原始荣誉名称；奖学金以更大的金色卡片强调。 */
.honors-board{background:#dff3ff;border:3px solid #19395b;box-shadow:7px 7px #a4c8df;margin:36px 0 65px;padding:28px}.honors-board-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:2px solid #a7c9e0}.honors-board-heading h3{font-size:26px;margin:0;font-weight:750}.honors-board-heading>span{font:600 15px/1.6 Consolas,monospace;color:#466b87}.honors-grid{list-style:none;padding:0;margin:25px 0 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.honor-badge{grid-column:span 3;display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:20px;padding:23px 20px;background:#fffef5;border:2px solid #284764;box-shadow:4px 4px #97b7ca;min-width:0}.honor-featured{grid-column:span 6;flex-direction:row;align-items:center;gap:26px;background:#fff3c8;border-color:#89672c;box-shadow:4px 4px #d4b771;padding:26px}.honor-icon{display:grid;place-items:center;background:#e2f0f4;width:68px;height:68px;border:2px solid #9bb7c4;flex-shrink:0}.honor-icon svg{width:36px;height:42px}.honor-featured .honor-icon{width:84px;height:84px;background:#ffe395;border-color:#c59743}.honor-featured .honor-icon svg{width:48px;height:56px}.honor-copy{min-width:0}.honor-category{font-size:15px;color:#5a7281;display:block;margin-bottom:6px}.honor-badge h3{font-size:21px;line-height:1.55;margin:0;color:#19395b;font-weight:700}.honor-featured h3{font-size:27px;color:#604817}.honor-featured .honor-category{color:#876a32}.honor-check{position:absolute;right:15px;top:12px;font-size:20px;color:#c59a3b}.cert-section-title{font-size:25px;font-weight:700;margin:0 0 28px}
@media(max-width:1000px){.honor-badge{grid-column:span 6}.honor-featured{gap:16px;padding:20px}.honor-featured h3{font-size:23px}.honor-featured .honor-icon{width:64px;height:70px}.honor-badge:not(.honor-featured){flex-direction:row;align-items:center;gap:16px}}
@media(max-width:700px){.project-transition{margin:48px 0 22px;gap:10px;flex-wrap:wrap}.chapter-track{max-width:38px}.chapter-label{font-size:15px;padding:7px 10px;border-width:2px;box-shadow:3px 3px #08416e}.chapter-name{font-size:17px}.project-heading{padding-bottom:19px}.honors-board{padding:20px 15px;margin:28px 0 45px;box-shadow:4px 4px #a4c8df}.honors-board-heading{display:block;padding-bottom:17px}.honors-board-heading h3{font-size:23px}.honors-board-heading>span{font-size:14px;display:block;margin-top:5px}.honors-grid{gap:15px;margin-top:20px}.honor-featured{grid-column:1/-1;padding:19px 16px;gap:18px}.honor-badge:not(.honor-featured){flex-direction:column;align-items:flex-start;padding:17px 12px;gap:14px}.honor-badge h3{font-size:18px}.honor-featured h3{font-size:23px}.honor-category{font-size:14px}.honor-icon{width:52px;height:56px}.honor-icon svg{width:30px;height:35px}.honor-featured .honor-icon{width:62px;height:68px}.honor-featured .honor-icon svg{width:36px;height:42px}.honor-check{right:9px;top:7px;font-size:17px}.cert-section-title{font-size:23px;margin-bottom:23px}}