@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap";:root{--bg-dark:#090b10;--bg-panel:#151a22;--bg-card:#1e2532;--bg-card-strong:#252e3e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--gold:#00f0ff;--gold-hover:#76f7ff;--primary:#00f0ff;--primary-hover:#00c8d6;--danger:#f05;--purple:#a78bfa;--warning:#ffd166;--glass-bg:#151a22d1;--glass-border:#00f0ff38;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-neon:0 0 18px #00f0ff3d;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{background:#000}body{min-width:320px;min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#000;margin:0;font-family:Inter,Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}#app{width:100%;min-height:100vh}.app-shell{background:radial-gradient(circle at 50% 0%, #00f0ff29, transparent 42%), linear-gradient(180deg, #0b0d13 0%, var(--bg-dark) 56%, #050609 100%);border-inline:1px solid #94a3b81f;width:min(100%,520px);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 60px #0000008c}.app-shell:before{content:"";pointer-events:none;opacity:.035;background-image:linear-gradient(#00f0ffe6 1px,#0000 1px),linear-gradient(90deg,#00f0ffe6 1px,#0000 1px);background-size:22px 22px;position:fixed;inset:0}.app-main{z-index:1;min-height:calc(100dvh - 64px);padding:18px 16px calc(104px + var(--safe-bottom));position:relative}.app-main--login{min-height:100dvh;padding:0}.topbar{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b10e0;border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:sticky;top:0}.topbar__brand,.brand-lockup{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.topbar__brand span,.brand-lockup strong{color:#fff;letter-spacing:.08em;text-shadow:0 0 10px #00f0ff8c;font-size:.98rem;font-style:italic;font-weight:900}.brand-lockup span{color:var(--text-muted);margin-top:2px;font-size:.74rem;display:block}.icon-button{width:42px;height:42px;color:var(--text-secondary);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,background .2s,transform .2s;display:inline-flex}.icon-button:hover,.icon-button:focus-visible{color:var(--primary);background:#00f0ff14;outline:none}.icon-button:active{transform:scale(.96)}.family-lock-logo{flex:none;grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.family-lock-logo--xs{gap:1px;width:26px;height:26px}.family-lock-logo--sm{gap:6px;width:96px;height:96px}.family-lock-logo--md{gap:7px;width:128px;height:128px}.family-lock-logo--lg{gap:8px;width:150px;height:150px}.family-lock-logo__tile{transform-style:preserve-3d;background-image:url(/brand/family-lock-logo.png);background-repeat:no-repeat;background-size:215% 215%;border:1px solid #0f172ae6;border-radius:18%;display:block;box-shadow:0 12px 28px #00000047}.family-lock-logo--xs .family-lock-logo__tile{border-width:0;border-radius:4px}.family-lock-logo.is-animated .family-lock-logo__tile{animation:2.4s ease-in-out infinite rotateBlock}.splash-screen{z-index:200;background:radial-gradient(circle at center, #00f0ff1f, transparent 56%), var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:fixed;inset:0}.splash-screen h1{color:#fff;letter-spacing:.16em;text-shadow:0 0 10px #00f0ffbf,0 0 24px #00f0ff40;margin:0;font-size:2rem;font-style:italic;font-weight:900}.drawer-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a3;position:fixed;inset:0}.drawer{z-index:90;background:var(--bg-panel);border-right:1px solid #94a3b824;flex-direction:column;width:min(78vw,292px);display:flex;position:fixed;inset:0 auto 0 0;box-shadow:28px 0 60px #00000080}.drawer__header{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;padding:22px 18px;display:flex}.drawer__nav{gap:8px;padding:16px;display:grid}.drawer__nav a,.drawer-action{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:13px 14px;text-decoration:none;transition:background .2s,color .2s;display:flex}.drawer__nav a.router-link-active,.drawer__nav a:hover,.drawer-action:hover{color:var(--primary);background:#00f0ff17}.drawer__footer{border-top:1px solid #94a3b81f;gap:8px;margin-top:auto;padding:16px;display:grid}.drawer-action.is-muted{color:var(--text-muted)}.bottom-nav{z-index:45;height:calc(76px + var(--safe-bottom));padding:8px 8px calc(8px + var(--safe-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#151a22f5;border-top:1px solid #94a3b826;grid-template-columns:1fr 1fr 84px 1fr 1fr;align-items:end;display:grid;position:fixed;bottom:0;left:max(0px,50vw - 260px);right:max(0px,50vw - 260px);box-shadow:0 -18px 36px #0000006b}.bottom-nav a,.ego-button{min-width:0;color:var(--text-muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.68rem;font-weight:700;text-decoration:none;display:flex}.bottom-nav a.router-link-active,.bottom-nav a:hover{color:var(--primary)}.ego-button{border:6px solid var(--bg-dark);background:var(--primary);color:#020617;border-radius:50%;justify-self:center;width:70px;height:70px;transition:transform .24s,background .24s;position:relative;top:-22px;box-shadow:0 0 20px #00f0ff73}.ego-button.is-open{background:#fff;transform:rotate(45deg)}.ego-button span{color:var(--primary);letter-spacing:.12em;font-size:.7rem;position:absolute;bottom:-21px;left:0;right:0}.ego-sheet{right:max(16px,50vw - 244px);bottom:calc(88px + var(--safe-bottom));z-index:88;border-radius:var(--radius-lg);background:#151a22fa;border:1px solid #00f0ff52;gap:12px;padding:18px;display:grid;position:fixed;left:max(16px,50vw - 244px);box-shadow:0 0 34px #00f0ff29}.ego-sheet__header,.ego-action{align-items:center;display:flex}.ego-sheet__header{justify-content:space-between}.ego-sheet__header strong{color:var(--primary);letter-spacing:.08em;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.ego-action{border-radius:var(--radius-md);color:#fff;text-align:left;background:#202838;border:1px solid #94a3b824;gap:12px;min-height:54px;padding:0 14px}.ego-action span{flex:1;font-weight:800}.ego-action small{color:var(--text-muted)}.ego-action--primary{background:var(--primary);color:#020617;border-color:#0000;justify-content:center;box-shadow:0 8px 26px #00f0ff47}.page-panel,.content-card,.article-card,.media-card,.tracker-section,.upload-section{border-radius:var(--radius-lg)!important;background:#1e2532db!important;border-color:#94a3b821!important}.section-kicker{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:900;display:inline-flex}.neon-title{color:#fff;letter-spacing:.08em;text-shadow:0 0 12px #00f0ff8a;font-style:italic;font-weight:900}.fade-enter-active,.fade-leave-active,.splash-enter-active,.splash-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to,.splash-enter-from,.splash-leave-to{opacity:0}.drawer-enter-active,.drawer-leave-active{transition:transform .26s}.drawer-enter-from,.drawer-leave-to{transform:translate(-100%)}.sheet-enter-active,.sheet-leave-active{transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .28s}.sheet-enter-from,.sheet-leave-to{opacity:0;transform:translateY(20px)}@keyframes rotateBlock{0%{transform:perspective(400px)rotateY(0)}15%{transform:perspective(400px)rotateY(180deg)}30%{transform:perspective(400px)rotateY(360deg)}to{transform:perspective(400px)rotateY(360deg)}}@media (width>=768px){.app-shell{width:min(100%,960px)}.app-main{padding:26px 28px 112px}.bottom-nav,.ego-sheet{left:max(0px,50vw - 480px);right:max(0px,50vw - 480px)}.ego-sheet{left:max(28px,50vw - 452px);right:max(28px,50vw - 452px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}