*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #161616;--bg-card-hover: #1e1e1e;--border: #222222;--border-hover: #333333;--cyan: #00d9ff;--cyan-dim: #00d9ff33;--purple: #a855f7;--purple-dim: #a855f720;--green: #10b981;--green-dim: #10b98133;--amber: #f59e0b;--amber-dim: #f59e0b33;--rose: #f43f5e;--text-primary: #f0f0f0;--text-secondary: #999999;--text-muted: #555555}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-card: #ffffff;--bg-card-hover: #f1f3f5;--border: #e0e0e0;--border-hover: #d0d0d0;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999}:root[data-theme=light] .hero-bg{background:linear-gradient(135deg,#a855f714,#00d9ff14)}:root[data-theme=light] .hero-status{background:#a855f71a;border-color:#a855f74d}:root[data-theme=light] nav{background:#ffffffe6;border-bottom-color:var(--border)}:root[data-theme=light] .status-dot{box-shadow:0 0 8px #10b98199}--font-sans: "Inter", "Noto Sans TC", system-ui, sans-serif; --font-mono: "JetBrains Mono", "Fira Code", monospace; --container: 1100px; --nav-h: 56px; } html {scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:var(--cyan);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.container{max-width:var(--container);margin:0 auto;padding:0 24px}#nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;backdrop-filter:blur(16px);background:#0a0a0acc;border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--container);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1.05rem;color:var(--text-primary)}.brand-icon{color:var(--cyan);font-size:1.2rem}.nav-links{display:flex;gap:24px}.nav-link{font-size:.85rem;color:var(--text-secondary);font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary);opacity:1}#hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 40%,var(--cyan-dim) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 30% 70%,var(--purple-dim) 0%,transparent 60%);opacity:.5;pointer-events:none}.hero-content{position:relative;z-index:1;animation:fadeInUp .8s ease-out}.hero-status{display:inline-flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;padding:6px 16px;font-size:.8rem;color:var(--text-secondary);margin-bottom:24px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite}.hero-title{display:flex;flex-direction:column;gap:8px}.hero-name{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero-subtitle{font-family:var(--font-mono);font-size:clamp(.85rem,2vw,1.1rem);font-weight:400;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase}.hero-desc{margin-top:20px;font-size:1.05rem;color:var(--text-secondary);line-height:1.8}.hero-stats{display:flex;gap:32px;justify-content:center;margin-top:40px;flex-wrap:wrap}.stat-card{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-family:var(--font-mono);font-size:1.8rem;font-weight:600}.stat-value.cyan{color:var(--cyan)}.stat-value.purple{color:var(--purple)}.stat-value.green{color:var(--green)}.stat-value.amber{color:var(--amber)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.hero-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);color:var(--text-muted);font-size:1.2rem;animation:bounce 2s infinite}section{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2rem;font-weight:700;margin-bottom:8px}.section-sub{color:var(--text-muted);font-size:.95rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.radar-wrap{display:flex;justify-content:center}#radar-chart{max-width:100%;height:auto}.values-wrap h3{font-size:1.2rem;margin-bottom:20px;color:var(--cyan)}#values-list{list-style:none;display:flex;flex-direction:column;gap:16px}#values-list li{position:relative;padding-left:20px;color:var(--text-secondary);font-size:.95rem;line-height:1.6}#values-list li:before{content:">";position:absolute;left:0;color:var(--cyan);font-family:var(--font-mono);font-weight:600}.cap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.cap-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;transition:border-color .3s,transform .2s}.cap-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.cap-icon{font-size:1.5rem;margin-bottom:12px}.cap-text{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px 20px;transition:border-color .3s}.skill-card:hover{border-color:var(--cyan)}.skill-name{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--cyan);margin-bottom:6px}.skill-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.skill-category{display:inline-block;margin-top:10px;font-size:.7rem;padding:2px 8px;border-radius:100px;background:var(--cyan-dim);color:var(--cyan);font-family:var(--font-mono)}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.agent-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:8px;transition:border-color .3s}.agent-card:hover{border-color:var(--purple)}.agent-header{display:flex;align-items:center;justify-content:space-between}.agent-name{font-family:var(--font-mono);font-size:.9rem;font-weight:500}.agent-badge{font-size:.7rem;padding:2px 8px;border-radius:100px;font-family:var(--font-mono)}.agent-badge.enabled{background:var(--green-dim);color:var(--green)}.agent-badge.disabled{background:#ffffff0d;color:var(--text-muted)}.agent-role{font-size:.85rem;color:var(--text-secondary)}.agent-meta{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);display:flex;gap:16px}.timeline{position:relative;padding-left:32px;max-width:700px;margin:0 auto}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;margin-bottom:32px;animation:fadeInUp .5s ease-out both}.timeline-item:before{content:"";position:absolute;left:-29px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--cyan)}.timeline-item.major:before{background:var(--cyan);box-shadow:0 0 12px var(--cyan-dim)}.timeline-date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.timeline-desc{font-size:.95rem;color:var(--text-secondary)}.journal-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.journal-entry{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px 24px;transition:border-color .3s}.journal-entry:hover{border-color:var(--border-hover)}.journal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.journal-type{font-family:var(--font-mono);font-size:.75rem;color:var(--purple);text-transform:uppercase}.journal-time{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.journal-text{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.journal-emotion{display:inline-block;margin-top:8px;font-size:.75rem;padding:2px 10px;border-radius:100px;background:var(--purple-dim);color:var(--purple)}footer{padding:48px 0;border-top:1px solid var(--border);text-align:center}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-brand{font-size:1.1rem;font-weight:600}.footer-text{font-size:.8rem;color:var(--text-muted)}.footer-tech{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);opacity:.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:32px}.hero-stats{gap:20px}.nav-links{gap:16px}.nav-link{font-size:.8rem}section{padding:60px 0}.section-header{margin-bottom:40px}.section-header h2{font-size:1.6rem}}@media(max-width:480px){.nav-links{display:none}.hero-name{font-size:2.2rem}.stat-value{font-size:1.4rem}}#growth{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-top:2rem}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:border-color .3s,transform .3s}.chart-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.chart-card canvas{max-width:100%;height:auto;display:block}#milestone-timeline{padding-left:1rem}#growth-summary{color:var(--text-secondary);font-size:.95rem}@media(max-width:768px){.charts-grid{grid-template-columns:1fr}.chart-card canvas{width:100%}}.rss-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--amber);margin-left:.5rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s}.rss-link:hover{background-color:var(--amber-dim);opacity:1}.rss-link svg{width:14px;height:14px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-card);border-radius:8px;cursor:pointer;transition:background-color .2s,transform .2s;color:var(--text-primary)}.theme-toggle:hover{background:var(--bg-card-hover);transform:scale(1.05)}.theme-toggle svg{width:20px;height:20px}:root[data-theme=dark] .theme-toggle .sun-icon,:root:not([data-theme]) .theme-toggle .sun-icon{display:block}:root[data-theme=dark] .theme-toggle .moon-icon,:root:not([data-theme]) .theme-toggle .moon-icon{display:none}:root[data-theme=light] .theme-toggle .sun-icon{display:none}:root[data-theme=light] .theme-toggle .moon-icon{display:block}