.intro-reveal[data-v-11b340e9]{--intro-bg:#0a0b0d;--intro-barrier:#171613;--intro-barrier-2:#201e19;--intro-amber:#f2a93c;--intro-amber-soft:#f7c877;--intro-green:#4fe0b0;--intro-text:#f3efe4;--intro-dim:#8b8678;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:hidden;background:var(--intro-bg)}.barrier-layer[data-v-11b340e9]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20}.strip[data-v-11b340e9]{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(120deg,var(--intro-barrier-2) 0 2px,#17160f 2px 16px),linear-gradient(160deg,#221f1a,#131210);transition:transform .85s cubic-bezier(.32,0,.14,1),opacity .5s ease .5s}.strip[data-v-11b340e9]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(rgba(242,169,60,.08) 1px,transparent 1px);background-size:26px 26px}.barrier-label[data-v-11b340e9]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:opacity .3s ease}.mark-ring[data-v-11b340e9]{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:1.5px solid rgba(242,169,60,.5);border-radius:50%;animation:pulse-11b340e9 1.6s ease-in-out infinite}.mark-ring img[data-v-11b340e9]{width:54px;height:54px;border-radius:50%;object-fit:cover}.loading-pct[data-v-11b340e9]{color:var(--intro-dim);font-family:var(--font-mono);font-size:13px;letter-spacing:.2em}.loading-pct b[data-v-11b340e9]{color:var(--intro-amber-soft);font-weight:600}.loading-bar[data-v-11b340e9]{width:180px;height:2px;overflow:hidden;background:#f3efe41f;border-radius:2px}.loading-bar i[data-v-11b340e9]{display:block;height:100%;background:linear-gradient(90deg,var(--intro-green),var(--intro-amber))}.ripping .barrier-label[data-v-11b340e9],.reveal .barrier-label[data-v-11b340e9]{opacity:0;pointer-events:none}.strip[data-i="0"][data-v-11b340e9]{clip-path:var(--c0)}.strip[data-i="1"][data-v-11b340e9]{clip-path:var(--c1)}.strip[data-i="2"][data-v-11b340e9]{clip-path:var(--c2)}.strip[data-i="3"][data-v-11b340e9]{clip-path:var(--c3)}.ripping .strip[data-i="0"][data-v-11b340e9]{transform:translate(-34%,-58%) rotate(-9deg);opacity:0;transition-delay:0ms}.ripping .strip[data-i="1"][data-v-11b340e9]{transform:translate(-60%,18%) rotate(-4deg);opacity:0;transition-delay:70ms}.ripping .strip[data-i="2"][data-v-11b340e9]{transform:translate(58%,-16%) rotate(4deg);opacity:0;transition-delay:.14s}.ripping .strip[data-i="3"][data-v-11b340e9]{transform:translate(34%,60%) rotate(9deg);opacity:0;transition-delay:.21s}.reveal[data-v-11b340e9]{pointer-events:none}.claw-flash[data-v-11b340e9]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:21;width:100%;height:100%;opacity:0;pointer-events:none}.claw-flash path[data-v-11b340e9]{fill:none;stroke:var(--intro-amber-soft);stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(242,169,60,.9));stroke-dasharray:1400;stroke-dashoffset:1400}.ripping .claw-flash path[data-v-11b340e9]{animation:drawClaw-11b340e9 .28s cubic-bezier(.2,.8,.3,1) forwards,fadeClaw-11b340e9 .5s ease .28s forwards}.ripping .claw-flash[data-v-11b340e9]{opacity:1}.fx[data-v-11b340e9]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;width:100%;height:100%;pointer-events:none}.flashpop[data-v-11b340e9]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:23;background:var(--intro-text);opacity:0;pointer-events:none}.ripping .flashpop[data-v-11b340e9]{animation:flashp-11b340e9 .3s ease-out}.skip[data-v-11b340e9]{position:absolute;right:28px;bottom:26px;z-index:30;padding:8px 14px;border:1px solid rgba(243,239,228,.18);border-radius:3px;background:transparent;color:var(--intro-dim);cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;opacity:0;transition:opacity .3s ease,border-color .2s,color .2s}.skip.show[data-v-11b340e9]{opacity:1}.skip[data-v-11b340e9]:hover{border-color:var(--intro-amber);color:var(--intro-amber-soft)}.reveal .skip[data-v-11b340e9]{opacity:0;pointer-events:none}.shaking[data-v-11b340e9]{animation:shake-11b340e9 .4s ease}@keyframes pulse-11b340e9{0%,to{box-shadow:0 0 #f2a93c40}50%{box-shadow:0 0 0 10px #f2a93c00}}@keyframes drawClaw-11b340e9{to{stroke-dashoffset:0}}@keyframes fadeClaw-11b340e9{to{opacity:0}}@keyframes flashp-11b340e9{0%{opacity:.7}to{opacity:0}}@keyframes shake-11b340e9{10%{transform:translate(-6px,3px) rotate(-.3deg)}30%{transform:translate(5px,-4px) rotate(.3deg)}50%{transform:translate(-4px,2px) rotate(-.2deg)}70%{transform:translate(3px,-2px) rotate(.2deg)}to{transform:translate(0) rotate(0)}}@media (prefers-reduced-motion: reduce){.intro-reveal[data-v-11b340e9]{display:none}}.nav[data-v-421c36e6]{position:sticky;top:16px;z-index:50;width:calc(100% - 32px);max-width:1120px;margin:16px auto 0;border:1px solid var(--color-border);border-radius:999px;background:#ffffffc7;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.row[data-v-421c36e6]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 20px}.mark[data-v-421c36e6]{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-weight:800;font-size:14px;text-decoration:none;color:var(--color-navy);white-space:nowrap}.logo[data-v-421c36e6]{width:38px;height:38px;border:2px solid rgba(246,179,51,.55);border-radius:50%;object-fit:cover}.links[data-v-421c36e6]{display:flex;align-items:center;gap:20px}.links a[data-v-421c36e6],.language[data-v-421c36e6],.theme-toggle[data-v-421c36e6]{font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.04em;text-decoration:none;color:var(--color-muted);transition:color .2s;white-space:nowrap}.language[data-v-421c36e6],.theme-toggle[data-v-421c36e6]{border:0;background:transparent;cursor:pointer;padding:0}.theme-toggle[data-v-421c36e6]{display:inline-flex;align-items:center;gap:2px;min-width:48px;padding:3px;border:1px solid var(--color-border);border-radius:999px;background:#ffffff75;color:var(--color-muted)}.theme-icon[data-v-421c36e6]{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-size:12px;line-height:1;transition:background .2s,color .2s,transform .2s}.theme-icon.active[data-v-421c36e6]{background:var(--color-primary);color:#fff;transform:scale(1.03)}.links a[data-v-421c36e6]:hover,.language[data-v-421c36e6]:hover,.theme-toggle[data-v-421c36e6]:hover{color:var(--color-primary-dark)}.links .follow[data-v-421c36e6]{padding:10px 16px;border-radius:999px;background:var(--color-primary);color:#fff}.links .follow[data-v-421c36e6]:hover{color:#fff;background:var(--color-primary-dark)}@media (max-width: 760px){.nav[data-v-421c36e6]{top:10px;width:calc(100% - 20px);border-radius:28px}.row[data-v-421c36e6]{align-items:flex-start;flex-direction:column;gap:12px}.links[data-v-421c36e6]{width:100%;gap:10px;overflow-x:auto;padding-bottom:2px}.links a[data-v-421c36e6],.language[data-v-421c36e6],.theme-toggle[data-v-421c36e6]{font-size:11px}}.footer[data-v-175ba59b]{padding:36px 0 48px}.row[data-v-175ba59b]{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:12px;color:var(--color-muted)}.row a[data-v-175ba59b]{text-decoration:none;color:var(--color-primary-dark);font-weight:800;transition:color .2s}.row a[data-v-175ba59b]:hover{color:var(--color-purple)}@media (max-width:640px){.row[data-v-175ba59b]{align-items:flex-start;flex-direction:column;gap:12px}}:root{--color-bg:#f6fbff;--color-bg-blue:#e8f4ff;--color-primary:#3ba4f7;--color-primary-dark:#1b6fd6;--color-navy:#1a2b49;--color-text:#263a5c;--color-muted:#657c96;--color-border:#d8ecff;--color-card:rgba(255,255,255,.82);--color-gold:#f6b333;--color-green:#22c55e;--color-purple:#7c3aed;--shadow-soft:0 18px 45px rgba(34,84,130,.14);--radius-xl:36px;--radius-lg:28px;--radius-md:20px;--ink-bg:#e8f6ff;--panel:var(--color-card);--panel-2:#f0f8ff;--amber:var(--color-gold);--amber-soft:#ffd27a;--code-green:var(--color-green);--text:var(--color-text);--dim:var(--color-muted);--border:rgba(27,111,214,.12);--font-display:"Noto Sans TC", "Noto Sans CJK TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--font-body:"Noto Sans TC", "Noto Sans CJK TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}html[data-theme=classic]{--color-bg:#0a0b0d;--color-bg-blue:rgba(242,169,60,.12);--color-primary:#f2a93c;--color-primary-dark:#f7c877;--color-navy:#f3efe4;--color-text:#efe7d1;--color-muted:#a79d87;--color-border:rgba(242,169,60,.28);--color-card:rgba(22,20,16,.88);--color-gold:#f2a93c;--color-green:#4fe0b0;--color-purple:#c08cff;--shadow-soft:0 20px 60px rgba(0,0,0,.42), 0 0 34px rgba(242,169,60,.08);--ink-bg:#0a0b0d;--panel:var(--color-card);--panel-2:#15130f;--amber:var(--color-gold);--amber-soft:#f7c877;--code-green:var(--color-green);--text:var(--color-text);--dim:var(--color-muted);--border:rgba(242,169,60,.18)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at 10% 10%,rgba(59,164,247,.18),transparent 28%),radial-gradient(circle at 90% 8%,rgba(246,179,51,.16),transparent 26%),radial-gradient(circle at 88% 70%,rgba(124,58,237,.1),transparent 28%),linear-gradient(180deg,#e8f6ff,#f6fbff);color:var(--text);font-family:var(--font-body);scroll-behavior:smooth}html[data-theme=classic] body{background:radial-gradient(circle at 14% 0%,rgba(242,169,60,.13),transparent 28%),radial-gradient(circle at 92% 12%,rgba(79,224,176,.08),transparent 24%),radial-gradient(circle at 86% 78%,rgba(192,140,255,.08),transparent 28%),linear-gradient(180deg,#07080a,#10100d 46%,#080808)}#app{min-height:100vh}a{color:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}.eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--color-primary-dark);margin-bottom:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--color-bg-blue)}section{padding:72px 0}h1,h2,h3{color:var(--color-navy);font-family:var(--font-display);font-weight:800;letter-spacing:0;margin:0}h2{font-size:clamp(30px,4vw,44px);margin-bottom:18px}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:800;letter-spacing:.04em;min-height:46px;padding:12px 22px;border-radius:999px;text-decoration:none;border:1px solid var(--color-border);color:var(--color-primary-dark);background:#ffffffc7;box-shadow:0 12px 28px #2254821a;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s,background .2s}.btn.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px #22548229}.btn.primary:hover{background:var(--color-primary-dark)}.btn:not(.primary):hover{border-color:var(--color-primary);color:var(--color-primary-dark)}html[data-theme=classic] .nav,html[data-theme=classic] .hero,html[data-theme=classic] .about-card,html[data-theme=classic] .topic,html[data-theme=classic] .group,html[data-theme=classic] .skill,html[data-theme=classic] .skill-card,html[data-theme=classic] .filter-bar,html[data-theme=classic] .card,html[data-theme=classic] .article-card,html[data-theme=classic] .item,html[data-theme=classic] .detail-page,html[data-theme=classic] .highlight-card{background:var(--color-card);border-color:var(--color-border)}html[data-theme=classic] .hero,html[data-theme=classic] .nav{box-shadow:0 18px 60px #00000075,inset 0 0 0 1px #f7c87714}html[data-theme=classic] .visual:before{background:radial-gradient(circle at 30% 24%,rgba(242,169,60,.24),transparent 30%),radial-gradient(circle at 72% 64%,rgba(79,224,176,.1),transparent 32%),linear-gradient(160deg,#17140f,#0b0b0d);box-shadow:inset 0 0 0 1px #f2a93c2e,var(--shadow-soft)}html[data-theme=classic] .visual img{border-color:#f2a93c57;box-shadow:0 24px 70px #0000008c,0 0 34px #f2a93c29}html[data-theme=classic] .cover{border-color:#f2a93c29}html[data-theme=classic] .image,html[data-theme=classic] .image-wrap{background:#111}@media (max-width: 560px){section{padding:48px 0}.btn{width:100%}}