body{display:flex;flex-direction:column}.company-card{box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .2s ease-in-out;display:flex;flex-direction:column}.company-card:hover{transform:translateY(-5px)}.company-title-block{box-shadow:0 2px 6px rgba(0,0,0,.2);background-image:linear-gradient(to right,#253444,#0056b3);flex-shrink:0}.company-title-block h3{margin:0}.schedule-table{margin-top:.5rem;flex-grow:1}.schedule-table th{background-color:#f0f4f8;font-weight:600;color:#4a5568;border-radius:.5rem .5rem 0 0}.schedule-table tr:last-child td{border-bottom:none}.notes{font-size:.875rem;color:#ef4444;margin-top:1rem;white-space:pre-wrap}.contact-info{font-size:.875rem;color:#6b7280;margin-top:.5rem;white-space:pre-wrap}.passed-time{color:#9ca3af;text-decoration:line-through;transition:opacity .3s ease-in-out}.header-image-container{display:flex;align-items:center;justify-content:center}.header-image-container img{object-fit:cover;filter:brightness(70%)}.about-author-section{background-color:#ffffff6e;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:2rem;margin-top:2rem;text-align:center}.author-avatar{box-shadow:0 2px 8px rgba(0,0,0,.2)}.download-section{background-color:#ffffffc2;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:2rem;margin-top:2rem;text-align:center}.download-section img{max-width:100%;height:auto;border-radius:.75rem;box-shadow:0 2px 8px rgba(0,0,0,.15);margin:0 auto 1.5rem;display:block}.download-button{display:inline-block;background-color:#28a745;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:background-color .2s ease-in-out,transform .2s ease-in-out;box-shadow:0 2px 6px rgba(40,167,69,.3)}.download-button:hover{background-color:#218838;transform:translateY(-2px)}.instagram-button{display:inline-flex;align-items:center;margin-top:1rem;box-shadow:0 2px 6px rgba(220,40,67,.4)}.instagram-icon{width:20px;height:20px;margin-right:.5rem;fill:currentColor}.author-section{background:rgba(255,255,255,.9);border-radius:2rem;padding:2.5rem 1.5rem;margin:2rem auto;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.08);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);max-width:650px}.author-avatar{width:110px;height:110px;margin:0 auto 1.2rem;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.15);transition:transform .3s}.author-avatar:hover{transform:rotate(5deg) scale(1.05)}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin-bottom:1rem}.author-bio{font-size:1rem;color:#475569;line-height:1.7;margin-bottom:2rem;text-align:justify;padding:0 10px}.author-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.sponsor-callout{margin-top:1.5rem;padding:1.5rem;border:2px solid #fda4af;border-radius:1.25rem;background:linear-gradient(135deg,#fff1f2,#fff7ed);box-shadow:0 10px 24px rgba(225,29,72,.14);text-align:center}.sponsor-callout p{margin:0;color:#9f1239;font-size:1rem;font-weight:700}.sponsor-callout h2{margin:.35rem 0 .5rem;color:#9f1239;font-size:1.5rem;font-weight:900}.sponsor-callout .sponsor-eyebrow{color:#e11d48;font-size:.85rem}.sponsor-callout .sponsor-description{margin-top:.65rem;color:#64748b;font-size:.9rem;font-weight:500;line-height:1.6}.sponsor-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.8rem 1.4rem;border-radius:999px;background:#e11d48;color:#fff;font-weight:800;text-decoration:none;transition:transform .2s,background-color .2s}.sponsor-button:hover{background:#be123c;transform:translateY(-2px)}.sponsor-callout--mobile{display:none;margin:1.5rem 0}@media (max-width:1023px){.sponsor-callout--desktop{display:none}.sponsor-callout--mobile{display:block}}.instagram-button{display:inline-flex;align-items:center;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff!important;padding:10px 20px;border-radius:12px;font-weight:700;text-decoration:none;transition:.3s;box-shadow:0 4px 15px rgba(220,39,67,.3)}.instagram-button:hover{box-shadow:0 4px 10px rgba(220,40,67,.6);transform:translateY(-3px);box-shadow:0 6px 20px rgba(220,39,67,.5)}.more-about-me-button{display:inline-flex;align-items:center;color:#fff!important;box-shadow:0 4px 15px rgba(46,204,113,.3)}.more-about-me-button:hover{box-shadow:0 6px 20px rgba(46,204,113,.5);transform:translateY(-2px);box-shadow:0 4px 10px rgba(32,191,85,.6)}@media (max-width:480px){.author-section{padding:2rem 1.2rem;width:95%}.author-bio{font-size:.9rem}.author-links a{width:100%;justify-content:center}}.add-to-home-button{display:inline-flex;align-items:center;background-color:#007bff;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .2s ease-in-out,transform .2s ease-in-out;box-shadow:0 2px 6px rgba(0,123,255,.3);margin-bottom:1.5rem}.add-to-home-button:hover{background-color:#0056b3;transform:translateY(-2px)}.add-to-home-button svg{width:20px;height:20px;margin-right:.5rem;fill:currentColor}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.modal-overlay.show{opacity:1;visibility:visible}.modal-content{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 8px 24px rgba(0,0,0,.3);max-width:500px;width:90%;position:relative;transform:translateY(20px);transition:transform .3s ease-in-out}.modal-overlay.show .modal-content{transform:translateY(0)}.modal-close-button{position:absolute;top:1rem;right:1rem;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280}.modal-content h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;text-align:center}.modal-content ol{list-style:decimal;padding-left:1.5rem;margin-bottom:1.5rem}.modal-content ol li{margin-bottom:.75rem;color:#374151;line-height:1.6}.modal-content ol li strong{color:#007bff}.modal-content .tip{background-color:#e0f2f7;border-left:4px solid #007bff;padding:1rem;border-radius:.5rem;font-size:.9rem;color:#374151;margin-top:1.5rem}.suspension-main-card{background-color:#fff!important;border-radius:1.5rem!important;box-shadow:0 10px 30px rgba(0,0,0,.08)!important;padding:1.2rem!important;margin-bottom:1.5rem!important;border-top:6px solid #e03131!important;text-align:center!important}.suspension-main-card h2{color:#c62828!important;margin-top:0!important;margin-bottom:1.2rem!important;font-size:1.5rem!important;font-weight:900!important;letter-spacing:2px}.suspension-item{background-color:#f8fafc!important;border-radius:10px!important;padding:.8rem 1rem!important;margin-bottom:.8rem!important;border:1px solid #f1f5f9!important;border-left:4px solid #cbd5e1!important;text-align:left!important}.suspension-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.suspension-item .date{font-weight:700!important;color:#94a3b8!important;font-size:.85rem!important}.announcement-content{font-size:.95rem!important;color:#475569!important;font-weight:700!important;line-height:1.5!important;white-space:normal!important;margin-bottom:0!important}.footer-source{margin-top:5px!important;padding-top:5px!important}.suspension-main-card .footer-source{font-size:.75rem!important;color:#94a3b8!important;margin-top:1rem}.status-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-weight:800;font-size:.8rem;letter-spacing:.5px;border:1px solid transparent}.status-tag.danger{background-color:#fee2e2;color:#dc2626;border-color:#fecaca}.status-tag.info{background-color:#dcfce7;color:#16a34a;border-color:#bbf7d0}.status-tag.warning{background-color:#ffedd5;color:#ea580c;border-color:#fed7aa}.status-tag.adjust{background-color:#f3e8ff;color:#7e22ce;border-color:#e9d5ff}.status-tag.resume{background-color:#ecfeff;color:#0891b2;border-color:#cffafe}@media (min-width:1024px){.container{max-width:900px;padding:1.5rem 2rem}.grid-cols-1-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))}.header-image-container{height:300px}}.utility-section{box-shadow:0 4px 12px rgba(0,0,0,.1);text-align:center}.utility-section h2{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.more-about-me-button{display:inline-flex;align-items:center;background:linear-gradient(45deg,#20bf55,#01baef);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;margin-top:1rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 2px 6px rgba(32,191,85,.4)}.warning-section{background-color:#fffbeb;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:2rem;margin-top:2rem;margin-bottom:1.5rem;text-align:center;border:2px solid #f59e0b;color:#d97706}.warning-section h2{font-size:2rem;font-weight:700;color:#d97706;margin-bottom:1rem}.warning-section p{font-size:1.1rem;line-height:1.6;margin-bottom:.5rem}.weather-section{padding:20px;background-color:#ffffffa8;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;margin-top:2rem;margin-bottom:1.5rem}.section-title{font-size:2rem;font-weight:700;color:#000;margin-top:0;margin-bottom:1.5rem;padding-bottom:10px;border-bottom:2px solid;border-image:linear-gradient(to right,transparent,#007bff,transparent) 4;text-align:center;width:100%}.weather-card{background-color:#62b6fa;border-radius:10px;padding:15px;box-shadow:0 2px 5px rgba(216,212,212,.1)}.weather-card-header{margin-bottom:15px}.weather-card-header h2{margin:0;font-size:1.2rem;color:#000}.temperature{display:flex;align-items:center;margin-bottom:15px}.weather-icon{width:64px;height:64px}.temperature span{font-size:2.5rem;font-weight:700;margin-left:10px}.weather-details{display:flex;justify-content:space-between;margin-bottom:10px}.air-quality,.weather-details span{color:#000}:root{--nav-h:58px}#nav-fixed{position:fixed;top:0;left:0;width:100%;height:var(--nav-h);z-index:10000;background:rgba(0,0,0,.25);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:background .3s,box-shadow .3s}#nav-fixed.scrolled{background:rgba(0,40,80,.7);box-shadow:0 4px 20px rgba(0,0,0,.3)}.nav-container{width:min(94%,1080px);display:flex;justify-content:space-between;align-items:center}.nav-logo{height:50px;transition:transform .3s}.nav-logo:hover{transform:scale(1.06)}.nav-right{display:flex;gap:1.5rem}.nav-right a{color:#fff;font-weight:700;font-size:1.05rem;text-decoration:none;padding:6px 16px;border-radius:50px;transition:.2s ease-in-out}.nav-right a:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}@media (max-width:768px){#nav-fixed{height:75px}.nav-logo{height:58px}.nav-right{gap:1rem}.nav-right a{font-size:1rem;padding:8px 10px}}#visitor-count{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;background:rgba(30,41,59,.8);color:#fff;font-size:.95rem;font-weight:700;border-radius:50px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);margin:2rem auto;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:.3s;cursor:default}#visitor-count[hidden]{display:none}#visitor-count:hover{background:rgba(30,41,59,.95);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}@keyframes fadeInData{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.visitor-loaded{animation:.5s forwards fadeInData}.ticket-info{color:#1f2937}.ticket-info ul{list-style:disc;margin-left:1.5rem;margin-bottom:.5rem}.ticket-info li{margin-bottom:.3rem}.ticket-info strong{color:#e03131}.ticket-info p{margin:4px 0}#current-taiwan-time{letter-spacing:.5px;text-shadow:0 0 6px rgba(255,255,255,.6);box-shadow:inset 0 0 10px rgba(255,255,255,.2),0 2px 8px rgba(0,0,0,.15);backdrop-filter:blur(6px);transition:.3s}#current-taiwan-time:hover{background:rgba(255,255,255,.35);transform:scale(1.03)}.ferry-selector{background:rgba(255,255,255,.623);border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:1.5rem;margin-bottom:2rem;text-align:center;backdrop-filter:blur(6px)}.ferry-selector h2{font-size:1.8rem;color:#01103b;margin-bottom:1rem;font-weight:700}.selector-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.ferry-btn{font-size:1rem;box-shadow:0 3px 6px rgba(0,0,0,.15)}.ferry-btn[data-company="藍白航運"]{background:linear-gradient(45deg,#3498db,#2980b9)}.ferry-btn[data-company="泰富航運"]{background:linear-gradient(45deg,#f39c12,#e67e22)}.ferry-btn[data-company="東琉線聯營"]{background:linear-gradient(45deg,#7f8c8d,#95a5a6)}.ferry-btn[data-company="大福航運"]{background:linear-gradient(45deg,#2c3e50,#34495e)}.ferry-btn[data-company="琉興公司"]{background:linear-gradient(45deg,#6c7a89,#8d9aab)}.ferry-btn:hover{filter:brightness(1.15)}.ferry-btn:active{transform:scale(.95);filter:brightness(.9)}@media (max-width:768px){.ferry-btn{font-size:.9rem;padding:.5rem 1rem}}.ferry-btn.active{box-shadow:0 0 12px rgba(255,255,255,.8),0 0 6px rgba(0,0,0,.3);transform:scale(1.1);filter:brightness(1.2)}.temp-section{position:relative;background:linear-gradient(135deg,#cbe7ff 0,#e3f2fd 100%);border-radius:1.5rem;padding:2rem;text-align:center;box-shadow:0 6px 20px rgba(0,64,128,.15);overflow:hidden;margin:2rem auto;max-width:680px;animation:.8s ease-in-out fadeIn}.temp-section::before{content:"";position:absolute;bottom:0;left:0;width:200%;height:120%;background:url('https://liuqiunow.pages.dev/assets/wave-bg.svg') 0 0/contain repeat-x;animation:12s linear infinite waveMove;opacity:.12}.temp-section h2{color:#1565c0;font-size:1.9rem;font-weight:800;letter-spacing:1px;margin-bottom:.5rem;text-shadow:0 2px 6px rgba(255,255,255,.6)}.temp-section p{font-size:1.1rem;color:#0d47a1;margin-bottom:1rem}.loading-dots{display:flex;justify-content:center;gap:8px;margin-top:1rem}.loading-dots span{width:12px;height:12px;background:linear-gradient(135deg,#42a5f5,#1565c0);border-radius:50%;box-shadow:0 0 8px rgba(21,101,192,.5);animation:1.2s ease-in-out infinite dotPulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,100%,80%{transform:scale(.85);opacity:.6}40%{transform:scale(1.3);opacity:1}}@keyframes waveMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body{padding-top:var(--nav-h);font-family:Inter,'Noto Sans TC',sans-serif;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-color:rgba(224,242,247,.8);min-height:100vh;padding-top:65px;display:flex;flex-direction:column;background-image:url('assets/IMG_1606.avif')}.container{max-width:1200px;margin:0 auto;padding:1rem}nav{display:flex;justify-content:space-between;align-items:center;background-color:rgba(10,109,202,.85);padding:.5rem 2rem;position:fixed;top:0;width:100%;z-index:1000;backdrop-filter:blur(10px)}.header-image-container{overflow:hidden;border-radius:0 0 3rem 3rem;display:flex;align-items:center;justify-content:center}.next-ferry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin:20px 0}.next-ferry-card{background:linear-gradient(145deg,#345d9e,#0d172e);border-radius:28px;padding:25px;color:#fff;box-shadow:0 20px 40px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);transition:transform .3s}@keyframes pulse-urgent{0%{box-shadow:0 0 0 0 rgba(245,158,11,.5)}70%{box-shadow:0 0 0 15px rgba(245,158,11,0)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}}.next-ferry-card.is-urgent{border:2px solid #071c53}.next-ferry-card.is-urgent .countdown-box{background:snow;animation:2s infinite pulse-urgent}.next-ferry-label{font-size:1.1rem;font-weight:800;margin-bottom:20px;display:flex;align-items:center;gap:10px}@media (min-width:1024px){body{background-image:url('assets/DSC_1850.avif')}.next-ferry-card .next-ferry-label{font-size:20px!important;font-weight:800!important;line-height:1.4!important}}.next-ferry-label::before{content:"";width:4px;height:18px;background:#3b82f6;border-radius:10px}.next-item{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;background:rgba(255,255,255,.05);padding:20px;border-radius:20px}.time-main{font-size:3.2rem;font-weight:900;letter-spacing:-1px;line-height:1}.countdown-box{display:inline-flex;align-items:baseline;gap:4px;background:#f59e0b;color:#000;padding:4px 12px;border-radius:10px;font-weight:800;margin-top:8px}.next-ferry-main-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.time-main small{font-size:.95rem;letter-spacing:0}.voyage-estimate{margin-top:16px;padding:14px 16px;border-radius:14px;background:rgba(4,15,38,.5);border-left:4px solid #60a5fa;line-height:1.55}.voyage-estimate--good{border-left-color:#4ade80}.voyage-estimate--watch{border-left-color:#fbbf24}.voyage-estimate--rough{border-left-color:#fb7185}.arrival-time{font-size:1.18rem;font-weight:900}.voyage-duration{font-weight:800;color:#dbeafe}.sea-condition-text{margin-top:4px;color:#bfdbfe;font-size:.9rem}.voyage-disclaimer{display:flex;justify-content:center;text-align:center;flex-wrap:wrap;gap:6px 10px;margin-top:7px;color:#cbd5e1;font-size:.78rem}.voyage-disclaimer a{color:#93c5fd;font-weight:800;text-decoration:underline;text-underline-offset:2px}@media (max-width:480px){#visitor-count{font-size:.85rem;padding:6px 16px}.next-ferry-main-row{align-items:flex-start}.time-main small{font-size:.78rem}.voyage-estimate{padding:12px}.arrival-time{font-size:1.05rem}.sea-condition-text{font-size:.82rem}.voyage-disclaimer{display:block}.voyage-disclaimer span{display:block;margin-top:4px}}.company-list{display:flex;flex-direction:column;gap:8px}.company-card{background-color:#fff;border-radius:1.5rem;box-shadow:0 10px 25px rgba(0,0,0,.1);padding:1.2rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.company-title-block{color:#fff;padding:1rem;border-radius:1rem;text-align:center;font-size:1.4rem;font-weight:800;margin-bottom:1rem;box-shadow:0 4px 10px rgba(0,0,0,.15)}.facebook-link{display:flex;align-items:center;justify-content:center;margin-top:15px;padding:10px;background:rgba(24,119,242,.1);color:#1877f2;border:1px solid #1877f2;border-radius:50px;text-decoration:none;font-weight:700;font-size:.9rem;transition:.3s}.facebook-link:hover{background:#1877f2;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(24,119,242,.3)}.schedule-table{width:100%;border-collapse:collapse}.schedule-table td,.schedule-table th{padding:.75rem;border-bottom:1px solid #f1f5f9}.next-ferry-time{background-color:#dcfce7;font-weight:700;color:#166534;border-radius:8px}.ticket-info{margin-top:15px;padding:12px;border-left:4px solid #3b82f6;background:#f8fafc;border-radius:8px;font-size:.85rem;line-height:1.6}.ferry-btn{color:#fff;font-weight:700;border-radius:50px;padding:.6rem 1.2rem;transition:.3s;border:none;cursor:pointer}.ferry-btn:hover{transform:scale(1.05);filter:brightness(1.1)}@media (max-width:768px){.next-ferry-card .next-ferry-label{font-size:17px!important;font-weight:800!important}.time-main{font-size:2.6rem}.next-ferry-grid{grid-template-columns:1fr}}.company-card-app{background:#fff;border-radius:24px;padding:20px;margin-bottom:15px;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid #f1f5f9}.company-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;width:100%;margin-top:18px}.company-action-grid>.btn-primary,.company-action-grid>.btn-secondary,.company-action-grid>.facebook-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0 8px!important;box-sizing:border-box!important;font-size:.9rem!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;border-radius:10px!important}.company-action-grid>.btn-primary{border:1px solid transparent!important}.company-action-grid>.btn-secondary,.company-action-grid>.facebook-link{border:1px solid #dbeafe!important}.company-action-grid>a i,.company-action-grid>a svg,.company-action-grid>button i,.company-action-grid>button svg{width:14px!important;height:14px!important;font-size:14px!important;flex:0 0 14px!important}.company-action-grid .btn-primary{color:#fff;border:1px solid transparent;background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%)}.company-action-grid .btn-secondary,.company-action-grid .facebook-link{height:52px;margin:0!important;color:#1d4ed8;border:1px solid #dbeafe;background:#eff6ff}.company-action-grid i,.company-action-grid svg{flex:0 0 auto;width:1rem;height:1rem;font-size:1rem}.company-action-grid .btn-primary:hover,.company-action-grid .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 7px 14px rgba(37,99,235,.18)}@media (max-width:480px){.company-action-grid{gap:8px;margin-top:14px}.company-action-grid .btn-primary,.company-action-grid .btn-secondary,.company-action-grid .facebook-link{height:48px;padding:0 6px;font-size:.9rem;border-radius:12px}.company-action-grid i,.company-action-grid svg{width:.9rem;height:.9rem;font-size:.9rem}}.utility-section{background-color:rgba(255,255,255,.95);border-radius:1.5rem;padding:1.5rem;margin:1.5rem auto;box-shadow:0 8px 32px rgba(0,0,0,.08);border:1px solid rgba(226,232,240,.8);backdrop-filter:blur(10px);width:95%;max-width:500px}.utility-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.utility-card{display:flex;flex-direction:row;align-items:center;padding:.85rem 1rem;background:#f8fafc;border-radius:1.25rem;border:1px solid #f1f5f9;cursor:pointer;transition:.2s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent}.utility-card:active{transform:scale(.97);background-color:#f1f5f9}.utility-icon-wrapper{width:48px;height:48px;min-width:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-right:1rem;box-shadow:0 4px 12px rgba(0,0,0,.05)}.utility-info{text-align:left;flex-grow:1}.utility-info h3{font-size:1.05rem;font-weight:800;color:#0f172a;margin:0;line-height:1.2}.utility-info p{font-size:.8rem;color:#64748b;margin:4px 0 0;line-height:1.4}body,html{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}@media (max-width:480px){.container{padding:.5rem!important}.time-main{font-size:1.8rem!important;font-weight:800;letter-spacing:-1px;white-space:nowrap}.countdown-box{padding:2px 8px!important;font-size:.75rem!important;border-radius:6px!important}.company-tag{font-size:1rem!important;line-height:1.1}.next-item{padding:12px 15px!important;gap:10px}.company-title-block{font-size:1.1rem!important;padding:.6rem!important;border-radius:.8rem!important}.schedule-table td,.schedule-table th{padding:.4rem .2rem!important;font-size:.8rem!important;font-weight:500!important}.contact-info,.notes,.ticket-info{font-size:.7rem!important;margin-top:8px!important;line-height:1.4!important}.ticket-info p{margin:2px 0!important}.company-buttons{gap:6px!important}.facebook-link,.open-schedule-btn{padding:8px 12px!important;font-size:.8rem!important;border-radius:10px!important}#announcement-img:not([src]){display:none}}.schedule-table td,.schedule-table th{width:50%;text-align:center}.weather-sidebar-card{display:none!important}@media (min-width:1024px){.utility-section{display:none!important}.weather-sidebar-card{display:block!important;background:#fff;border-radius:1.5rem;padding:1.2rem;box-shadow:0 10px 25px rgba(0,0,0,.05);border:1px solid #f1f5f9;margin-bottom:20px}.sidebar-sub-title{font-size:1.1rem;font-weight:800;color:#334155;margin-bottom:12px;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.weather-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.weather-big-icon{font-size:3rem}.current-t{font-size:2rem;font-weight:900;color:#1e293b}.feel-t{font-size:.85rem;color:#64748b}.desc-pill{display:inline-block;background:#3b82f6;color:#fff;padding:2px 10px;border-radius:20px;font-size:.8rem;margin-top:5px;font-weight:700}.weather-forecast-box{background:#fdf2f2;padding:10px;border-radius:12px;border-left:4px solid #ef4444;margin-bottom:15px}.weather-forecast-title{font-size:.8rem;font-weight:800;color:#991b1b;margin-bottom:4px;display:flex;gap:5px}.weather-forecast-text{font-size:.85rem;line-height:1.5;color:#7f1d1d}.weather-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.weather-stats-grid .info{background:#f8fafc;display:flex;flex-direction:column;align-items:center;padding:6px;border-radius:10px;border:1px solid #eef2f6}.weather-stats-grid .info i{font-size:1rem;margin-bottom:3px}.stat-val{font-size:.9rem;font-weight:800;color:#0f172a}.weather-stats-grid small{font-size:.7rem;color:#64748b;font-weight:500}}.main-header-box{margin-top:20px!important;margin-bottom:5px!important}.header-oval-container{width:100%;position:relative;border-radius:1.5rem;overflow:hidden;background:#000;border:4px solid #fff;box-sizing:border-box;box-shadow:0 10px 30px rgba(0,0,0,.15)!important}.header-image-container{position:relative;width:100%;height:220px;display:flex;align-items:center;justify-content:center}.header-image-container img{object-fit:cover;filter:brightness(60%);width:100%;height:100%;object-fit:cover;filter:brightness(55%) contrast(110%)}.header-content{position:absolute;width:100%;text-align:center;color:#fff;z-index:10}.header-content h1{font-size:3.5rem!important;font-weight:700!important;line-height:1.25}.header-content p{font-size:.95rem!important;margin-top:8px;opacity:.95;line-height:1.5}#current-taiwan-time{font-family:"Noto Sans TC",sans-serif;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);letter-spacing:1px;display:inline-block;background:#3f4043a6;color:#fff!important;padding:4px 15px!important;border-radius:30px;font-size:.85rem!important;font-weight:800!important;margin-top:10px;box-shadow:0 4px 12px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}@media (min-width:641px) and (max-width:1023px){#cloud-announcement-text{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}#cloud-announcement-text>.suspension-item{width:100%!important;min-width:0!important;margin:0!important}}@media (min-width:1024px){main>.suspension-main-card #cloud-announcement-text{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;width:100%!important}main>.suspension-main-card #cloud-announcement-text>.suspension-item{width:100%!important;min-width:0!important;height:100%!important;margin:0!important;box-sizing:border-box!important}.container{max-width:1100px!important}.header-oval-container{border-radius:120px!important;border-width:5px}.header-image-container{height:360px!important}.header-content h1{font-size:4.5rem!important}.header-content p{font-size:1.2rem!important;font-weight:600!important;opacity:1!important;margin-top:15px!important;line-height:1.6!important}main.container{margin-top:5px!important}}@media (max-width:768px){.header-oval-container{border-radius:3.5rem}.header-content h1{font-size:1.6rem!important}}@media (min-width:1024px){.container{max-width:1100px!important}.header-oval-container{border-radius:2rem!important;border:4px solid #fff}.header-image-container{height:230px!important}.header-content h1{font-size:2.5rem!important}.header-content p{font-size:1.85rem}main.container{margin-top:15px!important}}@media (max-width:480px){.header-content h1{font-size:1.5rem!important}}@media (min-width:1024px){html{font-size:13px!important}.container{max-width:1350px!important;margin:0 auto!important;padding:0 10px!important}.header-oval-container{height:220px!important;border-radius:4rem!important;border:4px solid #fff!important;box-shadow:0 10px 25px rgba(0,0,0,.08)!important;max-width:100%!important;margin:0 auto!important;overflow:hidden;position:relative}.company-selector-panel{display:none!important}main.container{display:grid!important;grid-template-columns:280px 1fr!important;column-gap:25px!important;row-gap:20px!important;align-items:start!important;margin-top:25px!important;padding-bottom:3rem!important}.ferry-selector{grid-column:1/3!important;grid-row:2!important}main>section.mb-8{grid-column:2/3!important;grid-row:3/span 5!important}.download-section{grid-column:2/3!important;grid-row:8!important}main>#announcement-section,main>.suspension-main-card{grid-column:1/3!important;grid-row:1!important}.weather-sidebar-card{grid-column:1/2!important;grid-row:2!important;display:block!important}.author-section{grid-column:1/2!important;grid-row:3!important}.author-section,.suspension-main-card,.weather-sidebar-card,section{padding:1.5rem!important;margin:0!important;background:#fff!important;border-radius:1.2rem!important;border:1px solid #f1f5f9!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)!important}#company-schedules-display{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}.company-title-block{font-size:1.4rem!important;font-weight:900!important;padding:10px!important}.ticket-info{font-size:1rem!important;font-weight:500!important;background:#f8fafc!important;border-radius:12px!important;padding:15px!important;margin-bottom:15px!important;border-left:5px solid #3b82f6!important;line-height:1.7!important;text-align:left!important;min-height:180px}.ticket-info strong{font-size:1.15rem!important;color:#ef4444!important;font-weight:600!important;display:block;margin-bottom:8px}.schedule-table td,.schedule-table th{padding:8px 4px!important;font-size:1rem!important;font-weight:800!important;color:#1e293b!important}.btn-primary,.btn-secondary,.facebook-link,.open-schedule-btn{font-size:1rem!important;font-weight:800!important;padding:12px!important}.next-ferry-grid{grid-template-columns:1fr 1fr!important;gap:15px!important}.time-main{font-size:2.2rem!important;letter-spacing:-1px}.desktop-hidden,.selector-buttons,.utility-section{display:none!important}.download-section img{max-width:850px!important;border-radius:1rem!important}#boarding,#faq,#schedule{grid-column:2/3!important}#faq{grid-row:5!important}#boarding{grid-row:4!important}#schedule{grid-row:3!important}.author-section,.weather-sidebar-card{grid-column:1/2!important;grid-row:3!important}.sponsor-callout--mobile{grid-column:1/2!important;grid-row:8!important}}.info-section{margin-bottom:2rem;padding:2rem;background:rgba(255,255,255,.96);border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 8px 24px rgba(15,23,42,.08)}.info-section>h2{margin-bottom:.75rem;color:#172554;font-size:1.75rem;font-weight:800;text-align:center}.section-intro{max-width:800px;margin:0 auto 1.5rem;color:#475569;font-size:1rem;line-height:1.8;text-align:center}.info-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.info-card{padding:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem}.info-card h3{margin-bottom:.5rem;color:#1e3a8a;font-size:1.15rem;font-weight:800}.info-card li,.info-card p{color:#475569;line-height:1.7}.info-card ul{margin:.75rem 0;padding-left:1.25rem}.info-card a{display:inline-flex;margin-top:.5rem;color:#1d4ed8;font-weight:700}.info-notice{margin-top:1rem;padding:.875rem 1rem;color:#92400e;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:.75rem}.boarding-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;padding:0;list-style:none}.boarding-steps li{padding:1rem;background:#f8fafc;border-radius:1rem}.step-number{display:inline-grid;width:2rem;height:2rem;margin-bottom:.75rem;color:#fff;background:#2563eb;border-radius:50%;place-items:center;font-weight:800}.boarding-steps h3{color:#1e293b;font-weight:800}.boarding-steps p{margin-top:.35rem;color:#64748b;line-height:1.6}.faq-list{max-width:850px;margin:0 auto}.faq-list details{margin-bottom:.75rem;padding:1rem 1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem}.faq-list summary{color:#1e293b;font-size:1.08rem;font-weight:800;cursor:pointer}.faq-list details p{margin-top:.75rem;color:#475569;font-size:1.02rem;line-height:1.8}@media (max-width:768px){.info-section{padding:1.25rem;border-radius:1.25rem}.info-section>h2{font-size:1.4rem}.section-intro{text-align:left}.boarding-steps,.info-card-grid{grid-template-columns:1fr}.boarding-steps li{display:flex;gap:.875rem}.step-number{flex:0 0 2rem;margin-bottom:0}}.ferry-selector>.suspension-main-card{width:100%;margin:0 0 1.5rem!important}.ferry-selector #cloud-announcement-text{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ferry-selector #cloud-announcement-text .suspension-item{width:100%;margin:0}@media (max-width:900px){.ferry-selector #cloud-announcement-text{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){#cloud-announcement-text{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}#cloud-announcement-text>.suspension-item{width:100%!important;margin:0!important}.ferry-selector #cloud-announcement-text{grid-template-columns:1fr}:root{--nav-height:54px}#nav-fixed{height:54px!important}.nav-container{width:calc(100% - 28px);height:54px}.nav-logo{width:auto!important;height:40px!important}.nav-right{gap:18px!important}.nav-right a{font-size:.82rem!important;font-weight:700!important;letter-spacing:0!important}body{padding-top:54px!important}}#cloud-announcement-text .announcement-image-wrap{min-width:0}#cloud-announcement-text .announcement-image-wrap img{object-fit:cover}@media (min-width:901px){#cloud-announcement-text[data-count="1"]{display:grid!important;grid-template-columns:1fr!important;gap:0!important}#cloud-announcement-text[data-count="1"]>.suspension-item{display:grid!important;grid-template-columns:minmax(250px,0.8fr) minmax(380px,1.2fr);grid-template-rows:auto auto 1fr;gap:.5rem 1.25rem;width:100%!important;margin:0!important;align-items:start}#cloud-announcement-text[data-count="1"] .announcement-content,#cloud-announcement-text[data-count="1"] .announcement-title,#cloud-announcement-text[data-count="1"] .suspension-header{grid-column:1}#cloud-announcement-text[data-count="1"] .announcement-image-wrap{grid-column:2;grid-row:1/span 3;width:100%;height:260px;margin:0!important}#cloud-announcement-text[data-count="2"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important}#cloud-announcement-text[data-count="2"]>.suspension-item{display:grid!important;grid-template-columns:minmax(150px,0.9fr) minmax(200px,1.1fr);grid-template-rows:auto auto 1fr;gap:.45rem 1rem;width:100%!important;min-width:0!important;margin:0!important;align-items:start}#cloud-announcement-text[data-count="2"] .announcement-content,#cloud-announcement-text[data-count="2"] .announcement-title,#cloud-announcement-text[data-count="2"] .suspension-header{grid-column:1}#cloud-announcement-text[data-count="2"] .announcement-image-wrap{grid-column:2;grid-row:1/span 3;width:100%;height:220px;margin:0!important}#cloud-announcement-text[data-count="3"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important;align-items:stretch}#cloud-announcement-text[data-count="3"]>.suspension-item{display:block!important;width:100%!important;min-width:0!important;height:100%!important;margin:0!important}#cloud-announcement-text[data-count="3"] .announcement-image-wrap{width:100%;height:300px;margin:.75rem 0 0!important}}#cloud-announcement-text .suspension-item:not(:has(.announcement-image-wrap)){display:block!important}@media (max-width:900px){#cloud-announcement-text{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important}#cloud-announcement-text>.suspension-item{display:block!important;width:100%!important;margin:0!important}#cloud-announcement-text .announcement-image-wrap{width:100%;height:auto;margin:.75rem 0 0!important}#cloud-announcement-text .announcement-image-wrap img{width:100%!important;height:auto!important;max-height:520px;object-fit:contain}}@media (min-width:901px){#cloud-announcement-text:has(
> .suspension-item:first-child:last-child
){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:1rem!important}#cloud-announcement-text:has(
> .suspension-item:nth-child(2):last-child
){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important}#cloud-announcement-text:has(
> .suspension-item:nth-child(3)
){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important}#cloud-announcement-text>.suspension-item{width:100%!important;min-width:0!important;height:100%!important;margin:0!important;box-sizing:border-box!important}}#cloud-announcement-text .announcement-image-wrap{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;overflow:visible!important;background:#eef2f7;border-radius:12px}#cloud-announcement-text .announcement-image-wrap img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important;border-radius:12px!important}.company-list{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-end;gap:9px;text-align:right}.company-tag{display:flex;align-items:center;justify-content:flex-end;gap:8px;max-width:100%;color:#fff;font-size:1.35rem;font-weight:800;line-height:1.25;text-align:right}.company-name{min-width:0;color:#fff;font-weight:900;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.25)}.company-last-ferry-badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:5px;min-height:25px;padding:5px 9px;box-sizing:border-box;color:#fff;font-size:1.2rem;font-weight:900;line-height:1;white-space:nowrap;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:linear-gradient(135deg,#ff4d4f 0,#dc2626 55%,#b91c1c 100%);box-shadow:0 4px 10px rgba(220,38,38,.32),inset 0 1px 0 rgba(255,255,255,.2)}.company-last-ferry-badge i{font-size:.82rem}.next-ferry-card.has-last-ferry{box-sizing:border-box;border:4px solid #ef4444!important}@media (max-width:640px){.next-item{gap:12px!important;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.07)}.company-list{gap:8px}.company-tag{flex-wrap:nowrap;gap:7px;font-size:1.06rem!important;line-height:1.3}.company-name{white-space:nowrap}.company-last-ferry-badge{min-height:23px;padding:4px 7px;font-size:.92rem!important;border-width:1px;box-shadow:0 3px 8px rgba(220,38,38,.4),inset 0 1px 0 rgba(255,255,255,.18)}.company-last-ferry-badge i{font-size:.65rem!important}}.no-more-ferry{padding:24px;color:#cbd5e1;text-align:center;font-weight:800}@media (max-width:640px){.company-tag{gap:5px}.company-last-ferry-badge{padding:3px 6px;font-size:.62rem}.company-last-ferry-badge i{font-size:.56rem}}.company-card.is-suspended{border-color:#e2e8f0}.company-card.is-suspended .company-title-block h3{display:flex;align-items:center;justify-content:center;gap:8px}.suspension-title-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;color:#b91c1c;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:#fee2e2}.suspension-title-badge i{font-size:9px}.suspension-table-note{display:flex;align-items:flex-start;gap:6px;margin-top:10px;padding:9px 10px;color:#b91c1c;font-size:12px;font-weight:700;line-height:1.5;border-radius:9px;background:#fff1f2}.suspension-table-note i{flex:0 0 auto;margin-top:3px;font-size:11px}.company-card.is-suspended .next-ferry-time{color:inherit!important;font-weight:inherit!important;background:0 0!important}@media (max-width:640px){.suspension-title-badge{padding:3px 7px;font-size:10px}.suspension-table-note{font-size:11px}}.fare-card{margin-top:14px;padding:14px;color:#0f172a;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:14px;background:#f8fafc}.fare-card *{box-sizing:border-box}.fare-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.fare-card-icon{display:flex;flex:0 0 34px;align-items:center;justify-content:center;width:34px;height:34px;color:#fff;border-radius:10px;background:#3b82f6}.fare-card-header h4{margin:0;color:#172554;font-size:15px;font-weight:900;line-height:1.3}.fare-card-header p{margin:2px 0 0;color:#64748b;font-size:10px}.fare-section{padding:10px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.fare-section+.fare-section{margin-top:9px}.fare-section-title{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding-bottom:6px;color:#1d4ed8;font-size:12px;font-weight:900;border-bottom:1px solid #e2e8f0}.fare-section-title i{width:14px;text-align:center}.fare-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:29px;padding:4px 0}.fare-row+.fare-row{border-top:1px dashed #e2e8f0}.fare-row-label{display:flex;align-items:center;gap:5px;min-width:0;color:#334155;font-size:12px;font-weight:700}.fare-row-label small{padding:2px 5px;color:#9a3412;font-size:9px;font-weight:800;white-space:nowrap;border-radius:999px;background:#ffedd5}.fare-row-price{display:flex;flex:0 0 auto;align-items:baseline;gap:2px;color:#64748b;font-size:9px}.fare-row-price strong{color:#0f172a;font-size:14px;font-weight:900}.fare-unavailable{display:flex;align-items:center;gap:9px;margin-top:9px;padding:10px;color:#64748b;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.fare-unavailable>i{color:#ef4444;font-size:16px}.fare-unavailable div{display:flex;flex-direction:column;gap:2px}.fare-unavailable strong{color:#334155;font-size:12px;font-weight:900}.fare-unavailable span{color:#94a3b8;font-size:9px;line-height:1.4}.fare-card-reminder{margin:9px 0 0;color:#94a3b8;font-size:9px;line-height:1.5}@media (max-width:640px){.fare-card{padding:12px}.fare-section{padding:9px}.fare-row-label{font-size:11px}.fare-row-price strong{font-size:13px}}@media (min-width:1024px){.fare-row-label small{padding:3px 7px!important;color:#9a3412!important;font-size:.92rem!important;font-weight:600!important;line-height:1.1!important;border-radius:999px;background:#ffedd5!important}#company-schedules-display{align-items:stretch!important}#company-schedules-display>.company-card{margin-bottom:0!important;box-sizing:border-box}#company-schedules-display>.company-card:not(.company-card--liuxing) .company-action-grid{margin-top:auto!important}#company-schedules-display>.company-card--liuxing{grid-column:span 2!important;display:flex!important;flex-direction:column;align-self:stretch!important;height:100%!important}.company-card--liuxing .company-title-block{flex:0 0 auto;width:100%}.liuxing-card-layout{display:grid;flex:1;grid-template-columns:minmax(0,1fr) minmax(260px,0.9fr);align-items:stretch;gap:16px;width:100%;min-height:0}.liuxing-main-column{display:flex;flex-direction:column;min-width:0}.liuxing-main-column .suspension-table-note{flex:0 0 auto;width:100%;margin:0 0 12px}.liuxing-main-column .schedule-table{flex:0 0 auto!important;width:100%;height:auto!important;margin:0}.liuxing-main-column .notes{flex:0 0 auto;width:100%;margin:14px 0 0!important;text-align:left}.liuxing-main-column .contact-info{flex:0 0 auto;width:100%;margin:8px 0 0!important;text-align:left}.liuxing-fare-column{display:flex;flex-direction:column;min-width:0;height:100%}.liuxing-fare-column .fare-card{flex:0 0 auto;width:100%;height:auto!important;margin:0!important}.liuxing-fare-column .company-action-grid{flex:0 0 auto;width:100%;margin-top:auto!important;padding-top:14px!important}main>#ferry-live-section{grid-column:1/-1!important;grid-row:3!important}main>#schedule,main>.author-section{grid-row:4!important}main>#boarding{grid-row:5!important}main>#faq{grid-row:6!important}}@media (max-width:1023px){#company-schedules-display>.company-card--liuxing{grid-column:auto!important;display:flex!important;flex-direction:column;height:auto!important}.liuxing-card-layout{display:flex;flex-direction:column;width:100%}.liuxing-fare-column{margin-top:14px}.liuxing-fare-column .fare-card{width:100%;margin:0!important}.liuxing-fare-column .company-action-grid{margin-top:14px!important;padding-top:0!important}}.sea-condition-warning{margin:12px 0;padding:12px 14px;border:1px solid #fed7aa;border-radius:12px;background:#fffaf0}.sea-condition-warning p{margin:5px 0;line-height:1.65}.sea-info-link{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;color:#0369a1;font-weight:800;text-decoration:none;border:1px solid #bae6fd;border-radius:10px;background:#f0f9ff}.sea-info-link:hover{color:#fff;background:#0284c7}.sea-info-link .fa-arrow-up-right-from-square{font-size:9px}.faq-reminder{color:#64748b;font-size:.9rem}html{scroll-behavior:smooth}.faq-top-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;padding:10px 14px;color:#fff;font-size:.9rem;font-weight:800;line-height:1;text-decoration:none;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 10px rgba(37,99,235,.2);transition:.2s}.faq-top-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 7px 15px rgba(37,99,235,.28)}.faq-top-button .fa-arrow-up{font-size:.75rem}@media (min-width:961px){.suspension-main-card #cloud-announcement-text[data-count="3"]:has(> .has-image){display:grid!important;grid-template-columns:minmax(260px,0.72fr) minmax(0,1.48fr)!important;grid-template-rows:auto auto!important;grid-auto-columns:0!important;grid-auto-flow:row!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:16px!important;align-items:start!important;justify-items:stretch!important}.suspension-main-card #cloud-announcement-text[data-count="3"]>.text-only{grid-column:1!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;align-self:start!important}.suspension-main-card #cloud-announcement-text[data-count="3"]>.has-image{grid-column:2!important;grid-row:1/span 2!important;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(220px,0.75fr)!important;gap:22px!important;align-items:start!important;width:100%!important;max-width:100%!important;min-width:0!important;height:fit-content!important;min-height:0!important;padding:16px!important;align-self:start!important;overflow:hidden!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1.08fr) minmax(240px,0.92fr)!important;gap:24px!important}.suspension-main-card #cloud-announcement-text[data-count="3"]>.has-image .announcement-image-wrap{grid-column:1!important;grid-row:1!important;display:block!important;min-width:0!important;height:auto!important;min-height:0!important;padding:0!important;overflow:hidden!important;border-radius:12px!important;box-sizing:border-box!important}.suspension-main-card #cloud-announcement-text[data-count="3"]>.has-image .announcement-image-wrap img{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:top center!important;border-radius:12px!important;max-height:510px!important;cursor:zoom-in!important}.suspension-main-card #cloud-announcement-text[data-count="3"]>.has-image .announcement-body{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:4px 0 0!important;align-self:start!important;overflow-wrap:anywhere!important;box-sizing:border-box!important}.suspension-main-card #cloud-announcement-text[data-count="3"]>.has-image .announcement-image-wrap{width:86%!important;max-width:86%!important;margin:0 auto!important;justify-self:center!important;cursor:zoom-in!important;transition:transform .25s,box-shadow .25s!important}.suspension-main-card #cloud-announcement-text[data-count="3"]>.has-image .announcement-image-wrap:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 14px 30px rgba(15,23,42,.18)}}#cloud-announcement-text .date{font-size:.9rem!important}#cloud-announcement-text .announcement-title{margin-bottom:8px!important;color:#0f172a!important;font-size:1.12rem!important;font-weight:900!important;line-height:1.5!important}#cloud-announcement-text .announcement-content{color:#334155!important;font-size:1.02rem!important;font-weight:700!important;line-height:1.65!important;word-break:normal!important;overflow-wrap:break-word!important;line-break:strict}#cloud-announcement-text .announcement-line{display:block;min-width:0;text-wrap:pretty}#cloud-announcement-text .announcement-divider{display:block;width:100%;height:0;margin:.45rem 0;border-top:2px dashed #94a3b8}#cloud-announcement-text .status-tag{padding:4px 10px!important;font-size:.8rem!important}.announcement-lightbox{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(2,6,23,0);backdrop-filter:blur(0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s,background .3s,backdrop-filter .3s}.announcement-lightbox.is-open{background:rgba(2,6,23,.88);backdrop-filter:blur(8px);opacity:1;visibility:visible;pointer-events:auto}.announcement-lightbox__dialog{position:relative;display:flex;align-items:center;justify-content:center;width:min(1100px,94vw);height:min(850px,90vh);transform:translateY(24px) scale(.9);opacity:0;transition:transform .38s cubic-bezier(.22, 1, .36, 1),opacity .3s}.announcement-lightbox.is-open .announcement-lightbox__dialog{transform:translateY(0) scale(1);opacity:1}.announcement-lightbox__image{display:block;width:auto;max-width:100%;height:auto;max-height:90vh;object-fit:contain;border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,.55)}.announcement-lightbox__close{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:#fff;font-size:1.7rem;font-weight:400;line-height:1;background:rgba(15,23,42,.78);border:1px solid rgba(255,255,255,.25);border-radius:50%;cursor:pointer;transition:transform .2s,background .2s}.announcement-lightbox__close:hover{background:#dc2626;transform:rotate(90deg) scale(1.05)}.announcement-image-wrap img{cursor:zoom-in!important}body.lightbox-open{overflow:hidden!important}@media (min-width:961px){.suspension-main-card #cloud-announcement-text:is(
[data-count="4"],[data-count="5"]
){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;max-width:100%!important;min-width:0!important;align-items:start!important;grid-auto-rows:auto!important}.suspension-main-card #cloud-announcement-text:is(
[data-count="4"],[data-count="5"]
)>.suspension-item{grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;height:fit-content!important;min-height:0!important;margin:0!important;align-self:start!important}.suspension-main-card #cloud-announcement-text:is(
[data-count="4"],[data-count="5"]
)>.has-image{display:grid!important;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr)!important;gap:16px!important;padding:14px!important;align-items:start!important}.suspension-main-card #cloud-announcement-text:is(
[data-count="4"],[data-count="5"]
)>.has-image .announcement-image-wrap{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}.suspension-main-card #cloud-announcement-text:is(
[data-count="4"],[data-count="5"]
)>.has-image .announcement-image-wrap img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:430px!important;object-fit:contain!important;cursor:zoom-in!important}.suspension-main-card #cloud-announcement-text:is(
[data-count="4"],[data-count="5"]
)>.has-image .announcement-body{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:100%!important;min-width:0!important}.suspension-main-card #cloud-announcement-text[data-count="5"]>.suspension-item:nth-child(5):last-child{grid-column:1/-1!important}}#cloud-announcement-text{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;gap:18px!important;align-items:start!important;box-sizing:border-box!important}#cloud-announcement-text.has-text-column.has-image-column{grid-template-columns:minmax(280px,0.72fr) minmax(0,1.28fr)!important}#cloud-announcement-text.is-single-column{grid-template-columns:minmax(0,1fr)!important}#cloud-announcement-text .announcement-column{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;gap:14px!important;align-self:start!important;box-sizing:border-box!important}#cloud-announcement-text .announcement-column>.suspension-item{width:100%!important;max-width:100%!important;min-width:0!important;height:fit-content!important;min-height:0!important;margin:0!important;align-self:flex-start!important;box-sizing:border-box!important}#cloud-announcement-text .announcement-column--image>.has-image{display:grid!important;grid-template-columns:minmax(0,0.88fr) minmax(250px,1.12fr)!important;gap:20px!important;align-items:start!important;width:100%!important;max-width:100%!important;min-width:0!important;height:fit-content!important;min-height:0!important;padding:16px!important;overflow:hidden!important;box-sizing:border-box!important}#cloud-announcement-text .announcement-column--image .announcement-image-wrap{grid-column:1!important;grid-row:1!important;width:90%!important;max-width:90%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0 auto!important;justify-self:center!important;align-self:start!important;overflow:hidden!important;border-radius:12px!important;cursor:zoom-in!important;box-sizing:border-box!important}#cloud-announcement-text .announcement-column--image .announcement-image-wrap img{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:520px!important;margin:0!important;object-fit:contain!important;object-position:top center!important;cursor:zoom-in!important;border-radius:12px!important}#cloud-announcement-text .announcement-column--image .announcement-body{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:100%!important;min-width:0!important;align-self:start!important;overflow-wrap:anywhere!important}#cloud-announcement-text.is-single-column .announcement-column--text{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:14px!important}#cloud-announcement-text.is-single-column .announcement-column--image{width:100%!important}@media (max-width:960px){#cloud-announcement-text,#cloud-announcement-text.has-text-column.has-image-column,#cloud-announcement-text.is-single-column{grid-template-columns:minmax(0,1fr)!important}#cloud-announcement-text .announcement-column--image>.has-image{grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr)!important}}@media (max-width:640px){.announcement-lightbox{padding:14px}.announcement-lightbox__dialog{width:100%;height:92vh}.announcement-lightbox__image{max-width:100%;max-height:86vh;border-radius:12px}.announcement-lightbox__close{top:8px;right:8px;width:40px;height:40px}#cloud-announcement-text,#cloud-announcement-text .announcement-column{gap:12px!important}#cloud-announcement-text .announcement-column--image>.has-image{display:block!important;width:100%!important;padding:12px!important}#cloud-announcement-text .announcement-column--image .announcement-image-wrap{width:100%!important;max-width:100%!important;margin:0 0 12px!important}#cloud-announcement-text .announcement-column--image .announcement-body{width:100%!important;max-width:100%!important}}.seasickness-card{position:relative;isolation:isolate;overflow:hidden;margin-top:1.25rem;padding:1.4rem;background:radial-gradient(circle at 100% 0,rgba(59,130,246,.12),transparent 16rem),linear-gradient(135deg,#f8fbff 0,#eff6ff 58%,#f0f9ff 100%);border:1px solid rgba(96,165,250,.78);border-left:5px solid #1d4ed8;border-radius:1.1rem;box-shadow:0 0 0 1px rgba(56,189,248,.06),0 0 12px rgba(56,189,248,.12),0 8px 24px rgba(30,64,175,.09)}.seasickness-card::after{content:"";position:absolute;inset:0;z-index:3;border:1px solid rgba(125,211,252,.34);border-radius:inherit;box-shadow:inset 0 0 8px rgba(56,189,248,.07),inset 0 0 2px rgba(255,255,255,.82);pointer-events:none}.seasickness-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#1d4ed8,#3b82f6 52%,#38bdf8);transform-origin:left}.seasickness-source a,.seasickness-source a:active,.seasickness-source a:focus,.seasickness-source a:hover,.seasickness-source a:link,.seasickness-source a:visited{color:#64748b!important;font-weight:600;text-decoration:none!important}.seasickness-tips li,.seasickness-tips li:nth-child(2),.seasickness-tips li:nth-child(3),.seasickness-tips li:nth-child(4){--tip-color:#2563eb}.seasickness-kicker{display:flex;width:max-content;margin:0 auto .55rem;padding:.35rem .75rem;align-items:center;gap:.45rem;color:#1d4ed8;background:rgba(255,255,255,.78);border:1px solid #bfdbfe;border-radius:999px;font-size:.82rem;font-weight:800}.seasickness-card>h2{margin:0;color:#172554;font-size:1.65rem;font-weight:900;text-align:center}.seasickness-lead{margin:.45rem 0 1.1rem;color:#475569;text-align:center}.seasickness-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.seasickness-tips li{--tip-color:#2563eb;display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem;min-width:0;padding:.95rem;color:#475569;background:rgba(255,255,255,.84);border:1px solid rgba(147,197,253,.7);border-radius:.9rem;box-shadow:0 2px 8px rgba(30,64,175,.06)}.seasickness-tips li:nth-child(2){--tip-color:#7c3aed}.seasickness-tips li:nth-child(3){--tip-color:#0f766e}.seasickness-tips li:nth-child(4){--tip-color:#d97706}.seasickness-number{display:grid;width:2.1rem;height:2.1rem;color:#fff;background:var(--tip-color);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--tip-color) 15%,transparent);place-items:center;font-weight:900}.seasickness-tips strong{display:flex;align-items:center;gap:.45rem;color:#1e293b;font-weight:900}.seasickness-tips strong i{color:var(--tip-color)}.seasickness-tips li p{margin:.3rem 0 0;line-height:1.65}.seasickness-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;margin-top:1rem;padding:.9rem 1rem;color:#78350f;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:.8rem;line-height:1.7}.seasickness-note>i{margin-top:.25rem;color:#f59e0b}.seasickness-note p{margin:0}.seasickness-source{margin:.75rem 0 0;color:#64748b;font-size:.83rem}.seasickness-source a{color:#1d4ed8;font-weight:800;text-decoration:underline;text-underline-offset:0.18em}@media (hover:hover) and (pointer:fine){.seasickness-tips li{transition:background-color 180ms,border-color 180ms,box-shadow 180ms}.seasickness-tips li:hover{background:#fff;border-color:var(--tip-color);box-shadow:0 6px 16px rgba(30,64,175,.12)}}.seasickness-card.is-animatable{opacity:0}.seasickness-card.is-animatable::before{transform:scaleX(0)}.seasickness-card.is-animatable .seasickness-note,.seasickness-card.is-animatable .seasickness-tips li{opacity:0;transform:translateY(8px)}.seasickness-card.is-visible{animation:520ms ease-out forwards seasickness-card-enter}.seasickness-card.is-visible::before{animation:650ms ease-out forwards seasickness-line-draw}.seasickness-card.is-visible .seasickness-tips li{animation:420ms ease-out forwards seasickness-tip-enter}.seasickness-card.is-visible .seasickness-tips li:first-child{animation-delay:120ms}.seasickness-card.is-visible .seasickness-tips li:nth-child(2){animation-delay:190ms}.seasickness-card.is-visible .seasickness-tips li:nth-child(3){animation-delay:260ms}.seasickness-card.is-visible .seasickness-tips li:nth-child(4){animation-delay:330ms}.seasickness-card.is-visible .seasickness-note{animation:420ms ease-out 410ms forwards seasickness-tip-enter}.seasickness-card.is-visible .seasickness-kicker i{animation:.6s ease-out 150ms both seasickness-ship-arrive}@keyframes seasickness-card-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes seasickness-line-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes seasickness-tip-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes seasickness-ship-arrive{from{opacity:0;transform:translateX(-10px) rotate(-6deg)}to{opacity:1;transform:translateX(0) rotate(0)}}@media (max-width:768px){.seasickness-card{padding:1.1rem}.seasickness-card>h2{font-size:1.4rem}.seasickness-tips{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.announcement-image-wrap,.announcement-lightbox,.announcement-lightbox__dialog{transition:none!important}.seasickness-card,.seasickness-card::before,.seasickness-kicker i,.seasickness-note,.seasickness-tips li{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}.schedule-table td.cancelled-time{color:#dc2626!important;background:#fff1f2!important;text-decoration:line-through}.schedule-table td.cancelled-time::after{content:" 停航";color:#dc2626;font-size:.72rem;font-weight:900;text-decoration:none}.ferry-answer-summary{margin-bottom:1.5rem;padding:1.25rem;color:#17324d;background:linear-gradient(135deg,#effbff,#fff);border:1px solid #b8e4f2;border-radius:1rem;box-shadow:0 8px 22px rgba(14,116,144,.1)}.ferry-answer-summary h2{margin:0 0 .65rem;color:#0f5f7a;font-size:1.35rem;font-weight:700}.ferry-answer-summary p{margin:.5rem 0;line-height:1.8}#ferry-answer-meta{color:#526779;font-size:.9rem}.ferry-answer-summary a{color:#0369a1;font-weight:700;text-decoration:underline;text-underline-offset:3px}.ferry-live-title{margin:0 0 4px;color:#1f2937;font-size:1.5rem;font-weight:600;line-height:1.5;text-align:center}.ferry-live-title a{color:inherit;text-decoration:none}.ferry-live-subtitle{margin:0 0 16px;color:#64748b;font-size:.85rem;font-weight:400;line-height:1.5;text-align:center}.ferry-live-title a:hover{color:#087e8b}.ferry-live-title a:focus-visible{outline:#075c73 solid 2px;outline-offset:4px;border-radius:3px}.ferry-live-panel{position:relative;width:100%;height:min(440px,50dvh);margin:0;overflow:hidden;border:1px solid #c7e1e8;border-radius:14px;background:#073b4c;box-shadow:0 6px 20px rgba(7,59,76,.15)}#ferry-live-map{width:100%;height:100%;background:#073b4c}#ferry-live-map.leaflet-grab{cursor:grab}#ferry-live-map.leaflet-drag-target{cursor:grabbing}#ferry-live-map .ferry-ship{background:0 0;border:0;cursor:pointer}#ferry-live-map .ferry-port{width:auto!important;color:#fff;font:700 12px/1.4 sans-serif;white-space:nowrap;text-shadow:0 1px 4px #000,1px 0 4px #000}#ferry-live-map .ferry-port--dock{width:0!important;height:0!important}#ferry-live-map .ferry-port-dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #073b4c}#ferry-live-map .ferry-port--east .ferry-port-name{position:absolute;left:7px;top:1px}#ferry-live-map .ferry-port--west .ferry-port-name{position:absolute;right:7px;bottom:4px}#ferry-live-map .leaflet-control-attribution{font-size:9px}#ferry-map-status{pointer-events:none;position:absolute;top:8px;right:8px;max-width:calc(100% - 16px);z-index:800;margin:0;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.94);color:#334155;font-size:12px;text-align:center}#ferry-map-status[hidden]{display:none}.schedule-holiday-note{display:inline-block;color:#dc2626;font-size:.8em;font-weight:500;line-height:1.4;white-space:nowrap}.threads-button{gap:8px;background:#111;box-shadow:0 4px 15px rgba(0,0,0,.18)}.threads-button:hover{background:#262626;box-shadow:0 6px 20px rgba(0,0,0,.25)}.threads-button .fa-threads{font-size:20px}.schedule-table .schedule-yanpu-header th{border-top:2px solid #dbeafe}.schedule-table .schedule-yanpu-row td{padding:10px 4px}.schedule-yanpu-row strong{font-weight:700}.schedule-table .schedule-yanpu-row td.next-ferry-time{background:#dcfce7}.schedule-yanpu-row td.passed-time{text-decoration:none}.schedule-yanpu-row td.passed-time strong{text-decoration:line-through}#ferry-map-status.is-synced{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#315663;box-shadow:0 2px 8px rgba(0,0,0,.12)}#ferry-map-status.is-synced::before{content:'';flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#22c55e}.ferry-map-countdown{padding-left:8px;border-left:1px solid #cbd5e1}@media (max-width:600px){.ferry-live-panel{width:calc(100% + 24px);margin-left:-12px}.is-apple-mobile .next-ferry-card{min-width:0}.is-apple-mobile .next-ferry-card .sea-condition-text{font-size:11px;white-space:nowrap}#faq>h2{font-size:1.2rem}#faq .faq-list summary{font-size:.875rem;line-height:1.5}#faq .faq-list details p{font-size:.8125rem;line-height:1.7}#ferry-map-status.is-synced{gap:5px;padding:6px 8px;font-size:10px}.ferry-map-countdown{padding-left:5px}}.ferry-ship-wrap{display:flex;align-items:center;gap:5px;height:40px;width:max-content}.ferry-ship-pin{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border:2px solid #fff;border-radius:50%;background:var(--ferry-ship-color);box-shadow:0 1px 5px rgba(0,0,0,.35)}.ferry-ship-label{pointer-events:none;display:grid;padding:3px 6px;border-radius:5px;background:rgba(255,255,255,.95);color:#073b4c;line-height:1.25;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.15)}.ferry-ship-label b{font-size:11px}.ferry-ship-label small{font-size:9px;color:#56717b}.ferry-vessel-popup .leaflet-popup-content-wrapper{border-radius:18px}.ferry-vessel-popup .leaflet-popup-content{margin:15px 18px}.ferry-vessel-details h3{margin:0 0 8px;font-size:16px;font-weight:700;color:#222}.ferry-vessel-details dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 12px;margin:0;font-size:12px;line-height:1.4}.ferry-vessel-details dt{color:#627d86}.ferry-vessel-details dd{margin:0;text-align:right;color:#073b4c;font-weight:700;overflow-wrap:anywhere}#ferry-live-map .ferry-ship:focus-visible{outline:#fff solid 2px;outline-offset:3px}#addToHomeScreenBtn[hidden],#pwaInstallBtn[hidden]{display:none!important}#addToHomeScreenBtn:focus-visible,#pwaInstallBtn:focus-visible{outline:#0056b3 solid 3px;outline-offset:3px}#addToHomeScreenModal{z-index:10001;padding:16px;transition:opacity .3s ease-in-out}#addToHomeScreenModal .modal-content{transform:none;width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}#addToHomeScreenModal h3{padding:0 24px;font-size:1.4rem}#pwaInstallBtn{justify-content:center;width:100%}@media (max-width:480px){#addToHomeScreenModal .modal-content{padding:24px 18px}#addToHomeScreenModal ol li{margin-bottom:8px;font-size:.9rem}#addToHomeScreenModal .tip{padding:12px;margin-top:12px}}