*{box-sizing:border-box;margin:0;padding:0}:root{color:#f6f6f2;font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;background:#171717;font-synthesis:none;line-height:1.8;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}body{min-width:320px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.background{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 0%,rgba(94,125,114,.22),transparent 34rem),linear-gradient(180deg,#303030,#171717 12%,#1d1d1d 78%,#4a4a4a)}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,94%);margin:0 auto;padding:18px 0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-mark{flex:0 0 auto;color:#f6f6f2;font-weight:800;letter-spacing:0}.site-nav{display:flex;flex-wrap:wrap;justify-content:end;gap:6px}.site-nav a{border:1px solid transparent;border-radius:4px;padding:7px 10px;color:#d8d8d2;font-size:.92rem}.site-nav a:hover,.site-nav a.active{border-color:#91d7c86b;color:#f6f6f2;background:#91d7c81a}.content-container{width:min(1120px,90%);margin:0 auto}.intro-section{padding:88px 0 72px}.intro-copy{max-width:1120px}.version-label,.section-kicker,.work-type{color:#91d7c8;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{max-width:980px;margin:16px auto 52px;font-size:clamp(2.25rem,5vw,4.7rem);font-weight:800;line-height:1.12;text-align:center}.copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.copy-grid p{margin-bottom:1.65rem;color:#ddd;font-size:1rem;text-align:justify}.works-section{padding:48px 0 120px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:14px}h2{font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.2}.sync-time{margin-bottom:24px;color:#bdbdbd;font-size:.9rem}.status-message{display:flex;align-items:center;gap:10px;min-height:64px;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:18px;color:#e9e9e4;background:#ffffff0d}.status-message--error{border-color:#ff757573;color:#ffd2d2}.loading-dot{width:10px;height:10px;border-radius:999px;background:#91d7c8;animation:pulse 1s ease-in-out infinite alternate}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.work-card{overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0c0c0cbd}.work-image-frame{display:grid;width:100%;aspect-ratio:4 / 3;place-items:center;color:#9d9d98;background:linear-gradient(135deg,rgba(145,215,200,.16),transparent),#252525;font-size:.76rem;font-weight:700}.work-image-frame img{width:100%;height:100%;object-fit:cover}.work-card-body{padding:20px}.work-card h3{margin:4px 0;font-size:1.5rem;line-height:1.25}.work-author{color:#f0f0ec;font-weight:700}.work-statement{margin-top:14px;color:#d7d7d1;font-size:.95rem;line-height:1.7}.work-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:18px;color:#ccccc7;font-size:.9rem}.work-meta dt{color:#91d7c8;font-weight:700}.page-shell{padding-top:34px}.page-section{padding:88px 0 120px}.page-section h1{margin:14px 0 36px;text-align:left}.placeholder-panel{border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:28px;color:#d7d7d1;background:#0c0c0c80}.admin-page h1{margin-bottom:28px}.admin-panel{display:grid;gap:22px;max-width:760px;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:28px;background:#0c0c0ca3}.field-group{display:grid;gap:8px;color:#f0f0ec;font-weight:700}.text-input{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:4px;padding:11px 12px;color:#f6f6f2;background:#ffffff14}.text-input:focus{border-color:#91d7c8b8;outline:none}.admin-actions{display:flex;flex-wrap:wrap;gap:12px}.primary-button{min-height:46px;border:1px solid rgba(145,215,200,.58);border-radius:4px;padding:9px 16px;color:#101312;background:#91d7c8;cursor:pointer;font-weight:800}.primary-button:disabled{cursor:wait;opacity:.58}.admin-alert{border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:12px 14px;color:#e9e9e4;background:#ffffff0f}.admin-alert--error{border-color:#ff757573;color:#ffd2d2}.admin-alert--success{border-color:#91d7c873;color:#dffcf5}.sync-result{display:grid;gap:18px}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.result-grid div{border:1px solid rgba(255,255,255,.13);border-radius:6px;padding:14px;background:#ffffff0d}.result-grid dt{color:#91d7c8;font-size:.8rem;font-weight:700}.result-grid dd{margin-top:2px;color:#f6f6f2;font-size:1.05rem;font-weight:800;line-height:1.45}.image-error-panel{display:grid;gap:12px}.image-error-panel h2{font-size:1.25rem}.image-error-panel ul{display:grid;gap:10px;list-style:none}.image-error-panel li{border:1px solid rgba(255,117,117,.38);border-radius:6px;padding:12px 14px;color:#ffd2d2;background:#ff757514}.image-error-panel span{display:block;color:#f0f0ec;font-weight:700}@keyframes pulse{0%{opacity:.35;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media(max-width:820px){.site-header{align-items:stretch;flex-direction:column;gap:12px}.site-nav{justify-content:start}.intro-section{padding:48px 0}.copy-grid{grid-template-columns:1fr;gap:10px}.section-heading{align-items:stretch;flex-direction:column}.admin-panel{padding:20px}.result-grid{grid-template-columns:1fr}}