快帆VPN（中國）【帳密代儲】

.custom-toggle-box:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); transform: translateY(-2px); }

.custom-toggle-box input[type="checkbox"] { display: none; }

.custom-toggle-box:nth-of-type(1) label { border-left: 4px solid #e60023; }

.custom-toggle-box:nth-of-type(2) label { border-left: 4px solid #00a885; }

.custom-toggle-box:nth-of-type(3) label { border-left: 4px solid #ff9800; }

.custom-toggle-box:nth-of-type(4) label { border-left: 4px solid #3f51b5; }

.custom-toggle-box label { display: flex; justify-content: space-between; align-items: center; padding: 18px 22px; background: #f9f9f9; cursor: pointer; font-weight: 600; color: #444; font-size: 17px; transition: background 0.3s, color 0.3s; border-bottom: 1px solid #eee; }

.custom-toggle-box label:hover { background: #f1f1f1; color: #000; }

.custom-toggle-box label::after { content: '+'; font-size: 24px; font-weight: bold; color: #e60023; transition: transform 0.3s; }

.custom-toggle-box input[type="checkbox"]:checked + label::after { content: '−'; transform: rotate(180deg); }

.custom-toggle-box .content { max-height: 0; overflow: hidden; transition: all 0.4s ease; background: #fff; padding: 0 22px; font-size: 15px; line-height: 1.8; color: #444; }

.custom-toggle-box input[type="checkbox"]:checked ~ .content { max-height: 10000px; padding: 18px 22px; }

@media (max-width: 768px) { .custom-toggle-box label { font-size: 16px; padding: 16px; } .custom-toggle-box .content { font-size: 14px; padding: 0 16px; } }