:root{--primary:#00a8ff;--secondary:#63e6be;--glass:rgba(255, 255, 255, 0.1);--glass-border:rgba(255, 255, 255, 0.2);--text:#ffffff;--nav-h:60px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Noto Sans TC',sans-serif;background:url('/圖片/DSC_1999.avif') center/cover no-repeat fixed #0a0a0a;color:var(--text);line-height:1.6}.with-fixed-nav{padding-top:var(--nav-h)}.main-navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:10000;display:flex;align-items:center;background:rgba(0,0,0,.2);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border);transition:.3s}.main-navbar.scrolled{background:rgba(0,48,96,.85)}.nav-container{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem}.nav-left .logo{height:32px}.nav-right a{color:#fff;text-decoration:none;font-size:.9rem;padding:5px 10px}.hero-box{text-align:center;padding:4rem 1.5rem 2rem}.support-badge{background:linear-gradient(90deg,var(--primary),var(--secondary));padding:4px 12px;border-radius:50px;font-size:.7rem;font-weight:900;margin-bottom:1rem;display:inline-block}.hero-box h1{font-size:2.2rem;margin-bottom:1rem}.hero-desc{font-size:1rem;opacity:.8;max-width:600px;margin:0 auto}.pricing-section{max-width:1200px;margin:0 auto 4rem;padding:0 1rem}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;align-items:stretch}.card{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem 1.2rem;transition:.3s;position:relative;display:flex;flex-direction:column}.card:hover{transform:translateY(-10px);border-color:var(--secondary)}.card.featured{border:2px solid var(--secondary);background:rgba(0,168,255,.1);transform:scale(1.05);z-index:1}.popular-tag{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--secondary);color:#004d3b;font-size:.65rem;font-weight:900;padding:4px 12px;border-radius:50px;white-space:nowrap}.icon{font-size:2.5rem;margin-bottom:1rem;text-align:center}.tier-name{font-size:1.2rem;margin-bottom:.5rem;text-align:center}.price{font-size:1.8rem;font-weight:900;color:var(--secondary);margin-bottom:1rem;text-align:center}.price span{font-size:.9rem}.benefit-list{list-style:none;margin-bottom:1.5rem;flex-grow:1}.benefit-list li{font-size:.85rem;margin-bottom:.5rem;display:flex;align-items:center;gap:8px}.benefit-list i{color:var(--secondary);font-size:.8rem}.btn-action{display:block;width:100%;padding:10px;background:#fff;color:#000;text-align:center;text-decoration:none;border-radius:10px;font-weight:800;font-size:.9rem;transition:.3s}.btn-action.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.info-glass{background:rgba(0,0,0,.4);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid var(--glass-border);max-width:1000px;margin:0 auto}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-col h4{color:var(--secondary);margin-bottom:.5rem;font-size:1rem}.info-col p{font-size:.85rem;opacity:.7}.visitor-wrapper{position:relative;margin:3rem 0;display:flex;justify-content:center}.visitor-pill{background:rgba(0,0,0,.6);backdrop-filter:blur(10px);padding:8px 20px;border-radius:50px;border:1px solid var(--glass-border);font-size:.85rem}@media (max-width:768px){.hero-box h1{font-size:1.8rem}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.card{padding:1.5rem .8rem}.card.featured{transform:scale(1)}.icon{font-size:2rem}.tier-name{font-size:1.1rem}.price{font-size:1.5rem}.benefit-list li{font-size:.75rem}.nav-container{padding:0 1rem}.nav-right a{font-size:.8rem;padding:4px 6px}}@media (max-width:400px){.pricing-grid{gap:.5rem}.price{font-size:1.3rem}}.supporters-section{max-width:1200px;margin:0 auto 5rem;padding:0 1rem}.supporters-header{text-align:center;margin-bottom:2rem}.supporters-header i{color:#ff7675;font-size:1.8rem;margin-bottom:.5rem}.supporters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.supporter-item{background:var(--glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:15px;padding:1.2rem;display:flex;flex-direction:column;transition:.3s}.supporter-item:hover{transform:translateY(-5px);border-color:var(--secondary)}.supporter-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.supporter-name{font-weight:700;color:var(--secondary);font-size:.95rem}.supporter-amount{font-size:.8rem;font-weight:900;opacity:.8}.supporter-msg{font-size:.85rem;line-height:1.4;font-style:italic;margin-bottom:.8rem;color:#eee;flex-grow:1}.supporter-date{font-size:.7rem;opacity:.5;text-align:right}@media (max-width:768px){.supporters-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.supporter-item{padding:1rem .8rem}.supporter-name{font-size:.85rem}.supporter-amount{font-size:.75rem}.supporter-msg{font-size:.8rem}}@media (max-width:400px){.supporters-grid{gap:.5rem}}