*,::after,::before{box-sizing:border-box}:root{--ink:#eef0ff;--ink-dim:#a7adca;--ink-faint:#6f7595;--cyan:#5eead4;--cyan-deep:#22d3ee;--pink:#f472b6;--violet:#a78bfa;--ease:cubic-bezier(.2, .9, .25, 1);--mx:50%;--my:40%}body,html{height:100%}body{margin:0;min-height:100svh;display:flex;flex-direction:column;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#0b0b14;overflow-x:hidden;-webkit-font-smoothing:antialiased}.bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1200px 800px at 18% 12%,rgba(34,211,238,.18),transparent 62%),radial-gradient(1000px 760px at 84% 88%,rgba(167,139,250,.2),transparent 62%),radial-gradient(760px 620px at 62% 18%,rgba(244,114,182,.1),transparent 65%),linear-gradient(180deg,#0b0b14 0,#0d0d1a 48%,#0a0a12 100%)}.bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 90% 75% at 50% 42%,#000 42%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 75% at 50% 42%,#000 42%,transparent 100%)}.stars{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:0;animation:twinkle var(--d,4s) ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes twinkle{0%,100%{opacity:0;transform:scale(.6)}45%{opacity:.85;transform:scale(1.25)}70%{opacity:.2}}.bgimg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#08080f}.bgimg .layer{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;filter:brightness(.52) saturate(.9) contrast(1.05);transform:scale(1.02);transition:opacity 1.6s var(--ease);will-change:opacity}.bgimg .layer.on{opacity:1}.bgimg::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(420px 420px at var(--mx) var(--my),rgba(255,255,255,.085),transparent 70%)}@media (pointer:coarse){.bgimg::before{display:none}}.bgimg::after{content:"";position:absolute;inset:0;background:radial-gradient(1100px 780px at 16% 8%,rgba(34,211,238,.12),transparent 62%),radial-gradient(980px 760px at 86% 92%,rgba(167,139,250,.15),transparent 62%),radial-gradient(720px 600px at 62% 20%,rgba(244,114,182,.08),transparent 66%),linear-gradient(180deg,rgba(7,7,14,.7) 0,rgba(7,7,14,.52) 45%,rgba(5,5,11,.84) 100%)}.cover{position:absolute;inset:0;z-index:2;border-radius:inherit}.shell{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;gap:0;width:min(1140px,100% - 40px);margin-inline:auto;padding:clamp(40px,8vh,84px) 0 clamp(24px,4vh,40px)}.brand{text-align:center;margin-bottom:clamp(28px,5vh,52px);animation:rise .9s var(--ease) both}.brand-mark{display:inline-flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;margin-bottom:18px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);backdrop-filter:blur(8px);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.brand-mark b{font-weight:600;letter-spacing:.06em;background:linear-gradient(92deg,var(--cyan),var(--violet) 55%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px 2px rgba(94,234,212,.75)}h1{margin:0;font-size:clamp(30px, 6.4vw, 56px);font-weight:800;letter-spacing:-.02em;line-height:1.12}h1 .grad{background:linear-gradient(96deg,#fff 8%,#dcd6ff 38%,var(--pink) 72%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.brand p{margin:14px 0 0;font-size:clamp(12.5px, 2.6vw, 14.5px);letter-spacing:.14em;color:var(--ink-faint)}.brand p .jp{color:rgba(167,173,202,.55);font-size:.92em;letter-spacing:.06em}.doors{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.2vw,22px)}.door{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(210px,30vh,292px);padding:clamp(22px,3vw,34px);border-radius:22px;text-decoration:none;color:inherit;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.032);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:0 18px 40px -28px rgba(0,0,0,.9);transition:transform .5s var(--ease),border-color .45s var(--ease),box-shadow .5s var(--ease);animation:rise .9s var(--ease) both;-webkit-tap-highlight-color:transparent}.door:first-child{animation-delay:.1s}.door:nth-child(2){animation-delay:.2s}.door::before{content:"";position:absolute;inset:-40% -20% auto -20%;height:78%;background:radial-gradient(closest-side,var(--tint) 0,transparent 72%);opacity:.34;filter:blur(18px);transition:opacity .5s var(--ease),transform .7s var(--ease);z-index:-1}.door::after{content:"";position:absolute;right:-46px;bottom:-78px;width:210px;height:210px;border-radius:50%;border:1px solid var(--ring);box-shadow:inset 0 0 60px -20px var(--tint);opacity:.55;transition:transform .8s var(--ease),opacity .5s var(--ease);z-index:-1}.door.tools{--tint:rgba(34, 211, 238, .55);--ring:rgba(94, 234, 212, .20);--key:var(--cyan)}.door.blog{--tint:rgba(167, 139, 250, .55);--ring:rgba(244, 114, 182, .22);--key:var(--pink)}.door:focus-visible,.door:hover{transform:translateY(-7px);border-color:color-mix(in oklab,var(--key) 46%,transparent);box-shadow:0 28px 56px -30px rgba(0,0,0,.95),0 0 0 1px color-mix(in oklab,var(--key) 22%,transparent);outline:0}.door:hover::before{opacity:.62;transform:translateY(-6px) scale(1.08)}.door:hover::after{transform:scale(1.16) translate(-6px,-6px);opacity:.85}.door:hover .glyph{transform:translateY(-3px) rotate(-6deg)}.door:hover .go{gap:12px}.door:hover .go svg{transform:translateX(3px)}.door-top{display:flex;align-items:center;gap:14px}.glyph{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:var(--key);background:color-mix(in oklab,var(--key) 14%,transparent);border:1px solid color-mix(in oklab,var(--key) 26%,transparent);box-shadow:0 0 24px -8px var(--key);transition:transform .5s var(--ease)}.glyph svg{width:23px;height:23px;display:block}.door h2{margin:0;font-size:clamp(18px, 3.4vw, 22px);font-weight:700;letter-spacing:.01em}.door .en{display:block;margin-top:3px;font-size:10.5px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint)}.door-desc{margin:20px 0 22px;font-size:clamp(12.5px, 2.5vw, 13.5px);line-height:1.75;color:var(--ink-dim);max-width:30ch}.go{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.1em;color:var(--key);transition:gap .4s var(--ease)}.go svg{width:15px;height:15px;transition:transform .4s var(--ease)}.lines{display:flex;flex-wrap:wrap;gap:9px}.line{position:relative;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-decoration:none;color:var(--ink-dim);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease),transform .35s var(--ease)}.line svg{width:13px;height:13px;transition:transform .35s var(--ease)}.line:focus-visible,.line:hover{color:var(--ink);border-color:color-mix(in oklab,var(--key) 55%,transparent);background:color-mix(in oklab,var(--key) 14%,transparent);transform:translateY(-2px);outline:0}.line:hover svg{transform:translateX(3px)}.minis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,14px);margin-top:clamp(14px,2.2vh,22px)}@media (min-width:721px) and (max-width:1100px){.minis{grid-template-columns:repeat(2,minmax(0,1fr))}}.mini{position:relative;display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:15px;text-decoration:none;color:inherit;font:inherit;text-align:left;cursor:pointer;overflow:hidden;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.028);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);box-shadow:0 14px 30px -28px rgba(0,0,0,.9);transition:transform .4s var(--ease),border-color .35s var(--ease),background .35s var(--ease),box-shadow .4s var(--ease);animation:rise .8s var(--ease) both;-webkit-tap-highlight-color:transparent}.mini:first-child{animation-delay:.26s}.mini:nth-child(2){animation-delay:.32s}.mini:nth-child(3){animation-delay:.38s}.mini:nth-child(4){animation-delay:.44s}.mini-ico{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:var(--ink-dim);background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);transition:color .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease)}.mini-ico svg{width:17px;height:17px;display:block}.mini-txt{min-width:0;display:flex;flex-direction:column;gap:2px}.mini-txt b{font-size:12.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap;transition:color .3s var(--ease)}.mini-txt b .br-m{display:none}.mini-txt em{font-style:normal;font-size:10.5px;letter-spacing:.02em;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini.bili{--key:#fb7299}.mini.mail{--key:var(--cyan)}.mini.qq{--key:#7ee0b8}.mini:focus-visible,.mini:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--key) 40%,transparent);background:rgba(255,255,255,.055);box-shadow:0 20px 36px -26px rgba(0,0,0,.95);outline:0}.mini:focus-visible .mini-ico,.mini:hover .mini-ico{color:var(--key);background:color-mix(in oklab,var(--key) 14%,transparent);border-color:color-mix(in oklab,var(--key) 28%,transparent)}.mini:hover .mini-txt b{color:#fff}.mini.bot{--key:#ffb86b;animation-delay:.5s}.bot-wrap{position:relative;display:flex}.bot-wrap>.mini{width:100%}.qr-pop{position:absolute;right:0;bottom:100%;z-index:60;padding-bottom:12px;opacity:0;visibility:hidden;transform:translateY(8px) scale(.96);transform-origin:bottom right;transition:opacity .3s var(--ease),transform .36s var(--ease),visibility .3s;pointer-events:none}.bot-wrap.open .qr-pop,.bot-wrap:focus-within .qr-pop,.bot-wrap:hover .qr-pop{opacity:1;visibility:visible;transform:none;pointer-events:auto}.qr-panel{position:relative;display:flex;gap:12px;padding:13px 13px 11px;border-radius:16px;border:1px solid rgba(255,255,255,.15);background:rgba(15,15,25,.9);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 26px 52px -26px rgba(0,0,0,.95)}.qr-cell{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px}.qr-cell img{display:block;width:128px;height:128px;border-radius:9px;background:#fff}.qr-cell figcaption{font-size:10.5px;letter-spacing:.06em;color:var(--ink-faint)}.qr-x{display:none;position:absolute;top:8px;right:8px;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--ink-dim);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.qr-x svg{width:13px;height:13px}@media (hover:none),(pointer:coarse){.bot-wrap:focus-within .qr-pop,.bot-wrap:hover .qr-pop{opacity:0;visibility:hidden;transform:none;pointer-events:none}.bot-wrap.open .qr-pop{opacity:1;visibility:visible;pointer-events:auto}.qr-pop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;transform:none;background:rgba(6,6,12,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:90}.qr-panel{padding:24px 16px 16px;max-width:100%}.qr-cell img{width:118px;height:118px}.qr-x{display:inline-flex;position:fixed;top:calc(16px + env(safe-area-inset-top));right:16px;width:40px;height:40px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:var(--ink)}.qr-x svg{width:16px;height:16px}}html.qr-lock{overflow:hidden}.foot{position:relative;z-index:1;padding:0 20px calc(26px + env(safe-area-inset-bottom));text-align:center;font-size:11px;letter-spacing:.16em;color:var(--ink-faint);animation:fade 1s var(--ease) .3s both}.foot span{opacity:.55}.foot .icp{margin-top:7px}.foot a{color:rgba(238,240,255,.64);text-decoration:none;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:1px;transition:color .3s var(--ease),border-color .3s var(--ease)}.foot a:focus-visible,.foot a:hover{color:var(--ink-dim);border-color:color-mix(in oklab,var(--cyan) 55%,transparent);outline:0}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}@media (max-width:720px){.shell{padding-top:34px;width:calc(100% - 32px)}.brand{margin-bottom:24px}.doors{grid-template-columns:1fr;gap:13px}.door{min-height:0;padding:20px 20px 22px;border-radius:19px;display:block}.door-top{gap:12px}.glyph{width:42px;height:42px;border-radius:13px}.glyph svg{width:20px;height:20px}.door-desc{margin:14px 0 0;font-size:12px;line-height:1.65;max-width:none}.go{display:none}.lines{margin-top:13px}.minis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.mini{padding:11px 12px;gap:10px;border-radius:13px}.mini-ico{width:31px;height:31px;border-radius:10px}.mini-ico svg{width:16px;height:16px}.mini-txt b .br-m{display:inline}.mini-txt b{line-height:1.32}}@media (max-height:720px) and (min-width:721px){.shell{padding-top:26px;padding-bottom:16px}.brand{margin-bottom:22px}.door{min-height:0;padding:20px clamp(18px,2.4vw,26px)}.door-desc{margin:14px 0 16px}.foot{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;transition-duration:NaNs!important}.stars{display:none}}