*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft JhengHei,PingFang TC,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f7fa}#app{min-height:100vh;display:flex;flex-direction:column}.ad-container{width:100%;text-align:center;margin:20px 0;background:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.ad-container.ins{min-height:90px}.ad-top{margin-top:0}.ad-bottom{margin-bottom:0}.ad-sidebar{width:160px;min-height:600px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;padding:10px}.ad-sidebar.ins{min-height:600px}.header{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.title-container{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.subtitle-container{display:flex;align-items:center;justify-content:center;gap:15px}.icon{font-size:2rem;animation:bounce 2s infinite}.icon:nth-child(1){animation-delay:0s}.icon:nth-child(3){animation-delay:.5s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.header h1{font-size:2.5rem;margin:0;font-weight:700}.header p{font-size:1.1rem;opacity:.9;margin:0}.nav-tabs{display:flex;justify-content:center;background:white;padding:0 20px;box-shadow:0 2px 4px #0000001a}.nav-tab{padding:15px 30px;border:none;background:transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .3s ease}.nav-tab:hover{color:#667eea}.nav-tab.active{color:#667eea;border-bottom-color:#667eea}.main-content{display:flex;gap:20px;padding:20px;flex:1;max-width:1400px;margin:0 auto;width:100%}.calculator-container{flex:1;background:white;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.credit-calculator,.mortgage-calculator{padding:30px}.credit-calculator h2,.mortgage-calculator h2{color:#2c3e50;margin-bottom:30px;font-size:1.8rem;text-align:center}.calculator-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50}.form-group input,.form-group select{width:100%;padding:12px 15px;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}.form-group input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;padding-right:50px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group{position:relative}.input-container{position:relative;display:flex;align-items:center}.input-container input[type=number]{flex:1;padding-right:50px}.input-container .unit{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#666;font-weight:500;pointer-events:none;z-index:1}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;align-items:center;cursor:pointer;padding:10px;border:2px solid #e1e8ed;border-radius:8px;transition:all .3s ease}.radio-label:hover{border-color:#667eea;background-color:#f8f9ff}.radio-label input[type=radio]{width:auto;margin-right:10px;margin-bottom:0}.radio-label input[type=radio]:checked+span{color:#667eea;font-weight:600}.rate-tiers{border:2px solid #e1e8ed;border-radius:8px;padding:20px;background-color:#f8f9ff}.rate-tiers .form-group{margin-bottom:15px}.rate-tiers .form-group:last-child{margin-bottom:0}.error-message{color:#e74c3c;font-size:.9rem;margin-top:5px;font-weight:500}.calculate-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.calculate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.calculate-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.calculation-result{margin-top:40px;padding-top:30px;border-top:2px solid #e1e8ed}.calculation-result h3{color:#2c3e50;margin-bottom:25px;font-size:1.5rem;text-align:center}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.result-item{background:linear-gradient(135deg,#f8f9ff 0%,#e8f2ff 100%);padding:20px;border-radius:8px;text-align:center;border:1px solid #e1e8ed}.result-label{display:block;font-size:.9rem;color:#666;margin-bottom:8px;font-weight:500}.result-value{display:block;font-size:1.3rem;font-weight:700;color:#2c3e50}.payment-schedule,.yearly-payment-details{margin-top:30px}.payment-schedule h4,.yearly-payment-details h4{color:#2c3e50;margin-bottom:20px;font-size:1.2rem;text-align:center}.schedule-table,.yearly-table{overflow-x:auto;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:12px 15px;text-align:center;border-bottom:1px solid #e1e8ed}th{background-color:#f8f9ff;font-weight:600;color:#2c3e50}tr:hover{background-color:#f8f9ff}.footer{text-align:center;padding:30px 20px;background:#2c3e50;color:#fff;margin-top:auto}.footer p{opacity:.8;font-size:.9rem}@media (max-width: 1200px){.ad-sidebar{display:none}.main-content{max-width:800px}}@media (max-width: 768px){.header h1{font-size:2rem}.header p{font-size:1rem}.nav-tabs{flex-direction:column;padding:0}.nav-tab{border-bottom:none;border-right:3px solid transparent;border-radius:0}.nav-tab.active{border-bottom-color:transparent;border-right-color:#667eea}.main-content{padding:15px;flex-direction:column}.calculator-container{border-radius:8px}.credit-calculator,.mortgage-calculator{padding:20px}.result-grid{grid-template-columns:1fr;gap:15px}.result-item{padding:15px}.result-value{font-size:1.1rem}.schedule-table,.yearly-table{font-size:.9rem}th,td{padding:8px 10px}.radio-group{gap:8px}.radio-label{padding:8px;font-size:.9rem}}@media (max-width: 480px){.header{padding:30px 15px}.header h1{font-size:1.8rem}.credit-calculator h2,.mortgage-calculator h2{font-size:1.5rem}.form-group input,.form-group select{padding:10px 12px;font-size:.9rem}.calculate-btn{padding:12px;font-size:1rem}.result-item{padding:12px}.result-label{font-size:.8rem}.result-value{font-size:1rem}}@media (max-width: 768px){.ad-container{margin:15px 0;padding:8px}.ad-container.ins{min-height:50px}}.print-section{text-align:center;margin-top:20px;padding:20px 0;border-top:1px solid #eee}.print-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.print-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.print-btn:active{transform:translateY(0)}.calculation-result{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group input:invalid,.form-group select:invalid{border-color:#e74c3c}.form-group input:valid,.form-group select:valid{border-color:#27ae60}.calculate-btn:disabled{position:relative}.calculate-btn:disabled:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-intro[data-v-3c352662]{background:linear-gradient(to right,#ffffff,#f0fdf4);padding:2.5rem 3rem;border-radius:12px;margin-bottom:2rem;border-left:6px solid #42b983;box-shadow:0 4px 15px #00000008}.hero-intro h2[data-v-3c352662]{color:#2c3e50;font-size:2rem;margin-bottom:1.2rem;font-weight:700}.intro-text[data-v-3c352662]{font-size:1.1rem;line-height:1.8;color:#555}.tools-overview[data-v-3c352662]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:3rem 0}.tool-desc-item[data-v-3c352662]{background:white;padding:25px;border-radius:10px;box-shadow:0 4px 6px #0000000a;border:1px solid #eef2f5;transition:transform .2s}.tool-desc-item[data-v-3c352662]:hover{transform:translateY(-5px);border-color:#42b983}.tool-desc-item h4[data-v-3c352662]{color:#2c3e50;font-size:1.3rem;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.tool-desc-item p[data-v-3c352662]{color:#666;line-height:1.6}.home-feature-grid[data-v-3c352662]{display:flex;justify-content:center;align-items:stretch;gap:2rem;margin:2rem 0 0}.feature-item[data-v-3c352662]{cursor:pointer;background:#f4f8fb;border-radius:10px;box-shadow:0 2px 8px #ade1c2;padding:2rem 1.2rem 1.5rem;width:220px;text-align:center;transition:transform .18s,box-shadow .18s;position:relative}.feature-item[data-v-3c352662]:hover{transform:translateY(-8px) scale(1.045);box-shadow:0 12px 32px #2b78401f}.feature-icon[data-v-3c352662]{font-size:3rem;margin-bottom:1rem}.feature-title[data-v-3c352662]{font-size:1.3rem;font-weight:700;margin-bottom:.6rem}.feature-desc[data-v-3c352662]{color:#698972;font-size:.99em;margin-bottom:.2rem}.latest-news[data-v-3c352662]{margin-top:3rem;background:#fafcf6;border-left:5px solid #5ac16e;padding:1.2rem 1.5rem 1rem 2.2rem;border-radius:0 10px 10px 0}.latest-news h3[data-v-3c352662]{margin-top:0;color:#348760;font-weight:700}.latest-news ul[data-v-3c352662]{padding-left:1.2rem}.latest-news li[data-v-3c352662]{margin-bottom:1.4em}.latest-news .date[data-v-3c352662]{color:#a2adb0;font-size:.98em;margin-left:.15em}.random-article[data-v-3c352662]{margin:2.5rem auto 0;max-width:730px;background:#fffbe5;border-radius:18px;box-shadow:0 1px 8px #e1e2ae;padding:1.7rem 2rem}.random-article h3[data-v-3c352662]{color:#bf8a00;font-weight:700;margin-bottom:.7em}.random-article .summary[data-v-3c352662]{margin-top:.5em;color:#444}.info-section[data-v-3c352662]{margin:32px 0;padding:20px;background:#ffffff;border:1px solid #eee;border-radius:10px;box-shadow:0 2px 8px #0000000a}.footer-nav-list[data-v-3c352662]{list-style:none;padding:0;margin:8px 0 0}.footer-nav-list li[data-v-3c352662]{margin-bottom:10px}.footer-nav-list a[data-v-3c352662]{text-decoration:none;color:#3498db}.footer-nav-list a[data-v-3c352662]:hover{text-decoration:underline}.footer-links .link-group a[data-v-3c352662]{display:block;margin:8px 0;line-height:1.6}.footer-links .link-group a[data-v-3c352662]:hover{text-decoration:underline}