:root{--bg:#07151f;--paper:#f6f8f7;--ink:#102b3b;--muted:#5d7180;--line:#ccd8dc;--blue:#087ca8;--teal:#16a39c;--orange:#e68a2e;--coral:#ed6c57;--shadow:0 28px 80px rgba(0,22,34,.24);--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}p{margin:0;line-height:1.55}b,strong{font-weight:800}.progress{position:fixed;left:0;top:0;height:4px;background:linear-gradient(90deg,var(--blue),#5fe3d9);z-index:50;width:0}.quick-nav{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:20;display:grid;gap:8px}.quick-nav a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#123446;color:#a9c4d0;font:700 11px ui-monospace,monospace}.quick-nav a:hover{background:var(--teal);color:white}
.overview-slide{min-height:100vh;display:grid;place-items:center;padding:3vh 3vw;scroll-snap-align:start;background:linear-gradient(135deg,#edf3f4,#f8faf9)}.overview-page{scroll-snap-type:y mandatory}.overview-slide:nth-child(2){background:linear-gradient(135deg,#f8faf9,#eaf2f3)}.frame{position:relative;width:min(94vw,1560px);min-height:min(92vh,900px);background:rgba(255,255,255,.93);border:1px solid #c8d6da;border-radius:26px;box-shadow:var(--shadow);padding:clamp(28px,3.5vw,58px);overflow:hidden}.frame::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(8,124,168,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(8,124,168,.028) 1px,transparent 1px);background-size:30px 30px}.frame>*{position:relative;z-index:1}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.brand{font:850 16px ui-monospace,monospace;letter-spacing:.08em}.brand span{color:var(--blue)}.toplinks{display:flex;gap:22px;font-weight:750;color:var(--muted)}.toplinks a:hover{color:var(--coral)}.kicker{color:var(--blue);font-weight:850;font-size:13px;letter-spacing:.15em}.profile-grid{display:grid;grid-template-columns:1fr 330px;gap:62px;align-items:center;margin-top:34px}.profile-main h1{font-size:clamp(48px,5.1vw,82px);line-height:1.02;letter-spacing:-.055em;margin:13px 0 18px}.profile-main h1 span{color:var(--blue)}.hero-copy{max-width:940px;color:#385569;font-size:clamp(17px,1.3vw,22px)}.identity-card{display:grid;grid-template-columns:128px 1fr;gap:20px;align-items:center;padding:18px;border:1px solid #b9ccd4;border-radius:22px;background:rgba(241,247,247,.8);transition:.3s var(--ease)}.identity-card:hover{transform:translateY(-7px);box-shadow:0 20px 36px rgba(12,60,80,.13)}.identity-card img{width:128px;height:156px;object-fit:cover;border-radius:16px}.identity-card h2{font-size:27px;margin:0 0 8px}.identity-card p{color:#486273}.status{display:inline-block;margin-top:12px;color:var(--blue);font-size:13px;font-weight:800}.metric-strip{display:flex;gap:14px;margin-top:25px}.metric-strip div{min-width:180px;padding:12px 16px;border-left:4px solid var(--blue);background:#edf5f6}.metric-strip strong{display:block;font-size:19px}.metric-strip span{font-size:12px;color:var(--muted)}
.resume-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;margin-top:30px}.resume-block{border-top:1px solid var(--line);padding-top:15px}.section-label{color:var(--blue);font-size:13px;font-weight:850;letter-spacing:.12em;margin-bottom:10px}.edu-row{display:grid;grid-template-columns:1.1fr 1.7fr auto;gap:10px;padding:8px 0;border-bottom:1px solid #e2e9eb;font-size:14px}.edu-row span{color:var(--muted)}.edu-row time{color:#71848f}.focus-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.focus-tags span{font-size:12px;font-weight:750;border:1px solid #b9cdd3;border-radius:999px;padding:6px 9px;color:#365a6c}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.timeline article{position:relative;padding:13px;border:1px solid #d4dfe2;border-radius:14px;background:#fafcfc;transition:.28s var(--ease)}.timeline article:hover,.timeline article.active{transform:translateY(-5px);border-color:var(--teal);box-shadow:0 12px 24px rgba(18,74,88,.1)}.timeline time{display:block;color:var(--blue);font:750 11px ui-monospace,monospace;margin-bottom:7px}.timeline b{display:block;font-size:14px;margin-bottom:6px}.timeline p{font-size:12px;color:var(--muted)}.slide-tip{position:absolute;bottom:20px;right:34px;color:#71848f;font-size:12px}.page-title{font-size:clamp(32px,3vw,50px);margin:8px 0 0;letter-spacing:-.04em}.page-no{font:800 13px ui-monospace,monospace;color:#7b8d97}
.project-gateway{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.gateway-card{min-height:390px;border:1px solid #bdcdd3;border-radius:20px;padding:22px;background:rgba(250,252,252,.88);position:relative;transition:.3s var(--ease);overflow:hidden}.gateway-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:var(--blue)}.gateway-card.iclr::before{background:var(--teal)}.gateway-card.ant::before{background:var(--orange)}.gateway-card:hover{transform:translateY(-9px);box-shadow:0 20px 40px rgba(14,57,76,.15);background:white}.gateway-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.gateway-top strong{color:var(--blue)}.gateway-card h3{font-size:26px;line-height:1.12;margin:24px 0 17px}.gateway-card dl{margin:0}.gateway-card dt{float:left;width:70px;font-weight:850;color:var(--blue);font-size:13px}.gateway-card dd{margin:0 0 13px 76px;font-size:14px;line-height:1.48;color:#405969}.gateway-card dd b{color:var(--ink)}.open-detail{position:absolute;left:22px;bottom:20px;font-size:13px;font-weight:800;color:var(--coral)}.resume-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;margin-top:21px;padding-top:15px;border-top:1px solid var(--line)}.paper-rows{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.paper-rows a,.paper-rows>span{display:flex;gap:9px;font-size:12px;padding-bottom:5px;border-bottom:1px solid #e2e8ea}.paper-rows b{color:var(--blue);white-space:nowrap}.paper-rows span{color:var(--muted)}.compact-line{font-size:12px;color:var(--muted);margin-bottom:7px}.compact-line b{color:var(--ink);display:inline-block;width:42px}
.detail-page{background:#eef3f3}.detail-header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:15px 5vw;background:rgba(7,21,31,.92);backdrop-filter:blur(12px);color:white}.detail-header .brand span{color:#6ce0d8}.detail-header nav{display:flex;gap:18px;font-size:13px}.detail-header nav a:hover{color:#6ce0d8}.detail-main{width:min(1180px,92vw);margin:0 auto;padding:62px 0 100px}.detail-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:end}.detail-hero h1{font-size:clamp(43px,5.3vw,76px);line-height:1.02;letter-spacing:-.055em;margin:14px 0 20px}.detail-lead{font-size:20px;color:#3e5868}.hero-facts{display:grid;gap:10px}.fact{padding:16px 18px;border-left:4px solid var(--blue);background:white;box-shadow:0 8px 18px rgba(20,61,76,.07)}.fact b{display:block;font-size:22px}.fact span{font-size:13px;color:var(--muted)}.detail-section{margin-top:70px}.detail-section h2{font-size:34px;letter-spacing:-.03em;margin:0 0 20px}.detail-section>.intro{font-size:18px;color:#405b6a;max-width:880px}.logic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.logic-card{background:white;border:1px solid #cad8dc;border-radius:18px;padding:22px;min-height:190px}.logic-card span{font:800 12px ui-monospace,monospace;color:var(--blue)}.logic-card h3{font-size:20px;margin:14px 0 10px}.logic-card p{font-size:14px;color:var(--muted)}.figure-panel{margin-top:24px;background:white;border:1px solid #cbd9dd;border-radius:20px;padding:20px;box-shadow:0 15px 35px rgba(15,58,75,.08)}.figure-panel img{display:block;width:100%;max-height:560px;object-fit:contain}.figure-panel figcaption{margin-top:12px;font-size:13px;color:var(--muted)}.case-panel{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;margin-top:24px}.case-panel .figure-panel{margin:0}.case-notes{display:grid;gap:12px}.case-note{padding:18px;border-radius:16px;background:white;border:1px solid #cbd9dd}.case-note b{display:block;margin-bottom:7px;color:var(--blue)}.case-note p{font-size:14px;color:var(--muted)}.quote{margin-top:26px;padding:22px 26px;border-left:5px solid var(--coral);background:#fff4ed;font-size:18px;font-weight:750;line-height:1.5}.source-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.source-links a{padding:9px 13px;border:1px solid #a9c2cc;border-radius:999px;color:var(--blue);font-size:13px;font-weight:800}.source-links a:hover{background:var(--blue);color:white}.next-page{display:flex;justify-content:space-between;gap:20px;margin-top:70px;padding-top:25px;border-top:1px solid #bdcdd2;font-weight:800;color:var(--blue)}
.ant-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:25px}.ant-stage{position:relative;padding:20px;background:white;border:1px solid #c9d7db;border-radius:16px;min-height:180px}.ant-stage:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:45%;z-index:2;color:var(--orange);font-size:22px}.ant-stage span{font:800 11px ui-monospace,monospace;color:var(--orange)}.ant-stage h3{font-size:18px;margin:12px 0}.ant-stage p{font-size:13px;color:var(--muted)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.capability{padding:19px;border-radius:16px;background:#102c3c;color:white}.capability h3{margin:0 0 8px}.capability p{font-size:13px;color:#bad0da}.synthetic-case{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;margin-top:24px}.mock-doc{background:#faf7ef;border:1px solid #c8bda8;border-radius:18px;padding:24px;min-height:360px;position:relative;box-shadow:0 18px 30px rgba(59,43,24,.1)}.mock-doc .stamp{position:absolute;right:24px;top:35px;border:3px solid rgba(205,58,58,.62);color:rgba(205,58,58,.8);border-radius:50%;padding:18px 10px;transform:rotate(-13deg);font-weight:900}.mock-doc h3{font:900 27px ui-monospace,monospace;margin:0 0 26px}.mock-doc table{width:100%;border-collapse:collapse;font:13px ui-monospace,monospace}.mock-doc td{border:1px solid #aaa08e;padding:9px}.adversarial-text{display:inline-block;letter-spacing:-1px;filter:blur(.25px);transform:skew(-6deg)}.case-output{display:grid;gap:12px}.output-card{padding:18px;border-radius:16px;background:white;border:1px solid #c8d7db}.output-card.bad{border-left:5px solid var(--coral)}.output-card.good{border-left:5px solid var(--teal)}.output-card b{display:block;margin-bottom:8px}.output-card code{display:block;white-space:pre-wrap;color:#405968;font:13px/1.5 ui-monospace,monospace}.disclaimer{font-size:12px;color:#70828d;margin-top:10px}
@media(max-width:1000px){.overview-page{scroll-snap-type:none}.overview-slide{padding:16px}.frame{min-height:auto}.profile-grid,.resume-grid,.resume-bottom,.detail-hero,.case-panel,.synthetic-case{grid-template-columns:1fr}.identity-card{display:none}.timeline,.project-gateway,.logic-grid,.ant-flow,.capability-grid{grid-template-columns:1fr 1fr}.gateway-card{min-height:360px}.slide-tip,.quick-nav{display:none}.detail-main{padding-top:40px}}
@media(max-width:650px){.frame{padding:24px;border-radius:16px}.profile-main h1{font-size:44px}.metric-strip{display:grid}.metric-strip div{min-width:0}.edu-row{grid-template-columns:1fr}.timeline,.project-gateway,.logic-grid,.ant-flow,.capability-grid,.paper-rows{grid-template-columns:1fr}.toplinks{display:none}.gateway-card{min-height:400px}.detail-header nav{display:none}.detail-main{width:90vw}.ant-stage:not(:last-child)::after{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}