:root{--ink:#101c2f;--muted:#617087;--line:#35537726;--line-strong:#2e709f47;--cyan:#13b9d5;--cyan-deep:#0789ae;--violet:#8b76f6;--paper:#ffffffc2;--shadow:0 22px 55px #344c711a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:300px;color:var(--ink);-webkit-font-smoothing:antialiased;background:linear-gradient(145deg,#f8fdff 0%,#f4f7ff 51%,#fbfcff 100%);margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.skip-link{z-index:100;color:#fff;background:var(--ink);border-radius:8px;padding:9px 14px;transition:transform .18s;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.page-texture{z-index:-3;pointer-events:none;opacity:.54;background-image:linear-gradient(#2f66910e 1px,#0000 1px),linear-gradient(90deg,#2f66910e 1px,#0000 1px),radial-gradient(circle,#2780ac2e 1px,#0000 1.5px);background-size:44px 44px,44px 44px,11px 11px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.ambient{z-index:-2;pointer-events:none;filter:blur(70px);opacity:.22;border-radius:50%;width:420px;height:420px;position:fixed}.ambient-cyan{background:#4be3f6;top:-180px;right:4vw}.ambient-violet{background:#b1a2ff;top:42%;left:-260px}.topbar,main,footer{width:min(1180px,100% - 48px);margin-inline:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:68px;display:flex}.brand{border-radius:8px;align-items:center;gap:11px;display:inline-flex}.brand-mark{background:linear-gradient(135deg,#ffffffe6,#c3f4fa94);border:1px solid #17a0be6b;place-items:center;width:31px;height:31px;display:grid;position:relative;overflow:hidden;transform:rotate(45deg);box-shadow:inset 0 0 18px #1cbed82e}.brand-mark:after{content:"";background:#16accb73;width:2px;height:42px;position:absolute;transform:rotate(-45deg)}.brand-mark i{border:2px solid var(--cyan-deep);width:12px;height:12px;position:absolute;transform:rotate(-45deg)}.brand-mark i:last-child{background:var(--violet);border:0;width:4px;height:4px}.brand-name{align-items:baseline;gap:8px;display:flex}.brand-name strong{letter-spacing:-.02em;font-family:Arial Narrow,Helvetica Neue,sans-serif;font-size:18px;font-weight:800}.brand-name small,.header-index,.intro-code,.section-heading>p,footer{letter-spacing:.12em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.brand-name small{color:var(--muted);letter-spacing:.08em;font-size:11px}.header-index{color:var(--muted);align-items:center;gap:12px;font-size:9px;display:flex}.header-index b{width:30px;height:30px;color:var(--cyan-deep);border:1px solid var(--line-strong);border-radius:50%;place-items:center;font-size:10px;display:grid}.hero{width:min(100%,1040px);margin:26px auto 0;position:relative}.hero-visual{aspect-ratio:1774/887;border:1px solid var(--line);box-shadow:var(--shadow);isolation:isolate;background:#eef7fb;border-radius:18px;margin:0;position:relative;overflow:hidden}.hero-visual:after{z-index:1;pointer-events:none;content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff73}.hero-visual img{object-fit:cover;width:100%;height:100%;display:block}.projects{padding:48px 0 72px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.section-heading>div{align-items:center;gap:12px;display:flex}.section-number{color:var(--cyan-deep);letter-spacing:.08em;writing-mode:vertical-rl;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:25px}.section-heading>p{color:var(--muted);margin:0 0 2px;font-size:8px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.project-card{border:1px solid var(--line);background:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:15px;min-width:0;transition:border-color .24s,box-shadow .24s,transform .24s;position:relative;overflow:hidden;box-shadow:0 12px 32px #3a527413}.project-card:before{z-index:2;pointer-events:none;content:"";border-top:1px solid #14b1cfa8;border-right:1px solid #14b1cfa8;border-radius:0 14px 0 0;width:26px;height:26px;position:absolute;top:0;right:0}.project-card:hover{border-color:#12a4c36b;transform:translateY(-4px);box-shadow:0 19px 46px #2c567f24}.project-card>a{height:100%;display:block}.project-card>a:focus-visible{outline-offset:-3px;outline:3px solid #13b9d56b}.project-visual{aspect-ratio:16/10;border-bottom:1px solid var(--line);background:#eaf2f7;margin:0;position:relative;overflow:hidden}.project-visual img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}.project-card:hover .project-visual img{transform:scale(1.035)}.visual-grid{pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff73 1px,#0000 1px),linear-gradient(90deg,#ffffff73 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 48%,#000);mask-image:linear-gradient(#0000 48%,#000)}.project-visual figcaption{color:#fff;letter-spacing:.08em;text-shadow:0 1px 4px #0f1b2a73;justify-content:space-between;align-items:center;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;display:flex;position:absolute;bottom:9px;left:9px;right:9px}.project-visual figcaption span,.project-visual figcaption b{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0916257a;border:1px solid #ffffff47;border-radius:6px;padding:5px 7px}.project-visual figcaption b{color:#a7f6ff;font-weight:600}.project-copy{padding:15px 16px 14px}.project-title{align-items:flex-start;gap:10px;display:flex}.project-title>span{color:var(--cyan-deep);margin-top:3px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.project-title h3{letter-spacing:-.035em;margin:0;font-size:19px;font-weight:700;line-height:1.1}.project-title p{color:#8692a4;letter-spacing:.15em;margin:4px 0 0;font-family:SFMono-Regular,Consolas,monospace;font-size:7px}.project-description{min-height:42px;color:var(--muted);margin:12px 0 13px;font-size:12px;line-height:1.65}.project-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:10px;padding-top:11px;display:flex}.project-footer ul{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.project-footer li{color:#617389;white-space:nowrap;background:#e8f3f88f;border:1px solid #3e5e801f;border-radius:4px;padding:3px 6px;font-size:8px}.project-link{color:var(--cyan-deep);white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.project-link b{font-size:14px;font-weight:400;transition:transform .2s}.project-card:hover .project-link b{transform:translate(2px,-2px)}.support-shell{z-index:80;right:max(22px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed}.support-trigger,.support-panel{pointer-events:auto}.support-trigger{color:#f7feff;cursor:pointer;background:linear-gradient(135deg,#0b263ff7,#09485ef7);border:1px solid #97f0ff59;border-radius:16px;align-items:center;gap:10px;min-width:151px;min-height:52px;padding:7px 14px 7px 8px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .22s;display:flex;box-shadow:0 17px 45px #1a436240,inset 0 1px #ffffff21}.support-trigger:hover{border-color:#97f0ff9e;transform:translateY(-2px);box-shadow:0 21px 52px #1a436252,inset 0 1px #ffffff2e}.support-trigger:focus-visible,.support-panel button:focus-visible,.support-panel textarea:focus-visible{outline-offset:3px;outline:3px solid #13b9d575}.support-trigger-icon{background:#70e3f11c;border:1px solid #aaf5ff52;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid;position:relative}.support-trigger-icon svg,.support-icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:20px;height:20px}.support-trigger-icon i{background:#60f3b0;border:2px solid #0d3855;border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 10px #60f3b0d1}.support-trigger>span:last-child{flex-direction:column;align-items:flex-start;display:flex}.support-trigger strong{letter-spacing:.02em;font-size:13px;font-weight:700}.support-trigger small{color:#9cdae5;letter-spacing:.15em;margin-top:2px;font-family:SFMono-Regular,Consolas,monospace;font-size:7px}.support-panel{width:min(398px,100vw - 28px);height:min(650px,100dvh - 104px);min-height:470px;color:var(--ink);-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);transform-origin:100% 100%;background:linear-gradient(160deg,#fffffff7,#f3fafdf5);border:1px solid #2e709f38;border-radius:21px;flex-direction:column;animation:.28s cubic-bezier(.16,1,.3,1) both support-panel-in;display:flex;overflow:hidden;box-shadow:0 28px 75px #2341603d,inset 0 1px #fff}@keyframes support-panel-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.support-header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 14% 0,#63e5f42e,#0000 42%),#ffffff8c;justify-content:space-between;align-items:center;padding:15px 15px 12px;display:flex}.support-identity{align-items:center;gap:10px;display:flex}.support-avatar{color:#fff;letter-spacing:.06em;background:linear-gradient(145deg,#0e9fc1,#716ce3);border:1px solid #13b9d573;border-radius:13px;place-items:center;width:38px;height:38px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;display:grid;box-shadow:0 8px 20px #3084b433}.support-identity h2{letter-spacing:-.02em;margin:0;font-size:15px}.support-identity p{color:#6f8196;letter-spacing:.11em;align-items:center;gap:5px;margin:4px 0 0;font-family:SFMono-Regular,Consolas,monospace;font-size:7px;display:flex}.support-identity p span{background:#31c987;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #31c987a6}.support-icon-button{color:#5d6f85;border:1px solid var(--line);cursor:pointer;background:#ffffffb8;border-radius:10px;place-items:center;width:34px;height:34px;padding:0;display:grid}.support-boundary{color:#55738a;background:#def7fb75;border-bottom:1px solid #3553771a;margin:0;padding:8px 15px;font-size:9px;line-height:1.5}.support-messages{overscroll-behavior:contain;scrollbar-color:#3e81a047 transparent;scrollbar-width:thin;flex-direction:column;flex:1;gap:11px;min-height:0;padding:15px;display:flex;overflow:auto}.support-message{max-width:86%}.support-message>div{color:#8290a2;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:14px;margin:0 5px 4px;font-family:SFMono-Regular,Consolas,monospace;font-size:7px;display:flex}.support-message p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;padding:10px 12px;font-size:12px;line-height:1.62}.support-message-assistant{align-self:flex-start}.support-message-assistant p{background:#ffffffe6;border:1px solid #3553771c;border-radius:5px 14px 14px;box-shadow:0 7px 18px #344c710f}.support-message-user{align-self:flex-end}.support-message-user p{color:#f7feff;background:linear-gradient(145deg,#0b8eaf,#536fda);border-radius:14px 5px 14px 14px;box-shadow:0 8px 20px #2f679e29}.support-loading-card{border:1px solid var(--line);background:#fff;border-radius:5px 14px 14px;flex-direction:column;gap:7px;width:72%;padding:14px;display:flex}.support-loading-card span{background:linear-gradient(90deg,#edf2f5,#dff4f7,#edf2f5) 0 0/200% 100%;border-radius:5px;width:100%;height:7px;animation:1.2s linear infinite support-shimmer}.support-loading-card span:nth-child(2){width:84%}.support-loading-card span:nth-child(3){width:58%}@keyframes support-shimmer{to{background-position:-200% 0}}.support-thinking{border:1px solid var(--line);background:#fff;border-radius:5px 14px 14px;align-self:flex-start;gap:4px;padding:10px 13px;display:flex}.support-thinking i{background:var(--cyan-deep);border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite alternate support-dot}.support-thinking i:nth-child(2){animation-delay:.15s}.support-thinking i:nth-child(3){animation-delay:.3s}@keyframes support-dot{to{opacity:.25;transform:translateY(-3px)}}.support-error{color:#8b3448;background:#ffebefd1;border:1px solid #be486233;border-radius:9px;margin:0 15px 9px;padding:8px 10px;font-size:10px;line-height:1.45}.support-composer{background:#ffffffeb;border:1px solid #2d749733;border-radius:13px;margin:0 12px 10px;padding:10px 11px 8px;box-shadow:0 7px 20px #344c7112}.support-composer label{color:#718196;margin-bottom:4px;font-size:8px;display:block}.support-composer textarea{resize:vertical;width:100%;min-height:46px;max-height:116px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:4px 0;font-size:12px;line-height:1.55;display:block}.support-composer textarea::placeholder{color:#a0a9b5}.support-composer-footer{border-top:1px solid #35537717;justify-content:space-between;align-items:center;padding-top:7px;display:flex}.support-composer-footer>span{color:#8b97a6;font-family:SFMono-Regular,Consolas,monospace;font-size:7px}.support-composer-footer>span.is-near-limit{color:#ab465d}.support-send,.support-ended button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0e99bb,#596fda);border:0;border-radius:8px;padding:7px 11px;font-size:10px;font-weight:650;box-shadow:0 6px 14px #3174a42e}.support-send:disabled,.support-actions button:disabled{cursor:not-allowed;opacity:.42}.support-send b{margin-left:4px;font-size:12px;font-weight:400}.support-ended{background:#e4faf0c7;border:1px solid #24ab7436;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:0 12px 10px;padding:11px;display:grid}.support-ended>span{color:#fff;background:#24ab74;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.support-ended strong{font-size:11px;display:block}.support-ended p{color:#5f786f;margin:3px 0 0;font-size:8px}.support-ended button{padding:6px 8px;font-size:8px}.support-actions{color:#7f8d9f;letter-spacing:0;background:#f5fafcad;border-top:1px solid #35537717;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 13px 10px;font-family:inherit;display:flex}.support-actions p{max-width:250px;margin:0;font-size:8px;line-height:1.45}.support-actions button{color:#6f7e91;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #51668047;flex:none;padding:5px 0;font-size:9px}footer{color:#8793a5;border-top:1px solid var(--line);justify-content:space-between;padding:18px 0 28px;font-size:7px;display:flex}@media (max-width:980px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.topbar,main,footer{width:min(100% - 28px,540px)}.topbar{height:62px}.brand-name small,.header-index span{display:none}.hero{width:100%;margin-top:16px}.hero-visual{border-radius:12px}.projects{padding:36px 0 52px}.section-heading>p{display:none}.project-grid{grid-template-columns:1fr;gap:12px}.project-visual{aspect-ratio:16/9}.project-description{min-height:0}.support-shell{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left))}.support-panel{transform-origin:bottom;border-radius:18px;width:100%;height:min(670px,100dvh - 82px);min-height:420px}.support-trigger{align-self:flex-end;min-height:50px}}@media (max-width:360px){.project-footer{flex-direction:column;align-items:flex-start}.support-panel{height:calc(100dvh - 76px)}.support-boundary{font-size:8px}.support-ended{grid-template-columns:auto 1fr}.support-ended button{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}