:root{--royal-purple:#2d1b4e;--midnight:#110d17;--champagne:#c9a96e;--shadow:#1e1428;--violet:#4a2d6e;--lavender:#8b6caf;--ivory:#f0e8dc;--font-display:"Bodoni Moda", "Didot", "Noto Serif TC", serif;--font-sub:"Cormorant Garamond", "Noto Serif TC", serif;--font-body:"Jost", "Noto Serif TC", sans-serif;--font-zh:"Noto Serif TC", "Songti TC", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--midnight);-webkit-text-size-adjust:100%}body{min-height:100dvh;color:var(--ivory);font-family:var(--font-zh);background:radial-gradient(120% 60% at 50% 0%, var(--royal-purple) 0%, transparent 70%), radial-gradient(90% 50% at 50% 100%, var(--shadow) 0%, transparent 80%), var(--midnight);background-attachment:fixed;margin:0;line-height:1.6}body:before{content:"";pointer-events:none;z-index:10;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .94 0 0 0 0 .91 0 0 0 0 .86 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#app{flex-direction:column;gap:28px;width:100%;max-width:480px;margin:0 auto;padding:48px 16px 32px;display:flex}a{color:inherit;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:1px solid var(--champagne);outline-offset:4px}.profile{text-align:center;flex-direction:column;align-items:center;display:flex}.profile__logo{object-fit:cover;border:1px solid var(--champagne);width:104px;height:104px;box-shadow:0 0 0 4px var(--midnight), 0 0 0 5px #c9a96e73;border-radius:50%}.profile__name{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--champagne);margin:22px 0 0;font-size:1.35rem;font-weight:500}.profile__tagline{letter-spacing:.3em;color:var(--lavender);margin:6px 0 0;font-size:.9rem}.profile:after{content:"";border-top:1px solid var(--champagne);border-bottom:1px solid var(--champagne);opacity:.7;width:72px;height:4px;margin-top:22px}.featured{outline-offset:4px;background:#1e1428bf;border:1px solid #c9a96e8c;outline:1px solid #c9a96e33}.featured__cover{aspect-ratio:1;object-fit:cover;filter:sepia(.15)saturate(.9);width:100%;height:auto;display:block}.featured__body{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px 20px 24px;display:flex}.featured__badge{font-family:var(--font-body);letter-spacing:.3em;border:1px solid var(--champagne);color:var(--champagne);padding:3px 12px 3px 15px;font-size:.72rem}.featured__title{font-family:var(--font-display);color:var(--ivory);margin:8px 0 0;font-size:2rem;font-style:italic;font-weight:400;line-height:1.15}.featured__subtitle{font-family:var(--font-sub);color:var(--lavender);margin:0;font-size:1.05rem}.featured__cta{width:100%;font-family:var(--font-zh);letter-spacing:.2em;background:var(--champagne);color:var(--midnight);margin-top:14px;padding:14px 16px;font-weight:600;text-decoration:none;transition:filter .2s}.featured__cta:active,.featured__cta:hover{filter:brightness(1.08)}.links{flex-direction:column;gap:14px;display:flex}.link-button{text-align:center;outline-offset:3px;background:#2d1b4e8c;border:1px solid #c9a96eb3;outline:1px solid #c9a96e2e;flex-direction:column;align-items:center;gap:2px;padding:15px 18px;text-decoration:none;transition:background-color .2s;display:flex}.link-button:active,.link-button:hover{background:#4a2d6ebf}.link-button__label{letter-spacing:.08em;overflow-wrap:anywhere;font-size:1rem}.link-button__desc{font-family:var(--font-body);color:var(--lavender);font-size:.8rem}.socials{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.social{width:44px;height:44px;color:var(--champagne);place-items:center;transition:color .2s;display:grid}.social:hover,.social:active{color:var(--ivory)}.social svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.footer{text-align:center}.footer__text{font-family:var(--font-body);letter-spacing:.2em;color:var(--lavender);margin:0;font-size:.72rem}.load-error{text-align:center;color:var(--lavender)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
