:root{--bg:#0b1422;--surface:#132334;--raised:#1a3041;--ink:#e8eef5;--muted:#b1c0ce;--accent:#64d9c4;--on-accent:#09201f;--paper:#e6eeed;--paper-ink:#112c35;--font:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--display:clamp(64px,9.5vw,138px);--heading:clamp(30px,3.4vw,48px);--lead:clamp(22px,2.2vw,30px);--body:16px;--small:14px;--gutter:clamp(20px,4.2vw,64px);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--body)/1.85 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{font-weight:600;text-wrap:balance;line-height:1.35}h2{font-size:var(--heading);letter-spacing:-.04em}h3{font-size:var(--lead);letter-spacing:-.025em}p{max-width:65ch}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{border:0;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--on-accent)}img{display:block;width:100%;height:auto}button{background:transparent}a,button{transition:color .18s,background-color .18s}a:hover,.text-link:hover{color:var(--accent)}[hidden]{display:none!important}.frame{width:min(1320px,calc(100% - var(--gutter)*2));margin-inline:auto}.chapter{padding-block:110px}.small,figcaption{font-size:var(--small);color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--on-accent);z-index:100;padding:12px 20px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:10;background:var(--bg)}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:22px;font-weight:600;white-space:nowrap}.brand span{font-size:var(--small);font-weight:400;color:var(--muted);margin-left:20px}.desktop-nav{display:flex;gap:32px}.desktop-nav a{padding:12px 0}.desktop-nav a[aria-current]{color:var(--accent)}.menu-toggle{display:none;min-height:48px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 26px;background:var(--surface);font-size:var(--body);font-weight:600;border-radius:0;text-align:center}.primary{background:var(--accent);color:var(--on-accent)}.primary:hover{background:var(--ink);color:var(--bg)}.secondary:hover{background:var(--raised);color:var(--ink)}.text-link{display:inline-block;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;font-size:var(--body)}
.hero{padding-block:64px 84px}.hero h1{font-size:var(--display);letter-spacing:-.055em;line-height:1.17}.hero h1>span{display:block;width:fit-content}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:50px}.hero-name{font-size:var(--lead);margin-bottom:10px}.hero-description{font-size:20px}.hero-action{display:flex;align-items:center;gap:24px;flex-shrink:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}.section-heading>p{color:var(--muted);max-width:30ch}.statement{font-size:var(--lead);line-height:1.55;letter-spacing:-.03em}.profile-section{background:var(--surface)}.profile-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:10%}.profile-copy .statement{margin-bottom:30px}.profile-copy>p+p{margin-top:20px}.profile-facts>div{padding:18px 20px;display:grid;grid-template-columns:100px 1fr;gap:16px}.profile-facts>div:nth-child(odd){background:var(--raised)}dt{color:var(--muted)}dd{min-width:0}.work-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.work-filters button{font-size:var(--body);padding:10px 18px;min-height:48px;background:var(--surface)}.work-filters button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.work-row{display:grid;grid-template-columns:1.05fr 1fr auto;gap:32px;align-items:center;padding:36px 24px;background:var(--surface);width:100%;text-align:left;margin-bottom:10px}.work-row:nth-child(even){background:var(--raised)}.work-row h3{font-size:var(--lead)}.work-type{display:block;font-size:var(--small);color:var(--muted);margin-top:10px}.work-row>p{font-size:var(--body);line-height:1.8}.work-row>.work-read{white-space:nowrap;min-width:64px;color:var(--accent)}.work-row:hover{background:#20394a}.work-row:hover .work-read{color:var(--ink)}#work-count{margin-top:22px}.tool-section{background:var(--paper);color:var(--paper-ink)}.tool-section .section-heading>p{color:#38545e}.tool-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:64px}.tool-context>p{margin-top:22px}.tool-context .text-link{margin-top:24px}.tool-section .text-link:hover{color:#1c655a}.workbench{background:#f3f6f4;padding:28px;min-width:0}.form-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.form-heading h3{font-size:22px}.form-heading p{font-size:var(--small);white-space:nowrap}.form-top{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.workbench label{display:block;font-size:var(--small)}input,select,textarea{width:100%;border:1px solid #748b91;border-radius:0;padding:10px 12px;min-height:46px;background:#f3f6f4;color:var(--paper-ink)}label input,label select{margin-top:8px}.input-row{margin-top:18px;padding:16px;background:#e6eeed;display:grid;grid-template-columns:1fr 120px;gap:8px 14px}.input-row label:first-child{grid-column:1}.input-row .row-name{font-size:var(--body);display:block;font-weight:600;margin-bottom:4px}.input-row .source-input{margin-top:4px}.input-row .status-control{grid-column:2;grid-row:1;align-self:end}.input-row .row-description{font-size:var(--small);grid-column:1/-1;color:#38545e}.form-footer{margin:24px 0 16px;display:flex;justify-content:space-between;align-items:center;gap:20px}.form-footer p{font-size:var(--small)}.tool-section .small{color:#38545e}.tool-section :focus-visible{outline-color:#247b6c}.tool-section .primary{background:var(--paper-ink);color:var(--paper)}.tool-section .primary:hover{background:#285b60}.search-label{width:min(310px,100%)}.search-label input{background:var(--surface);border:0;color:var(--ink)}.search-label input::placeholder{color:var(--muted)}.journal-item{display:grid;grid-template-columns:1fr auto;gap:30px;width:100%;text-align:left;background:transparent;padding:28px 0}.journal-item+.journal-item{margin-top:18px}.journal-item h3{font-size:var(--lead)}.journal-item p{margin-top:14px;max-width:56ch}.journal-item .journal-meta{font-size:var(--small);color:var(--muted);white-space:nowrap;align-self:center}.journal-item:hover h3{color:var(--accent)}.empty-state{padding:32px 0}.approach-section{background:var(--surface)}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.approach-layout .statement{margin-top:32px}.approach-copy article+article{margin-top:40px}.approach-copy p{margin-top:14px}.explore-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:start}.concept-figure button{padding:0;width:100%;background:var(--surface);display:block}.concept-figure img{aspect-ratio:3/2;object-fit:cover}.concept-figure figcaption{margin-top:16px}.explore-copy p{margin-top:18px}.explore-copy h3:not(:first-child){margin-top:32px}.contact-section{background:var(--accent);color:var(--on-accent)}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;margin-top:48px}.contact-email{font-size:clamp(16px,2vw,25px);overflow-wrap:anywhere;display:block;font-weight:600}.contact-email:hover,.contact-section .text-link:hover{color:#29574f}.contact-section :focus-visible{outline-color:var(--on-accent)}.contact-layout .text-link{margin-top:16px}.site-footer{padding-block:50px;display:flex;gap:24px;align-items:center;justify-content:space-between}.site-footer>a{font-size:var(--lead);font-weight:600}.site-footer p{font-size:var(--small);color:var(--muted)}
dialog{border:0;background:var(--bg);color:var(--ink);padding:0;width:min(880px,calc(100% - 32px));max-height:calc(100svh - 40px);overscroll-behavior:contain;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#04101bd9}.dialog-top{position:sticky;top:0;z-index:1;background:var(--surface);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:var(--small)}.dialog-top button,.close-image{padding:8px 14px;min-height:44px;background:var(--raised)}.detail-inner{padding:40px 48px 48px}.detail-meta{font-size:var(--small);color:var(--muted);margin-bottom:20px}.detail-inner h2{font-size:clamp(28px,3.3vw,40px);line-height:1.5}.detail-deck{font-size:20px;margin-top:24px;line-height:1.8}.detail-inner section{margin-top:36px}.detail-inner section h3{font-size:22px;margin-bottom:14px}.detail-inner p,.detail-inner li{overflow-wrap:anywhere}.detail-inner ul{padding-left:22px;margin-bottom:0}.detail-inner li+li{margin-top:10px}.detail-summary{background:var(--surface);padding:22px;margin-top:28px;display:grid;grid-template-columns:100px 1fr;gap:14px;font-size:var(--body)}.detail-summary dt{font-size:var(--small)}.detail-notice{font-size:var(--small);color:var(--muted);margin-top:36px}.detail-bottom{margin-top:32px;display:flex;flex-wrap:wrap;gap:20px}.inline-demo{background:var(--surface);padding:24px}.inline-demo label{display:block;margin:18px 0 6px}.inline-demo input,.inline-demo select,.inline-demo textarea{background:var(--bg);color:var(--ink);border-color:#65818d}.inline-demo textarea{min-height:100px;resize:vertical}.inline-demo .button{margin-top:24px}.demo-summary{font-size:var(--small);margin-top:18px;color:var(--muted)}#image-dialog{width:min(1100px,calc(100% - 24px));padding:16px}#image-dialog>button{display:block;margin:0 0 16px auto}#image-dialog p{font-size:var(--small);padding:16px 0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);width:max-content;max-width:calc(100% - 40px);background:var(--ink);color:var(--bg);padding:14px 22px;opacity:0;pointer-events:none;z-index:50;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{padding-block:32px}.noscript a{text-decoration:underline}
@media(prefers-reduced-motion:no-preference){.hero h1>span{animation:headline-in .8s var(--ease) both}.hero h1>span+span{animation-delay:.1s}.hero-bottom{animation:rise-in .7s .1s var(--ease) both}.reveal.is-entering{animation:rise-in .65s var(--ease) both}.work-row,.journal-item{transition:background-color .2s,color .2s}.work-row:active,.button:active{transform:translateY(1px)}@keyframes headline-in{from{clip-path:inset(100% 0 0);transform:translateY(20px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes rise-in{from{opacity:.55;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1600px){.hero{padding-top:80px;padding-bottom:100px}}
@media(max-width:1000px){.hero-action{flex-direction:column;align-items:flex-start;gap:10px}.tool-layout{grid-template-columns:1fr;gap:36px}.tool-context{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px}.tool-context h3{grid-column:1/-1}.tool-context>p{margin:0}.tool-context .text-link{justify-self:start;margin-top:0}.work-row{grid-template-columns:1fr 1fr;gap:20px}.work-row>.work-read{grid-column:2}.explore-layout{gap:32px}.profile-layout{gap:40px}.profile-facts>div{grid-template-columns:1fr;gap:4px}.contact-layout{grid-template-columns:1fr 1.1fr;gap:24px}.chapter{padding-block:84px}}
@media(max-width:640px){:root{--display:clamp(48px,12.2vw,76px);--heading:30px;--lead:22px}.header-inner{min-height:76px}.brand{font-size:20px}.brand span{margin-left:14px}.desktop-nav{display:none}.menu-toggle{display:block}.site-header:has(#mobile-menu:not([hidden])){background:var(--surface)}#mobile-menu{padding:8px var(--gutter) 24px;display:grid;grid-template-columns:1fr 1fr;gap:8px}#mobile-menu a{padding:12px 0}.hero{padding-block:48px 64px}.hero h1{line-height:1.25}.hero-bottom{margin-top:32px;display:block}.hero-description{font-size:var(--body)}.hero-name{font-size:var(--lead)}.hero-action{margin-top:28px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 22px}.hero-action .button{padding-inline:20px}.chapter{padding-block:64px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:18px;max-width:none}.section-heading>.text-link{margin-top:14px}.profile-layout,.approach-layout,.explore-layout,.contact-layout{grid-template-columns:1fr;gap:32px}.profile-copy .statement{margin-bottom:22px}.profile-facts>div{grid-template-columns:92px 1fr;gap:10px;padding:16px}.work-filters{gap:8px}.work-filters button{font-size:var(--small);padding-inline:13px}.work-row{grid-template-columns:1fr;padding:24px 20px;gap:18px}.work-row>.work-read{grid-column:1}.work-row h3{font-size:22px}.tool-context{display:block}.tool-context>p{margin-top:20px}.tool-context .text-link{margin-top:12px}.workbench{padding:20px}.form-heading{align-items:flex-start;display:block}.form-heading h3{font-size:20px}.form-heading p{margin-top:8px}.form-top{grid-template-columns:1fr;gap:16px}.input-row{grid-template-columns:minmax(0,1fr);padding:14px}.input-row .status-control{grid-column:1;grid-row:auto}.input-row .row-description{grid-column:1}.form-footer{display:block}.form-footer .button{margin-top:16px;width:100%}.journal-item{grid-template-columns:1fr;gap:14px;padding:24px 0}.journal-item .journal-meta{white-space:normal}.search-label{display:block;margin-top:24px;width:100%}.approach-layout .statement{margin-top:22px}.approach-copy article+article{margin-top:28px}.explore-copy h3{font-size:22px}.contact-layout{margin-top:28px}.contact-section h2{font-size:30px}.site-footer{display:grid;gap:14px;padding-block:36px}.site-footer .text-link{justify-self:start}.dialog-top{padding:10px 20px}.detail-inner{padding:28px 22px 32px}.detail-inner h2{font-size:26px}.detail-deck{font-size:18px}.detail-inner section h3{font-size:20px}.detail-summary{grid-template-columns:1fr;padding:18px;gap:8px}.detail-summary dd{margin-bottom:10px}.inline-demo{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{@page{margin:18mm}body{background:#fff;color:#172b35;font-size:11pt}.site-header,.hero,.tool-section,#journal,#approach,#explore,.site-footer,.work-filters,#work-count,#print-profile,.detail-bottom,.toast,.menu-toggle,dialog{display:none!important}.frame{width:100%;max-width:none}.chapter{padding-block:16px;background:none!important;break-inside:avoid}#profile:before{content:'姬豪岚 · 低压电器仿真工程师';display:block;font-size:25pt;font-weight:600;margin-bottom:20px}.section-heading{margin-bottom:16px}h2{font-size:19pt}h3{font-size:14pt}.statement{font-size:15pt}.profile-layout{grid-template-columns:1.3fr 1fr;gap:20px}.profile-copy>p,.profile-copy>p+p{margin-top:10px}.profile-facts>div,.work-row,.work-row:nth-child(even){background:#eff3f3!important;color:#172b35;print-color-adjust:exact}.profile-facts dt,.work-type,.small{color:#394b55}.work-row{padding:16px;grid-template-columns:1fr 1fr;break-inside:avoid}.work-row .work-read{display:none}.work-type{font-size:10pt}.contact-layout{margin-top:16px;gap:16px}.contact-section .text-link{display:none}.contact-email{font-size:12pt}.contact-section{color:#172b35}a{color:inherit}#contact h2{font-size:18pt}}

.input-group{background:#e6eeed;margin-top:10px}
.input-group>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;min-height:52px;cursor:pointer;list-style:none;font-size:16px}
.input-group>summary::-webkit-details-marker{display:none}
.input-group>summary:after{content:'＋';font-size:20px;order:3}
.input-group[open]>summary:after{content:'−'}
.input-group>summary:focus-visible{outline:3px solid #247b6c;outline-offset:3px}
.input-group .row-state{margin-left:auto;font-size:14px;color:#38545e}
.input-group .input-row{margin-top:0;padding-top:0}