:root{--bg: #f5f6f8;--bg-2: #eef0f4;--panel: #fbfcfd;--panel-2: #f1f3f7;--line: rgba(15, 23, 42, .1);--line-strong: rgba(15, 23, 42, .22);--text: #151a24;--dim: #4b5568;--faint: #8b94a6;--accent: #e23a2c;--accent-soft: rgba(226, 58, 44, .08);--accent-line: rgba(226, 58, 44, .45);--danger: #c84b38;--font-display: "Bricolage Grotesque Variable", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "IBM Plex Mono", Consolas, "Courier New", monospace;--font-sans: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "Segoe UI", sans-serif;--w: 1700px;--nav-h: 76px;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-padding-top:calc(var(--nav-h) + 12px)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--accent);color:#fff5f4}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#c7cdd8;border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#aeb6c4}a{color:inherit;text-decoration:none}ul{list-style:none}img,video,canvas{display:block;max-width:100%}.container{width:min(var(--w),calc(100% - 96px));margin-inline:auto}section{position:relative}.mono{font-family:var(--font-mono);letter-spacing:.08em}.accent{color:var(--accent)}.sec-head{padding:136px 0 72px}.sec-meta{display:flex;align-items:center;gap:18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;color:var(--faint);text-transform:uppercase}.sec-idx{color:var(--accent)}.sec-meta-label{letter-spacing:.42em;color:var(--dim)}.sec-line{flex:1;height:1px;background:var(--line)}.sec-en-big{margin-top:30px;font-family:var(--font-display);font-variation-settings:"wght" 620;font-size:clamp(56px,5.6vw,108px);line-height:1.02;letter-spacing:-.012em;text-transform:uppercase}.sec-mask{display:block;overflow:hidden;padding-bottom:.05em}.sec-en-inner{display:block}.sec-desc{max-width:560px;color:var(--dim);font-size:15px;margin-top:26px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:1px solid var(--line-strong);border-radius:999px;font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;color:var(--text);background:transparent;cursor:pointer;transition:border-color .3s,color .3s,background .3s,transform .3s var(--ease-out)}.btn:hover{background:var(--accent);border-color:var(--accent);color:#fff5f4;transform:translateY(-2px);box-shadow:0 8px 32px #e23a2c42}.btn-solid{background:var(--accent);border-color:var(--accent);color:#fff5f4;font-weight:500}.btn-solid:hover{background:#151a24;border-color:#151a24;color:#f3f5f7;box-shadow:0 8px 32px #e23a2c47}.btn .arr{font-family:var(--font-sans);transition:transform .3s var(--ease-out)}.btn:hover .arr{transform:translate(4px)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:4px}.corner-ticks:before,.corner-ticks:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none}.corner-ticks:before{top:-1px;left:-1px;border-top:1px solid var(--accent-line);border-left:1px solid var(--accent-line)}.corner-ticks:after{bottom:-1px;right:-1px;border-bottom:1px solid var(--accent-line);border-right:1px solid var(--accent-line)}.nav{position:absolute;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;background:transparent}.nav-float,.nav-leave{position:fixed;background:#f5f6f8ad;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--line);box-shadow:0 12px 40px #0f172a1a}.nav-float:before,.nav-leave:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);pointer-events:none}.nav-float{animation:nav-drop .5s var(--ease-out)}.nav-leave{animation:nav-lift .38s ease forwards}@keyframes nav-drop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes nav-lift{to{transform:translateY(-100%)}}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.nav-logo{font-size:16px;font-weight:500;letter-spacing:.18em;color:var(--text)}.nav-links{display:flex;align-items:center;gap:44px}.nav-link{position:relative;display:inline-flex;align-items:baseline;gap:8px;font-size:15px;letter-spacing:.12em;color:var(--dim);transition:color .3s}.nav-link-idx{font-size:10px;color:var(--faint);transition:color .3s}.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease-out)}.nav-link:hover{color:var(--text)}.nav-link:hover .nav-link-idx{color:var(--accent)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.nav-cta{padding:11px 24px;font-size:12px}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.hero-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.9;filter:saturate(1.04)}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1100px 500px at 78% 12%,rgba(226,58,44,.05),transparent 65%),linear-gradient(180deg,#f5f6f8c7,#f5f6f838 40%,#f5f6f8e6)}.hero-inner{position:relative;z-index:1;flex:1;display:flex;align-items:flex-end;padding-top:calc(var(--nav-h) + 48px);padding-bottom:64px}.hero-body{max-width:1180px}.hero-kicker{font-size:12px;letter-spacing:.3em;color:var(--accent);margin-bottom:36px}.hero-hello{font-size:19px;color:var(--dim);margin-bottom:14px}.hero-hello strong{color:var(--text);font-weight:700;font-size:22px;letter-spacing:.06em}.hero-hello-en{font-size:13px;color:var(--faint);letter-spacing:.2em}.hero-title{font-family:var(--font-display);font-variation-settings:"wght" 640;font-size:clamp(84px,9.2vw,176px);line-height:.96;letter-spacing:-.015em;text-transform:uppercase;margin:0 0 36px -6px}.hero-title-row{display:block;overflow:hidden;padding-bottom:.04em}.hero-title .row-inner{display:block}.hero-lede{max-width:640px;font-size:17px;color:var(--dim);margin-bottom:44px}.hero-actions{display:flex;gap:18px}.hero-side{position:absolute;right:48px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-size:11px;letter-spacing:.34em;color:var(--faint)}.hero-foot{position:relative;z-index:1;border-top:1px solid var(--line);background:#f5f6f8bd}.hero-stats{display:flex;align-items:stretch}.hero-stat{flex:1;display:flex;flex-direction:column;gap:4px;padding:26px 36px 26px 0}.hero-stat+.hero-stat{border-left:1px solid var(--line);padding-left:36px}.hero-stat-value{font-size:30px;font-weight:500;color:var(--accent);letter-spacing:.02em}.hero-stat-label{font-size:13px;color:var(--dim);letter-spacing:.1em}.hero-scroll{display:flex;align-items:center;gap:14px;align-self:center;font-size:10px;letter-spacing:.34em;color:var(--faint);padding-left:36px;border-left:1px solid var(--line)}.hero-scroll-line{display:block;width:1px;height:38px;background:linear-gradient(180deg,var(--accent),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.about-grid{display:grid;grid-template-columns:460px 1fr;gap:96px;align-items:start;padding-bottom:40px}.about-portrait{overflow:hidden}.about-photo{width:100%;aspect-ratio:4 / 5;object-fit:cover;filter:saturate(.85) contrast(1.04)}.about-photo-fallback{position:relative;aspect-ratio:4 / 5;display:flex;align-items:center;justify-content:center;background:radial-gradient(520px 420px at 30% 20%,rgba(70,120,170,.12),transparent 70%),var(--panel-2);overflow:hidden}.about-glyph{font-size:240px;font-weight:700;color:#0f172a12;-webkit-user-select:none;user-select:none;line-height:1}.about-glyph-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 50% 45%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle at 50% 45%,black 30%,transparent 80%)}.about-portrait-caption{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.22em;color:var(--faint)}.about-status{display:inline-flex;align-items:center;gap:8px;color:var(--accent)}.about-status .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:status-blink 2.2s ease-in-out infinite}@keyframes status-blink{0%,to{opacity:1;box-shadow:0 0 #e23a2c66}50%{opacity:.45;box-shadow:0 0 0 5px #e23a2c00}}.about-contacts{margin-top:28px;border-top:1px solid var(--line)}.about-contact-row{display:flex;align-items:baseline;gap:28px;padding:15px 4px;border-bottom:1px solid var(--line);font-size:15px;color:var(--text)}.about-contact-row a{transition:color .3s}.about-contact-row a:hover{color:var(--accent)}.about-contact-key{flex:0 0 72px;font-size:11px;letter-spacing:.24em;color:var(--faint)}.about-para{font-size:17px;line-height:1.95;color:var(--dim);margin-bottom:26px;text-align:justify}.about-para:first-child:first-letter{color:var(--accent)}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:40px 0 56px}.about-stat{padding:26px 24px 22px;display:flex;flex-direction:column;gap:6px;transition:border-color .35s,transform .35s var(--ease-out)}.about-stat:hover{border-color:var(--accent-line);transform:translateY(-4px)}.about-stat-value{font-size:34px;font-weight:500;color:var(--text);letter-spacing:.02em}.about-stat:hover .about-stat-value{color:var(--accent)}.about-stat-label{font-size:12.5px;color:var(--faint);letter-spacing:.08em}.about-timeline{border-top:1px solid var(--line)}.about-tl-row{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:24px 4px;border-bottom:1px solid var(--line);transition:background .3s}.about-tl-row:hover{background:#0f172a08}.about-tl-period{font-size:12.5px;letter-spacing:.14em;color:var(--faint);padding-top:4px}.about-tl-org{font-size:17px;font-weight:600;color:var(--text);margin-bottom:6px}.about-tl-role{margin-left:16px;font-size:13.5px;font-weight:400;color:var(--accent)}.about-tl-note{font-size:14.5px;color:var(--dim)}.proj-list{display:flex;flex-direction:column;gap:56px;padding-bottom:40px}.proj-card{display:grid;grid-template-columns:58% 1fr;min-height:560px;overflow:hidden;transition:border-color .4s}.proj-card:hover{border-color:var(--line-strong)}.proj-flip{grid-template-columns:1fr 58%}.proj-flip .proj-visual{order:2}.proj-flip .proj-info{order:1}.proj-visual{position:relative;background:radial-gradient(640px 420px at 38% 30%,rgba(70,120,170,.1),transparent 70%),var(--bg-2);border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:56px;overflow:hidden}.proj-flip .proj-visual{border-right:none;border-left:1px solid var(--line)}.proj-card:hover .proj-visual{background:radial-gradient(640px 420px at 38% 30%,rgba(70,120,170,.16),transparent 70%),var(--bg-2)}.proj-visual-photo{padding:0}.proj-cover{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;overflow:hidden}.proj-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.03);transition:filter .6s}.proj-card:hover .proj-cover img{filter:saturate(1.05) contrast(1.05)}.proj-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(15,23,42,.14),transparent 32%,transparent 70%,rgba(15,23,42,.26)),radial-gradient(120% 90% at 50% 50%,transparent 62%,rgba(15,23,42,.16) 100%)}.proj-cover-tag{position:absolute;left:22px;bottom:16px;z-index:1;font-size:10px;letter-spacing:.26em;color:var(--faint)}.proj-cover--contain{display:flex;align-items:center;justify-content:center;padding:52px 48px 56px}.proj-cover--contain img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border:1px solid var(--line-strong);border-radius:6px;background:#fff;box-shadow:0 32px 90px #0f172a33}.proj-cover--contain:after{display:none}.proj-info{display:flex;flex-direction:column;justify-content:center;padding:64px 60px}.proj-meta{display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:.16em;margin-bottom:26px}.proj-index{font-size:15px}.proj-badge{padding:5px 14px;border:1px solid var(--accent-line);border-radius:999px;color:var(--accent);font-size:11px;background:var(--accent-soft)}.proj-period{color:var(--faint);margin-left:auto}.proj-title{font-size:clamp(26px,2vw,34px);font-weight:700;letter-spacing:.03em;line-height:1.25;margin-bottom:18px}.proj-repo{display:inline-block;margin-left:14px;font-size:14px;font-weight:400;color:var(--faint);letter-spacing:.06em}.proj-desc{font-size:15.5px;color:var(--dim);margin-bottom:26px;text-align:justify}.proj-highlights li{position:relative;padding-left:22px;font-size:14.5px;color:var(--dim);margin-bottom:12px;line-height:1.65}.proj-highlights li:before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:1.5px;background:var(--accent)}.proj-stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.proj-chip{padding:6px 14px;border:1px solid var(--line);border-radius:3px;font-size:12px;letter-spacing:.06em;color:var(--dim);transition:border-color .3s,color .3s}.proj-card:hover .proj-chip:hover{border-color:var(--accent-line);color:var(--accent)}.pv{width:100%}.pv-window{background:#0d1118f0;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 32px 80px #0f172a59;overflow:hidden}.pv-chrome{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.pv-chrome i{width:10px;height:10px;border-radius:50%;background:#232a38}.pv-chrome i:first-child{background:#3a2f33}.pv-chrome-title{margin-left:12px;font-size:11px;letter-spacing:.12em;color:#7d8698}.pv-lines{padding:22px 24px 26px;font-size:12.5px;line-height:2.15}.pv-line{display:flex;align-items:baseline;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(6px)}.pv-lines .pv-line{animation:pv-line-in .5s var(--ease-out) var(--ld) forwards}.pv-cmd{color:#e9edf3}.pv-arrow{color:var(--accent)}.pv-tag{flex:0 0 64px;color:#e9edf3}.pv-text{color:#7d8698}.pv-text-result,.pv-star{color:var(--accent)}.pv-cursor .pv-block{color:var(--accent);animation:pv-blink 1.1s steps(1) infinite}@keyframes pv-line-in{to{opacity:1;transform:none}}@keyframes pv-blink{50%{opacity:0}}.pv-matrix{max-width:620px}.pv-matrix-head,.pv-matrix-row{display:grid;grid-template-columns:88px repeat(6,1fr);gap:10px;align-items:center}.pv-matrix-head{margin-bottom:14px}.pv-col-label{font-size:10px;letter-spacing:.08em;color:var(--faint);text-align:center}.pv-matrix-row{margin-bottom:10px}.pv-row-label{font-size:11.5px;letter-spacing:.12em;color:var(--dim)}.pv-cell{aspect-ratio:1.55;border:1px solid var(--line);border-radius:3px;display:flex;align-items:center;justify-content:center;background:#0f172a05}.pv-cell i{width:5px;height:5px;border-radius:50%;background:#c4ccd9}.pv-cell-lit{border-color:var(--accent-line);background:var(--accent-soft)}.pv-cell-lit i{background:var(--accent)}.pv-matrix .pv-cell-lit{animation:pv-cell-pulse 3.6s ease-in-out var(--pd) infinite}@keyframes pv-cell-pulse{0%,to{box-shadow:0 0 #e23a2c00}50%{box-shadow:0 0 18px #e23a2c33}}.pv-matrix-foot{display:flex;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:10.5px;letter-spacing:.18em;color:var(--faint)}.pv-map{position:relative}.pv-svg{width:100%;height:auto}.pv-lane{fill:none;stroke:#c6cfdd;stroke-width:2}.pv-lane-dash{stroke:#d4dbe6;stroke-dasharray:10 12}.pv-refline{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-dasharray:14 10;filter:drop-shadow(0 0 6px rgba(226,58,44,.3))}.pv-map .pv-refline{animation:pv-flow 2.6s linear infinite}.pv-nodes circle{fill:var(--bg);stroke:var(--accent);stroke-width:2}.pv-nodes .pv-node-dim{stroke:#b4bdcd}.pv-cross path{stroke:#e23a2c8c;stroke-width:1.2;fill:none}@keyframes pv-flow{to{stroke-dashoffset:-48}}.pv-map-coord,.pv-map-layer{position:absolute;font-size:10px;letter-spacing:.22em;color:var(--faint)}.pv-map-coord{top:6px;left:8px}.pv-map-layer{bottom:6px;right:8px}.str-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-bottom:40px}.str-card{display:flex;flex-direction:column;padding:36px 32px 32px;min-height:380px;transition:border-color .4s,transform .4s var(--ease-out),background .4s}.str-card:hover{border-color:var(--accent-line);background:var(--panel-2);transform:translateY(-6px)}.str-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.str-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:4px;color:var(--dim);transition:color .4s,border-color .4s,box-shadow .4s}.str-icon svg{width:22px;height:22px}.str-card:hover .str-icon{color:var(--accent);border-color:var(--accent-line);box-shadow:0 0 24px #e23a2c1f}.str-index{font-size:13px;letter-spacing:.2em;color:var(--faint)}.str-card:hover .str-index{color:var(--accent)}.str-title{font-size:21px;font-weight:700;letter-spacing:.04em;margin-bottom:14px}.str-desc{font-size:14.5px;line-height:1.8;color:var(--dim);flex:1}.str-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.str-tag{font-size:11px;letter-spacing:.1em;color:var(--faint);padding:5px 12px;border:1px solid var(--line);border-radius:999px;transition:color .3s,border-color .3s}.str-card:hover .str-tag{color:var(--dim);border-color:var(--line-strong)}.contact{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 480px at 50% 118%,rgba(226,58,44,.06),transparent 70%),radial-gradient(1100px 500px at 12% -10%,rgba(70,120,170,.1),transparent 65%)}.contact-inner{position:relative;flex:1;display:flex;align-items:center;padding:160px 0 80px}.contact-body{width:100%}.contact-kicker{font-size:12px;letter-spacing:.3em;color:var(--faint);margin-bottom:48px}.contact-title{margin-bottom:40px}.contact-title-zh{display:block;font-size:clamp(36px,3vw,52px);font-weight:700;letter-spacing:.08em;color:var(--dim);margin-bottom:18px}.contact-title-en{display:block;font-family:var(--font-display);font-variation-settings:"wght" 640;font-size:clamp(64px,7.2vw,138px);line-height:1.02;letter-spacing:-.015em;text-transform:uppercase}.contact-en-row{display:block;overflow:hidden;padding-bottom:.04em}.contact-en-row .row-inner{display:block}.contact-lede{max-width:560px;font-size:16.5px;color:var(--dim);margin-bottom:72px}.contact-channels{border-top:1px solid var(--line)}.contact-channel{display:flex;align-items:baseline;gap:40px;padding:30px 8px;border-bottom:1px solid var(--line);transition:background .35s,padding-left .35s var(--ease-out)}.contact-channel:hover{background:#0f172a08;padding-left:24px}.contact-channel-key{flex:0 0 96px;font-size:12px;letter-spacing:.26em;color:var(--faint)}.contact-channel-value{font-family:var(--font-mono);font-size:clamp(22px,2.2vw,36px);letter-spacing:.04em;color:var(--text);transition:color .35s}.contact-channel:hover .contact-channel-value{color:var(--accent)}.contact-channel-arr{margin-left:auto;font-size:26px;color:var(--faint);transition:transform .35s var(--ease-out),color .35s}.contact-channel:hover .contact-channel-arr{transform:translate(10px);color:var(--accent)}.contact-footer{position:relative;border-top:1px solid var(--line)}.contact-footer-inner{display:flex;align-items:center;justify-content:space-between;padding:28px 0;font-size:11px;letter-spacing:.2em;color:var(--faint)}.contact-footer-mid{color:#b3bac6}.contact-top{transition:color .3s}.contact-top:hover{color:var(--accent)}@media(max-width:1280px){.container{width:calc(100% - 64px)}.hero-side{display:none}}@media(max-width:1100px){.sec-head{padding:96px 0 56px}.about-grid{grid-template-columns:1fr;gap:56px}.about-left{max-width:520px}.proj-card,.proj-flip{grid-template-columns:1fr;min-height:0}.proj-visual,.proj-flip .proj-visual{order:0;border-right:none;border-left:none;border-bottom:1px solid var(--line);aspect-ratio:16 / 10;padding:32px}.proj-info,.proj-flip .proj-info{order:1;padding:40px 36px 44px}.str-grid{grid-template-columns:repeat(2,1fr)}.str-card{min-height:0}}@media(max-width:720px){:root{--nav-h: 64px}.container{width:calc(100% - 40px)}.nav-links{display:none}.nav-cta{padding:9px 18px;font-size:11px}.hero-kicker{font-size:10px;letter-spacing:.2em;margin-bottom:24px}.hero-hello{font-size:16px}.hero-hello strong{font-size:18px}.hero-hello-en{display:none}.hero-title{font-size:clamp(52px,15vw,84px);margin:0 0 28px -2px}.hero-lede{font-size:15px;margin-bottom:32px}.hero-actions{flex-wrap:wrap;gap:12px}.btn{padding:12px 22px;font-size:12px}.hero-stats{display:grid;grid-template-columns:1fr 1fr}.hero-stat{padding:16px 0 14px}.hero-stat+.hero-stat{border-left:none;padding-left:0}.hero-stat:nth-child(2n){border-left:1px solid var(--line);padding-left:20px}.hero-stat:nth-child(n+3){border-top:1px solid var(--line)}.hero-stat-value{font-size:22px}.hero-stat-label{font-size:11px}.hero-scroll{display:none}.sec-head{padding:76px 0 40px}.sec-meta{font-size:10px;gap:12px}.sec-meta-label{letter-spacing:.3em}.sec-en-big{font-size:clamp(34px,10.5vw,56px);line-height:1.06;margin-top:22px}.sec-desc{font-size:14px;margin-top:18px}.about-grid{gap:44px;padding-bottom:8px}.about-para{font-size:15px;line-height:1.85}.about-stats{grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 40px}.about-stat{padding:18px 16px 16px}.about-stat-value{font-size:24px}.about-tl-row{grid-template-columns:1fr;gap:6px;padding:18px 2px}.about-contact-row{font-size:14px;gap:16px}.about-contact-key{flex:0 0 56px;font-size:10px}.proj-list{gap:32px}.proj-visual,.proj-flip .proj-visual{aspect-ratio:4 / 3;padding:18px}.proj-cover--contain{padding:18px}.proj-info,.proj-flip .proj-info{padding:28px 20px 30px}.proj-meta{flex-wrap:wrap;gap:10px;row-gap:8px;font-size:10px}.proj-period{margin-left:0;width:100%}.proj-title{font-size:22px}.proj-repo{display:block;margin:6px 0 0}.proj-desc{font-size:14px}.proj-highlights li{font-size:13.5px}.proj-stack{gap:8px;margin-top:20px;padding-top:18px}.proj-chip{font-size:10.5px;padding:5px 10px}.proj-cover-tag{left:14px;bottom:10px;font-size:8.5px}.str-grid{grid-template-columns:1fr;gap:14px}.str-card{padding:26px 22px}.contact-inner{padding:120px 0 56px}.contact-kicker{font-size:10px;margin-bottom:32px}.contact-title-zh{font-size:26px;letter-spacing:.06em}.contact-title-en{font-size:clamp(42px,13vw,64px)}.contact-lede{font-size:14.5px;margin-bottom:44px}.contact-channel{flex-direction:column;align-items:flex-start;gap:6px;padding:20px 4px}.contact-channel:hover{padding-left:4px}.contact-channel-key{flex:none}.contact-channel-value{font-size:clamp(17px,5.4vw,24px)}.contact-channel-arr{display:none}.contact-footer-inner{flex-direction:column;gap:10px;padding:20px 0;text-align:center}}