#acgti-app{min-height:100vh;background:#0a0a0f}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0a0a0f;--color-bg2: #12121c;--color-surface: #1a1a2e;--color-border: rgba(255, 255, 255, .08);--color-primary: #7c5cbf;--color-primary-glow: rgba(124, 92, 191, .4);--color-accent: #e84393;--color-accent-glow: rgba(232, 67, 147, .4);--color-gold: #f5c842;--color-text: #e8e8f0;--color-text-muted: rgba(232, 232, 240, .55);--radius: 12px;--radius-lg: 20px;--shadow: 0 8px 32px rgba(0, 0, 0, .5);--transition: .25s cubic-bezier(.4, 0, .2, 1);font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;outline:none}h1{line-height:1.2}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:50px;font-size:1rem;font-weight:600;letter-spacing:.5px;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:0 4px 20px var(--color-primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--color-accent-glow)}.btn-outline{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text-muted)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-text)}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(124,92,191,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,191,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.page-wrapper{position:relative;z-index:1;min-height:100vh}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-accent),var(--color-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;transition:var(--transition)}.card:hover{border-color:#7c5cbf4d;box-shadow:0 0 30px #7c5cbf1a}.tag{display:inline-block;padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:600;letter-spacing:.5px;background:#7c5cbf26;border:1px solid rgba(124,92,191,.3);color:#a889e8}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from{opacity:0;transform:translateY(24px)}#app{min-height:100vh}@media (max-width: 480px){.btn{min-height:44px;padding:12px 20px;font-size:.95rem}body{overflow-x:hidden}.card{padding:16px}}button,a{touch-action:manipulation}