:root { --primary: #FF5353; --bg: #FFF9F9; }
body { font-family: "Microsoft JhengHei", sans-serif; background: var(--bg); margin: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; }
.portal-container { width: 90%; max-width: 400px; background: white; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); overflow: hidden; text-align: center; }
.portal-header { background: var(--primary); padding: 30px 20px; color: white; }
.portal-header img { width: 120px; filter: brightness(0) invert(1); margin-bottom: 10px; }
.portal-header h1 { margin: 0; font-size: 1.5rem; letter-spacing: 2px; }
.portal-content { padding: 30px 20px; }
.portal-btn { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 16px; border-radius: 12px; margin-bottom: 15px; font-weight: bold; font-size: 1.1rem; transition: 0.3s; }
.primary-btn { background: var(--primary); color: white; box-shadow: 0 6px 15px rgba(255, 83, 83, 0.3); }
.divider { margin: 25px 0; position: relative; border-top: 1px solid #EEE; }
.divider span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 0 15px; color: #AAA; font-size: 0.85rem; }
.outline-btn { border: 2px solid var(--primary); color: var(--primary); }
.fb-btn { background: #1877F2; color: white; }
.portal-footer { font-size: 0.75rem; color: #BBB; padding-bottom: 20px; }