*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0;font-family:'Microsoft JhengHei','PingFang TC','Noto Sans TC',Arial,sans-serif;background-color:#ff69b4;color:#fff;overflow-x:hidden}.main-nav{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,rgba(255,20,147,.95),rgba(255,105,180,.95));backdrop-filter:blur(10px);z-index:9998;box-shadow:0 2px 10px rgba(0,0,0,.3)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:60px}.nav-logo{font-size:24px;font-weight:700;color:#fff;text-decoration:none;text-shadow:2px 2px 4px rgba(0,0,0,.3);transition:transform .3s}.nav-logo:hover{transform:scale(1.05)}.nav-menu{display:flex;list-style:none;gap:5px}.nav-menu li a{display:block;padding:8px 16px;color:#fff;text-decoration:none;font-size:16px;border-radius:5px;transition:all .3s;white-space:nowrap}.nav-menu li a:hover{background-color:rgba(255,255,255,.2);transform:translateY(-2px)}.nav-menu li a.active{background-color:rgba(255,255,255,.3);font-weight:700}.nav-toggle{display:none;font-size:28px;color:#fff;cursor:pointer;padding:5px 10px}.breadcrumb{background-color:rgba(0,0,0,.1);padding:10px 20px;margin-top:60px}.breadcrumb a{color:#fff;text-decoration:none;opacity:.8}.breadcrumb a:hover{opacity:1;text-decoration:underline}.breadcrumb span{margin:0 8px;opacity:.6}.page-container{max-width:1200px;margin:80px auto 40px;padding:20px;min-height:calc(100vh - 200px)}.page-title{font-size:32px;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.page-subtitle{font-size:18px;margin-bottom:30px;text-align:center;opacity:.9}.content-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 4px 15px rgba(0,0,0,.2)}.content-card h2{color:#fff;margin-bottom:15px;font-size:24px;border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:10px}.content-card h3{color:#fff;margin:20px 0 10px;font-size:20px}.content-card p{line-height:1.8;margin-bottom:15px;color:rgba(255,255,255,.95)}.content-card ul,.content-card ol{margin-left:20px;margin-bottom:15px;line-height:1.8}.page-footer{background:rgba(0,0,0,.3);padding:30px 20px;text-align:center;margin-top:50px}.footer-content{max-width:1200px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:15px;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;opacity:.8;transition:opacity .3s}.footer-links a:hover{opacity:1;text-decoration:underline}.footer-text{color:rgba(255,255,255,.7);font-size:14px}.btn{display:inline-block;padding:12px 30px;background-color:#ff1493;color:#fff;text-decoration:none;border-radius:5px;border:none;cursor:pointer;font-size:16px;transition:all .3s;box-shadow:0 2px 5px rgba(0,0,0,.2)}.btn:hover{background-color:#e01280;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.3)}.btn-secondary{background-color:rgba(255,255,255,.2)}.btn-secondary:hover{background-color:rgba(255,255,255,.3)}@media (max-width:768px){.nav-menu{position:fixed;top:60px;left:-100%;width:100%;flex-direction:column;background:linear-gradient(135deg,rgba(255,20,147,.98),rgba(255,105,180,.98));padding:20px 0;transition:left .3s;box-shadow:0 4px 10px rgba(0,0,0,.3);gap:0}.nav-menu.active{left:0}.nav-menu li{width:100%}.nav-menu li a{padding:15px 30px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.1)}.nav-toggle{display:block}.page-container{margin-top:70px;padding:15px}.page-title{font-size:24px}.content-card{padding:20px}.footer-links{flex-direction:column;gap:10px}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.hidden{display:none}
