:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page:#d8dad6;--surface:#f4f4f0db;--surface-solid:#f2f1ec;--surface-soft:#e6e7e2;--surface-raised:#fbfaf7;--text:#182131;--muted:#5a636f;--line:#18213124;--accent:#24466f;--accent-strong:#17334f;--accent-soft:#24466f1a;--seal:#b3372f;--shadow:#1e263029;--shadow-strong:#181f294d;--overlay:#12161c6b;--radius:14px;--ease-spring:cubic-bezier(.32, 1.25, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page:#1e2126;--surface:#23272de0;--surface-solid:#24282e;--surface-soft:#2b3037;--surface-raised:#2e333b;--text:#e8eaec;--muted:#9aa3ad;--line:#e8eaec24;--accent:#7ba7d9;--accent-strong:#a3c4e8;--accent-soft:#7ba7d929;--shadow:#0006;--shadow-strong:#0000008c;--overlay:#080a0d8c}}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--page)}body{background:var(--page);min-width:320px;min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow:hidden}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 70%, white);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio{isolation:isolate;min-height:100dvh;position:relative;overflow:hidden}.studio:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(130% 100% at 50% 38%,#0000 58%,#141a2224 100%);position:absolute;inset:0}.room-canvas{cursor:grab;touch-action:none;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease-out);display:block;position:absolute;inset:0}.room-canvas:active{cursor:grabbing}.room-canvas.is-hovering-object{cursor:pointer}.scene-ready .room-canvas{opacity:1}.scene-loader{z-index:3;background:var(--page);transition:opacity .5s var(--ease-out), visibility .5s;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.scene-ready .scene-loader,.scene-failed .scene-loader{opacity:0;visibility:hidden}.loader-mark{background:var(--accent);color:#f2f3f0;width:64px;height:64px;box-shadow:0 14px 34px -12px var(--shadow-strong);animation:loader-float 2.2s var(--ease-out) infinite;border-radius:18px;place-items:center;font-size:30px;font-weight:600;display:grid}.loader-text{letter-spacing:.14em;color:var(--muted);font-size:13px}.loader-bar{background:var(--line);border-radius:99px;width:148px;height:3px;position:relative;overflow:hidden}.loader-bar-fill{background:var(--accent);transform-origin:0;border-radius:99px;animation:1.3s ease-in-out infinite loader-sweep;position:absolute;inset:0}@keyframes loader-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes loader-sweep{0%{transform:translate(-100%)}55%{transform:translate(0)}to{transform:translate(102%)}}.site-header{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:24px;width:100%;height:76px;padding:0 34px;display:flex;position:absolute;top:0;left:0}.brand,.header-link{pointer-events:auto}.brand{color:var(--text);letter-spacing:.02em;align-items:center;gap:12px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);color:#f2f3f0;width:40px;height:40px;box-shadow:0 10px 22px -10px var(--shadow-strong);transition:transform .3s var(--ease-spring);border-radius:13px;place-items:center;font-size:19px;font-weight:600;display:grid}.brand:hover .brand-mark{transform:rotate(-6deg)scale(1.06)}.header-link{color:var(--muted);border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);transition:color .2s, border-color .2s, transform .3s var(--ease-spring), box-shadow .3s;border-radius:99px;padding:9px 18px;font-size:14px;font-weight:500;text-decoration:none}.header-link:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:0 12px 24px -14px var(--shadow-strong);transform:translateY(-2px)}.hero-copy{z-index:2;pointer-events:none;max-width:min(520px,62vw);position:absolute;top:118px;left:34px}.hero-copy:before{content:"";z-index:-1;background:radial-gradient(ellipse 70% 62% at 38% 42%, color-mix(in srgb, var(--page) 88%, transparent) 38%, color-mix(in srgb, var(--page) 46%, transparent) 66%, transparent 85%);position:absolute;inset:-70px -110px -70px -90px}.hero-kicker{letter-spacing:.34em;color:var(--accent);animation:rise-in .8s var(--ease-out) both;margin:0 0 14px;font-size:12px;font-weight:600}.hero-copy h1{letter-spacing:.01em;background:linear-gradient(126deg, var(--text) 55%, var(--accent) 120%);-webkit-text-fill-color:transparent;animation:rise-in .8s 90ms var(--ease-out) both;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(26px,3.9vw,48px);font-weight:650;line-height:1.16}.hero-copy p{color:var(--muted);animation:rise-in .8s .18s var(--ease-out) both;margin:0;font-size:clamp(14px,1.4vw,16px);line-height:1.75}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.scene-hint{z-index:2;letter-spacing:.06em;color:var(--muted);pointer-events:none;opacity:0;animation:hint-in .9s 2.4s var(--ease-out) forwards;margin:0;font-size:12.5px;position:absolute;bottom:118px;right:34px}@keyframes hint-in{to{opacity:.9}}.hint-touch{display:none}@media (pointer:coarse){.hint-desktop{display:none}.hint-touch{display:inline}}.object-tooltip{z-index:6;left:var(--tooltip-x,0);top:var(--tooltip-y,0);background:var(--surface-raised);border:1px solid var(--line);box-shadow:0 16px 34px -16px var(--shadow-strong);color:var(--text);pointer-events:none;white-space:nowrap;border-radius:12px;padding:9px 14px 8px;font-size:13.5px;font-weight:600;position:fixed;transform:translate(14px,-48px)}.object-tooltip:after{content:"点击查看";letter-spacing:.08em;color:var(--accent);margin-top:1px;font-size:11px;font-weight:500;display:block}.topic-dock{z-index:4;left:50%;bottom:max(26px, env(safe-area-inset-bottom,0px) + 16px);background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);box-shadow:0 22px 48px -22px var(--shadow-strong);animation:dock-rise .7s .4s var(--ease-out) both;border-radius:22px;gap:4px;padding:7px;display:flex;position:absolute;transform:translate(-50%)}@keyframes dock-rise{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}.topic-button{min-height:44px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .18s, background-color .18s, transform .26s var(--ease-spring);background:0 0;border:0;border-radius:16px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:550;display:inline-flex}.topic-icon{flex:none;width:17px;height:17px}.topic-button:hover{color:var(--text);background:var(--accent-soft);transform:translateY(-2px)}.topic-button.is-active{color:#f2f3f0;background:var(--accent);box-shadow:0 10px 22px -10px var(--shadow-strong)}@media (prefers-color-scheme:dark){.topic-button.is-active{color:#10151c}}.scene-fallback{z-index:2;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.fallback-inner{text-align:center;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);max-width:460px;box-shadow:0 26px 60px -30px var(--shadow-strong);border-radius:22px;padding:36px}.fallback-inner h2{margin:0 0 10px;font-size:22px}.fallback-inner p{color:var(--muted);margin:0 0 22px;line-height:1.7}.fallback-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.fallback-links .topic-button{background:var(--surface-soft);color:var(--text)}.fallback-links .topic-button:hover{background:var(--accent-soft)}.panel-overlay{z-index:10;transition:background-color .38s var(--ease-out);background:0 0;justify-content:flex-end;display:flex;position:fixed;inset:0}.panel-overlay.is-open{background:var(--overlay)}.panel-drawer{overscroll-behavior:contain;background:var(--surface-solid);border-left:1px solid var(--line);width:min(600px,94vw);height:100dvh;box-shadow:-34px 0 80px -30px var(--shadow-strong);opacity:0;transition:transform .42s var(--ease-spring), opacity .3s var(--ease-out);padding:0 clamp(24px,4vw,44px) 46px;overflow-y:auto;transform:translate(60px)}.panel-overlay.is-open .panel-drawer{opacity:1;transform:translate(0)}.panel-topbar{z-index:2;background:linear-gradient(180deg, var(--surface-solid) 72%, transparent);justify-content:flex-end;align-items:center;margin-bottom:4px;padding:16px 0 10px;display:flex;position:sticky;top:0}.panel-grabber{display:none}.panel-close{border:1px solid var(--line);background:var(--surface-raised);width:40px;height:40px;color:var(--muted);cursor:pointer;transition:color .18s, transform .26s var(--ease-spring), border-color .18s;border-radius:14px;place-items:center;padding:0;display:grid}.panel-close svg{width:15px;height:15px}.panel-close:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 40%, transparent);transform:rotate(90deg)}.panel-eyebrow{letter-spacing:.26em;color:var(--accent);margin:6px 0 10px;font-size:12px;font-weight:600}.panel-body h2{letter-spacing:.01em;margin:0 0 12px;font-size:clamp(25px,3vw,31px);line-height:1.24}.panel-intro{color:var(--muted);margin:0 0 22px;font-size:15.5px;line-height:1.8}.panel-copy{margin:0 0 16px;font-size:15px;line-height:1.9}.panel-subheading{letter-spacing:.12em;color:var(--muted);align-items:center;gap:12px;margin:30px 0 16px;font-size:13.5px;font-weight:600;display:flex}.panel-subheading:after{content:"";background:var(--line);flex:1;height:1px}.panel-note{border-top:1px solid var(--line);color:var(--muted);margin:22px 0 0;padding-top:16px;font-size:12.5px;line-height:1.7}.about-profile{align-items:center;gap:14px;margin:0 0 16px;display:flex}.about-portrait{border:1px solid var(--line);object-fit:cover;object-position:center top;width:76px;height:76px;box-shadow:0 12px 26px -18px var(--shadow-strong);border-radius:18px;flex:none}.about-profile-copy{gap:2px;display:grid}.about-profile-copy strong,.about-contact-copy strong{letter-spacing:.02em;font-size:14.5px}.about-profile-copy span{color:var(--muted);font-size:12.5px}.about-contact{border:1px solid var(--line);background:var(--surface-raised);border-radius:16px;grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:18px;margin:0 0 24px;padding:16px;display:grid}.about-contact-copy p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.7}.about-contact-qr{background:#fff;border-radius:8px;width:130px;height:auto;display:block}.product-frame{border:1px solid var(--line);background:var(--surface-raised);box-shadow:0 24px 50px -26px var(--shadow-strong);border-radius:16px;margin:0 0 20px;overflow:hidden}.product-chrome{border-bottom:1px solid var(--line);gap:6px;padding:11px 14px;display:flex}.product-chrome i{background:var(--line);border-radius:50%;width:10px;height:10px}.product-chrome i:first-child{background:#e2695f}.product-chrome i:nth-child(2){background:#e0a63f}.product-chrome i:nth-child(3){background:#58a561}.product-image{width:100%;height:auto;display:block}.feature-list{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 8px;padding:0;list-style:none;display:grid}.feature-list li{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;padding:13px 14px 13px 34px;font-size:13.5px;line-height:1.65;position:relative}.feature-list li:before{content:"";background:var(--accent);border-radius:3px;width:8px;height:8px;position:absolute;top:19px;left:14px}.panel-actions{flex-wrap:wrap;gap:12px;margin:24px 0 4px;display:flex}.action-link{border:1px solid var(--line);background:var(--surface-raised);min-height:46px;color:var(--text);transition:transform .28s var(--ease-spring), box-shadow .28s, border-color .2s, background-color .2s;border-radius:14px;align-items:center;padding:11px 22px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.action-link:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:0 14px 30px -16px var(--shadow-strong);transform:translateY(-2px)}.action-link-primary{background:linear-gradient(140deg, var(--accent), var(--accent-strong));color:#f4f5f2;box-shadow:0 14px 30px -14px var(--shadow-strong);border-color:#0000}@media (prefers-color-scheme:dark){.action-link-primary{color:#101722}}.action-link-primary:hover{box-shadow:0 20px 40px -16px var(--shadow-strong)}.article-list{flex-direction:column;gap:12px;display:flex}.article-card{border:1px solid var(--line);background:var(--surface-raised);color:var(--text);transition:transform .28s var(--ease-spring), box-shadow .28s, border-color .2s;border-radius:16px;gap:16px;padding:12px;text-decoration:none;display:flex}.article-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:0 20px 42px -22px var(--shadow-strong);transform:translateY(-3px)}.article-card img{aspect-ratio:640/272;object-fit:cover;border:1px solid var(--line);border-radius:10px;flex:none;align-self:flex-start;width:148px;height:auto}.article-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.article-meta{letter-spacing:.05em;color:var(--muted);align-items:center;gap:8px;font-size:11.5px;display:flex}.article-meta em{color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:2px 8px;font-style:normal;font-weight:600}.article-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.article-summary{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.bookshelf{grid-template-columns:1fr 1fr;gap:26px 22px;display:grid}.book-item{color:var(--text);flex-direction:column;text-decoration:none;display:flex}.book-cover{padding:0 10px;display:block;position:relative}.book-cover:before{content:"";height:9px;box-shadow:0 10px 16px -8px var(--shadow-strong);background:linear-gradient(#c8ab84,#a3835f);border-radius:3px;position:absolute;bottom:-7px;left:0;right:0}@media (prefers-color-scheme:dark){.book-cover:before{background:linear-gradient(#4d4438,#37302a)}}.book-cover img{z-index:1;aspect-ratio:640/272;object-fit:cover;border:1px solid var(--line);width:100%;height:auto;box-shadow:0 14px 22px -14px var(--shadow-strong);transform-origin:bottom;transition:transform .32s var(--ease-spring), box-shadow .32s;border-radius:7px 7px 3px 3px;display:block;position:relative}.book-item:hover .book-cover img{box-shadow:0 26px 38px -18px var(--shadow-strong);transform:translateY(-7px)scale(1.025)}.book-caption{flex-direction:column;gap:3px;margin-top:15px;padding:0 4px;display:flex}.book-caption strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.book-caption span{letter-spacing:.04em;color:var(--muted);font-size:11.5px}.pursuit-list{flex-direction:column;gap:10px;display:flex}.pursuit-card{border:1px solid var(--line);background:var(--surface-raised);text-align:left;cursor:pointer;width:100%;transition:transform .28s var(--ease-spring), box-shadow .28s, border-color .2s;border-radius:16px;align-items:center;gap:16px;padding:15px 18px;display:flex}.pursuit-card:hover{border-color:color-mix(in srgb, var(--accent) 42%, transparent);box-shadow:0 18px 36px -20px var(--shadow-strong);transform:translateY(-2px)}.pursuit-label{background:var(--accent-soft);width:58px;height:58px;color:var(--accent);letter-spacing:.04em;border-radius:16px;flex:none;place-items:center;font-size:13px;font-weight:650;display:grid}.pursuit-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.pursuit-copy strong{font-size:15px;font-weight:600}.pursuit-copy span{color:var(--muted);font-size:12.5px;line-height:1.6}.pursuit-arrow{color:var(--muted);transition:transform .28s var(--ease-spring), color .2s;margin-left:auto;font-size:17px}.pursuit-card:hover .pursuit-arrow{color:var(--accent);transform:translate(4px)}.project-list{flex-direction:column;gap:10px;display:flex}.project-row{border:1px solid var(--line);background:var(--surface-raised);text-align:left;width:100%;color:var(--text);cursor:pointer;transition:transform .28s var(--ease-spring), box-shadow .28s, border-color .2s;border-radius:16px;align-items:center;gap:18px;padding:15px 18px;text-decoration:none;display:flex}.project-row:hover{border-color:color-mix(in srgb, var(--accent) 42%, transparent);box-shadow:0 18px 36px -20px var(--shadow-strong);transform:translateY(-2px)}.project-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.project-copy strong{font-family:ui-monospace,SFMono-Regular,PingFang SC,monospace;font-size:14.5px;font-weight:600}.project-copy span{color:var(--muted);font-size:12.5px;line-height:1.65}.project-side{flex:none;align-items:center;gap:10px;margin-left:auto;display:flex}.project-meta{background:var(--accent-soft);color:var(--accent);letter-spacing:.04em;white-space:nowrap;border-radius:99px;flex:none;padding:5px 11px;font-size:11.5px;font-weight:600}.project-arrow{color:var(--muted);transition:transform .28s var(--ease-spring), color .2s;font-size:15px}.project-row:hover .project-arrow{color:var(--accent);transform:translate(4px)}.repo-back{border:1px solid var(--line);background:var(--surface-raised);color:var(--muted);cursor:pointer;transition:color .18s, border-color .18s, transform .26s var(--ease-spring);border-radius:99px;align-items:center;margin:4px 0 18px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.repo-back:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent);transform:translate(-3px)}@media (width<=719px){.site-header{height:64px;padding:0 18px}.hero-copy{max-width:none;top:78px;left:18px;right:18px}.hero-copy h1{margin-bottom:10px;font-size:24px}.hero-copy p{font-size:13px;line-height:1.65}.hero-kicker{letter-spacing:.26em;margin-bottom:8px;font-size:11px}.scene-hint{font-size:11.5px;bottom:104px;right:18px}.topic-dock{scrollbar-width:none;justify-content:space-between;animation-name:rise-in;left:12px;right:12px;overflow-x:auto;transform:none}.topic-dock::-webkit-scrollbar{display:none}.topic-button{flex-direction:column;flex:1;gap:5px;padding:9px 10px;font-size:11.5px}.topic-icon{width:19px;height:19px}.panel-overlay{justify-content:center;align-items:flex-end}.panel-drawer{border-left:0;border-top:1px solid var(--line);width:100%;height:auto;max-height:88dvh;padding:0 18px calc(30px + env(safe-area-inset-bottom,0px));box-shadow:0 -30px 70px -30px var(--shadow-strong);border-radius:24px 24px 0 0;transform:translateY(70px)}.panel-topbar{justify-content:center;padding:12px 0 8px}.panel-grabber{background:var(--line);border-radius:99px;width:44px;height:5px;display:block}.panel-close{width:38px;height:38px;position:absolute;top:10px;right:0}.feature-list{grid-template-columns:1fr}.about-contact{grid-template-columns:minmax(0,1fr) 108px;gap:12px;padding:13px}.about-contact-qr{width:108px}.article-card{flex-direction:column;gap:12px}.article-card img{width:100%}.bookshelf{grid-template-columns:1fr 1fr;gap:22px 14px}.book-caption strong{font-size:12px}.pursuit-label{border-radius:13px;width:48px;height:48px;font-size:12px}}@media (width>=720px) and (width<=1024px){.hero-copy{max-width:46vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}.scene-hint{opacity:.9}}.site-footer{z-index:3;white-space:nowrap;gap:1.1rem;font-size:.78rem;display:flex;position:absolute;bottom:.55rem;left:50%;transform:translate(-50%)}.site-footer a{color:var(--ink-soft,#5a6069);opacity:.75;text-decoration:none}.site-footer a:hover{opacity:1;text-decoration:underline}@media (width<=640px){.site-footer{display:none}}.panel-page-link{color:var(--accent,#24466f);margin-top:.3rem;font-size:.85rem;text-decoration:none;display:inline-block}.panel-page-link:hover{text-decoration:underline}