@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#0a0f1c;--bg-2:#0f172a;--surface:#131c31;--surface-2:#1a2540;--border:#22304d;--border-strong:#2f4066;--text:#f8fafc;--text-dim:#a3b1cc;--text-mute:#6b7a99;--accent:#22c55e;--accent-dim:#16a34a;--accent-glow:#22c55e59;--cyan:#38bdf8;--font-head:"Space Grotesk", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:12px;--radius-sm:8px;--maxw:1240px;--ease:cubic-bezier(.22, 1, .36, 1);--dur:.22s;--tag-機器學習:#22c55e;--tag-生醫:#f472b6;--tag-材料科學:#fbbf24;--tag-全端:#38bdf8;--tag-前端:#818cf8;--tag-GIS:#34d399;--tag-資料視覺化:#a78bfa;--tag-DevOps:#fb923c;--tag-自動化:#60a5fa;--tag-影像處理:#f87171;--tag-電腦視覺:#e879f9;--tag-行動App:#2dd4bf;--tag-Skill:#a3e635;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1200px 600px at 80% -10%,#22c55e14,#0000 60%),radial-gradient(900px 500px at 0 0,#38bdf80f,#0000 55%),linear-gradient(#2f406640 1px,#0000 1px),linear-gradient(90deg,#2f406640 1px,#0000 1px);background-position:0 0,0 0,50%,50%;background-size:100% 100%,100% 100%,44px 44px,44px 44px;background-attachment:fixed;margin:0;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.02em;margin:0;font-weight:600}button{font-family:inherit}::selection{background:var(--accent-glow);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-mute)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.shell{max-width:var(--maxw);margin:0 auto;padding:0 24px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}::view-transition-old(root){animation-duration:.22s}::view-transition-new(root){animation-duration:.22s}::view-transition-group(*){animation-duration:.4s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.nav{z-index:30;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;height:56px;display:flex}.nav__brand{align-items:center;gap:10px;display:inline-flex}.nav__logo{width:30px;height:30px;color:var(--accent);border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;place-items:center;display:grid}.nav__name{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text);font-size:14px}.nav__right{align-items:center;gap:8px;display:flex}.nav__ownerlink{font-family:var(--font-mono);color:var(--text-mute);border:1px solid var(--border);opacity:.75;transition:color var(--dur), border-color var(--dur), opacity var(--dur);border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;display:inline-flex}.nav__ownerlink:hover{color:var(--accent);border-color:var(--accent);opacity:1}.nav__owner{font-family:var(--font-mono);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;display:inline-flex}.nav__owner-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%}.nav__contact{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--border);transition:color var(--dur), border-color var(--dur);border-radius:999px;padding:7px 14px;font-size:13px}.nav__contact:hover{color:var(--accent);border-color:var(--accent)}.waterfx{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.chat__fab{z-index:60;color:#04140a;background:var(--accent);cursor:pointer;width:54px;height:54px;box-shadow:0 6px 24px var(--accent-glow), 0 2px 8px #0006;transition:transform var(--dur) var(--ease), background var(--dur), box-shadow var(--dur);border:none;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:22px;right:22px}.chat__fab:hover{transform:translateY(-2px)scale(1.04)}.chat__fab:active{transform:scale(.96)}.chat__fab:disabled{opacity:.5;cursor:default}.chat__fab--open{color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);box-shadow:0 6px 24px #00000080}.chat__panel{z-index:60;background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-strong);border-radius:var(--radius);width:min(400px,100vw - 32px);height:min(560px,100vh - 130px);animation:chatPop var(--dur) var(--ease);flex-direction:column;display:flex;position:fixed;bottom:88px;right:22px;overflow:hidden;box-shadow:0 18px 50px #0000008c}@keyframes chatPop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.chat__panel{animation:none}}.chat__head{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:10px;padding:13px 16px;display:flex}.chat__head-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 3px var(--accent-glow);border-radius:50%;flex:none}.chat__head-txt{flex-direction:column;line-height:1.35;display:flex}.chat__head-txt strong{font-family:var(--font-head);font-size:14px}.chat__head-txt span{font-family:var(--font-mono);color:var(--text-mute);font-size:11px}.chat__body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat__intro{color:var(--text-dim);font-size:14px}.chat__intro p{margin:0 0 14px}.chat__starters{flex-direction:column;gap:8px;display:flex}.chat__starter{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;transition:border-color var(--dur), color var(--dur), transform var(--dur);padding:10px 13px;font-size:13px}.chat__starter:hover{border-color:var(--accent);color:var(--accent);transform:translate(2px)}.chat__msg{border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;max-width:88%;padding:10px 13px;font-size:14px;line-height:1.6}.chat__msg--user{background:var(--accent);color:#04140a;border-bottom-right-radius:3px;align-self:flex-end}.chat__msg--assistant{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:3px;align-self:flex-start}.chat__link{color:var(--cyan);text-underline-offset:2px;text-decoration:underline}.chat__msg--user .chat__link{color:#04140a;font-weight:600}.chat__typing{gap:4px;padding:2px 0;display:inline-flex}.chat__typing i{background:var(--text-mute);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite chatBlink}.chat__typing i:nth-child(2){animation-delay:.2s}.chat__typing i:nth-child(3){animation-delay:.4s}@keyframes chatBlink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat__error{color:#fca5a5;border-radius:var(--radius-sm);background:#ef44441f;border:1px solid #ef444466;align-self:stretch;padding:8px 11px;font-size:12.5px}.chat__input{border-top:1px solid var(--border);background:var(--surface-2);align-items:flex-end;gap:8px;padding:12px;display:flex}.chat__input textarea{resize:none;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-2);max-height:120px;color:var(--text);font-family:var(--font-body);flex:1;padding:9px 12px;font-size:14px;line-height:1.5}.chat__input textarea:focus{border-color:var(--accent);outline:none}.chat__send{border-radius:var(--radius-sm);color:#04140a;background:var(--accent);cursor:pointer;width:40px;height:40px;transition:opacity var(--dur), transform var(--dur);border:none;flex:none;place-items:center;display:grid}.chat__send:hover:not(:disabled){transform:scale(1.05)}.chat__send:disabled{opacity:.4;cursor:default}@media (width<=480px){.chat__panel{width:auto;bottom:82px;left:12px;right:12px}.chat__fab{bottom:16px;right:16px}}.hero{border-bottom:1px solid var(--border);padding:88px 0 40px;position:relative;overflow:hidden}.hero__inner{z-index:1;position:relative}.hero__eyebrow{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:9px;margin-bottom:22px;padding:6px 12px;font-size:12.5px;display:inline-flex}.hero__pulse{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 var(--accent-glow);border-radius:50%;animation:2.4s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.hero__title{word-break:keep-all;text-wrap:balance;max-width:20ch;margin-bottom:18px;font-size:clamp(32px,5vw,54px);line-height:1.12}.hero__accent{color:var(--accent);text-shadow:0 0 24px var(--accent-glow)}.hero__lead{max-width:62ch;color:var(--text-dim);margin:0;font-size:16px;line-height:1.7}.hero__scan{pointer-events:none;opacity:.6;background:linear-gradient(#0000,#0000 50%,#22c55e08 50%,#0000 51%) 0 0/100% 4px;position:absolute;inset:0}@media (width<=640px){.hero{padding:64px 0 32px}}.filter{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 60%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;flex-wrap:wrap;gap:6px;width:fit-content;max-width:100%;padding:6px;display:flex}.filter__btn{color:var(--text-dim);cursor:pointer;transition:color var(--dur) var(--ease), background var(--dur) var(--ease);white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}.filter__btn:hover,.filter__btn.is-active{color:var(--text);background:var(--surface-2)}.filter__dot{background:var(--c,var(--accent));width:7px;height:7px;box-shadow:0 0 8px var(--c,var(--accent));border-radius:50%}.filter__count{font-family:var(--font-mono);color:var(--text-mute);background:var(--bg-2);border:1px solid var(--border);text-align:center;border-radius:999px;min-width:20px;padding:0 6px;font-size:11px}.filter__btn.is-active .filter__count{color:var(--text);border-color:var(--border-strong)}.filter__underline{border:1px solid var(--c,var(--accent));pointer-events:none;border-radius:999px;position:absolute;inset:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);position:relative;overflow:hidden}.card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow), 0 18px 40px -20px var(--accent-glow)}.card--hidden{opacity:.4;filter:grayscale(.5)}.card--future{opacity:.6;border-style:dashed}.card--future:hover{opacity:.82;border-color:var(--border-strong);box-shadow:none}.card--future:hover .card__shot img,.card--future:hover .card__shot .ph{transform:none}.card__link{cursor:pointer;flex-direction:column;height:100%;display:flex}.card__link--static{cursor:default}.card__shot{aspect-ratio:16/10;background:var(--bg-2);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.card__shot img,.card__shot .ph{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease);display:block}.card:hover .card__shot img,.card:hover .card__shot .ph{transform:scale(1.04)}.card__badge{font-family:var(--font-mono);letter-spacing:.03em;border:1px solid var(--border-strong);color:var(--text-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0f1ccc;border-radius:999px;padding:3px 8px;font-size:10.5px;position:absolute;top:10px;left:10px}.card__badge--future{color:var(--cyan);border-color:color-mix(in srgb, var(--cyan) 45%, transparent);background:color-mix(in srgb, var(--cyan) 16%, #0a0f1cd1)}.card__body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.card__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.card__title{color:var(--text);font-size:18px}.card__arrow{color:var(--text-mute);transition:color var(--dur) var(--ease), transform var(--dur) var(--ease);flex-shrink:0}.card:hover .card__arrow{color:var(--accent);transform:translate(2px,-2px)}.card__sub{color:var(--text-dim);margin:0;font-size:13.5px;line-height:1.45}.card__tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.chip{font-family:var(--font-mono);color:var(--c);border:1px solid color-mix(in srgb, var(--c) 40%, transparent);background:color-mix(in srgb, var(--c) 12%, transparent);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11px}.chip--hidden{--c:#94a3b8;border-style:dashed}.card__admin{align-items:center;gap:6px;display:flex;position:absolute;top:10px;right:10px}.card__file{display:none}.card__eye svg{vertical-align:-2px;margin-right:4px}.card__shot-del svg{margin-right:0}.card__shot-del:hover{color:#f87171;border-color:#f87171}.card__eye{font-family:var(--font-mono);border:1px solid var(--border-strong);color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color var(--dur), border-color var(--dur);background:#0a0f1cd9;border-radius:999px;padding:4px 9px;font-size:11px}.card__eye[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.card__eye:disabled{opacity:.6;cursor:default}.card__uploading{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);background:#0a0f1c99;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;inset:0}.card__spin{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite card-spin}.card__spin--btn{vertical-align:-2px;width:10px;height:10px;margin-right:4px;display:inline-block}@keyframes card-spin{to{transform:rotate(360deg)}}.card__drag{border:1px solid var(--border-strong);width:28px;height:28px;color:var(--text-mute);cursor:grab;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0f1cd9;border-radius:8px;place-items:center;display:grid}.card__drag:active{cursor:grabbing}.home{padding:32px 24px 48px}.home__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.home__admin-ctl{align-items:center;gap:8px;display:flex}.home__save{font-family:var(--font-mono);color:var(--text-mute);font-size:12px}.home__save--saved{color:var(--accent)}.home__save--error{color:#f87171}.ctl{font-family:var(--font-mono);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-dim);cursor:pointer;transition:color var(--dur), border-color var(--dur), background var(--dur);border-radius:999px;padding:8px 14px;font-size:12.5px}.ctl:hover{color:var(--text);border-color:var(--text-mute)}.ctl.is-on{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.ctl--ghost{background:0 0}.home__hint{color:var(--text-mute);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);margin:0 0 16px;padding:10px 14px;font-size:13px}.home__grid{grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:18px;display:grid}.home__grid-cell{cursor:grab}.home__grid-cell:active{cursor:grabbing}.home__grid-cell.is-dragging{opacity:.45}.home__grid-cell.is-dragging .card{border-color:var(--accent)}.home__drag{height:100%}.home__empty,.home__hint{text-align:left}.home__empty{color:var(--text-mute);text-align:center;padding:40px 0}.home__future{border-top:1px dashed var(--border-strong);margin-top:44px;padding-top:26px}.home__future-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.home__future-title{color:var(--text-dim);font-size:18px}.home__future-note{font-family:var(--font-mono);color:var(--text-mute);letter-spacing:.03em;font-size:12px}.home__footer{border-top:1px solid var(--border);color:var(--text-mute);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding:28px 24px 48px;display:flex}.home__foot-link{color:var(--text-dim);font-family:var(--font-mono);font-size:13px}.home__foot-link:hover{color:var(--accent)}@media (width<=520px){.home__grid{grid-template-columns:1fr}}.arch-diagram{max-width:720px;margin:0 auto}.arch-diagram__canvas{width:100%}.arch-diagram__canvas svg{width:100%;height:auto;display:block}.arch-diagram__canvas text{font-family:var(--font-body)}.arch-diagram__canvas .th{fill:var(--text);font-size:14px;font-weight:500}.arch-diagram__canvas .ts{fill:var(--text-mute);font-size:12px;font-weight:400}.arch-diagram__canvas .t{fill:var(--text);font-size:14px;font-weight:400}.arch-diagram__canvas .c-purple rect,.arch-diagram__canvas rect.c-purple{fill:#123243;stroke:#38bdf8}.arch-diagram__canvas .c-purple .th{fill:#d5f0ff}.arch-diagram__canvas .c-purple .ts{fill:#7dd3fc}.arch-diagram__canvas .c-gray rect,.arch-diagram__canvas rect.c-gray{fill:#1c2438;stroke:#6b7a99}.arch-diagram__canvas .c-gray .th{fill:#e8edf6}.arch-diagram__canvas .c-gray .ts{fill:#9fb0cc}.arch-diagram__canvas .c-teal rect,.arch-diagram__canvas rect.c-teal{fill:#10331f;stroke:#22c55e}.arch-diagram__canvas .c-teal .th{fill:#d7f8e2}.arch-diagram__canvas .c-teal .ts{fill:#52d47f}.arch-diagram__canvas .arr{fill:none;stroke:#6b7a99;stroke-width:1.5px}.arch-diagram__canvas .leader{fill:none;stroke:#6b7a99;stroke-width:1px;stroke-dasharray:4 4;opacity:.7}.arch-diagram__canvas .hit{cursor:pointer}.arch-diagram__canvas .hit rect{transition:stroke-width var(--dur) var(--ease), opacity var(--dur)}.arch-diagram__canvas .hit:hover{opacity:.78}.arch-diagram__canvas .hit.active rect{stroke-width:2.5px}.arch-diagram__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:center;min-height:92px;margin-bottom:14px;padding:14px 16px;display:flex}.arch-diagram__panel h4{font-family:var(--font-head);color:var(--text);margin:0 0 6px;font-size:15.5px;font-weight:600}.arch-diagram__panel p{color:var(--text-dim);margin:0;font-size:14px;line-height:1.8}.arch-diagram__panel-hint{align-items:center;gap:8px;display:flex;color:var(--text-mute)!important}.arch-diagram__panel-hint svg{flex:none}@media (width<=860px){.arch-diagram{max-width:none}}.detail{padding:32px 24px 64px}.detail__back{font-family:var(--font-mono);color:var(--text-dim);transition:color var(--dur);margin-bottom:24px;font-size:13px;display:inline-block}.detail__back:hover{color:var(--accent)}.detail__grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:32px;margin-bottom:40px;display:grid}.detail__media{aspect-ratio:16/10;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-2);overflow:hidden;box-shadow:0 30px 60px -30px #0009}.detail__media img,.detail__media .ph{object-fit:cover;width:100%;height:100%;display:block}.detail__tags{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.detail__title{margin-bottom:8px;font-size:clamp(30px,4vw,44px);line-height:1.1}.detail__sub{color:var(--text-dim);margin:0 0 24px;font-size:16px}.detail__links{flex-wrap:wrap;gap:12px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur), border-color var(--dur), color var(--dur);border:1px solid #0000;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:500;display:inline-flex}.btn--primary{background:var(--accent);color:#04120a;font-weight:700}.btn--primary:hover{box-shadow:0 12px 28px -12px var(--accent-glow);background:#2ee06a;transform:translateY(-2px)}.btn--ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn--ghost:hover{border-color:var(--text-mute);transform:translateY(-2px)}.btn--disabled{cursor:not-allowed;color:var(--text-mute);background:var(--surface);border-color:var(--border)}.btn--disabled:hover{box-shadow:none;transform:none}.detail__cols{grid-template-columns:1.15fr 1fr;align-items:start;gap:32px;display:grid}.detail__h2{font-size:15px;font-family:var(--font-mono);color:var(--text-mute);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:10px;font-weight:500}.detail__summary{color:var(--text-dim);margin:0;font-size:15.5px;line-height:1.85}.detail__tech-groups{flex-direction:column;gap:12px;display:flex}.techrow{border-bottom:1px solid var(--border);grid-template-columns:64px 1fr;align-items:start;gap:12px;padding:10px 0;display:grid}.techrow:last-child{border-bottom:0}.techrow__label{font-family:var(--font-mono);color:var(--accent);padding-top:4px;font-size:12px}.techrow__items{flex-wrap:wrap;gap:6px;display:flex}.techrow__item{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);padding:4px 10px;font-size:12.5px}.techrow__item--info{cursor:pointer;transition:border-color var(--dur), color var(--dur), background var(--dur)}.techrow__item--info:hover{border-color:var(--border-strong);color:var(--text)}.techrow__item--active{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2))}.detail__arch{margin-top:40px}.detail--404{text-align:center;color:var(--text-dim);padding:80px 24px}@media (width<=860px){.detail__grid,.detail__cols{grid-template-columns:1fr;gap:24px}}.admin{justify-content:center;padding-top:96px;padding-bottom:96px;display:flex}.admin__col{width:min(420px,100%)}.admin__back{font-family:var(--font-mono);color:var(--text-dim);transition:color var(--dur);margin-bottom:14px;font-size:13px;display:inline-block}.admin__back:hover{color:var(--accent)}.admin__card{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:100%;padding:28px 30px 30px}.admin__eyebrow{font-family:var(--font-mono);color:var(--text-dim);margin-bottom:10px;font-size:12px}.admin__title{margin-bottom:8px;font-size:24px}.admin__desc{color:var(--text-dim);margin-bottom:18px;font-size:14px;line-height:1.6}.admin__who{align-items:center;gap:10px;margin:14px 0 20px;font-size:14.5px;display:flex}.admin__avatar{border:1px solid var(--border);border-radius:50%;width:30px;height:30px}.admin__email{color:var(--text-dim);font-family:var(--font-mono);font-size:12.5px}.admin__actions{gap:10px;display:flex}.admin__gbtn{min-height:44px;margin-bottom:6px}.admin__dev{margin-top:10px}.admin__warn,.admin__error{color:#fbbf24;margin-top:12px;font-size:13px}.admin__error{color:#f87171}