.chart-container{aspect-ratio:16 / 9;contain:layout;content-visibility:auto;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-bg-primary);border:.5px solid var(--color-border)}.chart-pills{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.chart-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:12px;font-weight:500;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:none;cursor:pointer}.chart-pill.active{background:var(--color-text-primary);color:var(--color-bg-primary)}.calc-card,.multi-calc{border:.5px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.calc-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);border-bottom:.5px solid var(--color-border);background:var(--color-bg-secondary)}.calc-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.calc-label{display:block;font-size:12px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-1)}.calc-field{display:flex;flex-direction:column}.calc-input-row{display:flex;align-items:center;gap:var(--space-3)}.calc-input{width:120px;height:44px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);text-align:center;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .15s}.calc-input:focus{outline:none;border-color:var(--color-gold)}.calc-select{width:100%;height:44px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);font-size:15px;font-weight:500;background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .15s;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748B' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.calc-select:focus{outline:none;border-color:var(--color-gold)}.calc-unit{font-size:15px;font-weight:500;color:var(--color-text-primary)}.calc-price-info{font-size:12px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin-top:var(--space-1)}.calc-divider{height:1px;background:var(--color-gold);opacity:.4}.calc-direction{display:flex;gap:0;border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.calc-dir-btn{flex:1;padding:var(--space-2) var(--space-3);font-size:13px;font-weight:600;border:none;background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s}.calc-dir-btn:not(:last-child){border-right:1.5px solid var(--color-border)}.calc-dir-btn.active{background:var(--color-gold);color:#fff}.calc-dual-results{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.calc-result-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);border:.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.calc-result-label{font-size:12px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-1)}.calc-result{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-gold);word-break:break-all}.calc-clear-btn{font-size:12px;font-weight:500;color:var(--color-text-secondary);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 8px;cursor:pointer;text-transform:none;letter-spacing:0}.calc-clear-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.multi-calc-desc{padding:0 var(--space-4);margin:var(--space-2) 0 0;font-size:13px;color:var(--color-text-secondary)}.multi-calc-table{width:100%;border-collapse:collapse;display:none}.multi-calc-table th{padding:var(--space-2) var(--space-3);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);text-align:left;border-bottom:.5px solid var(--color-border)}.multi-calc-table th:nth-child(n+2){text-align:right}.multi-calc-table td{padding:var(--space-2) var(--space-3);font-size:14px;font-variant-numeric:tabular-nums;border-bottom:.5px solid var(--color-border-light)}.multi-calc-table .col-name{font-weight:500;color:var(--color-text-primary)}.multi-calc-table .col-price{text-align:right;color:var(--color-text-secondary);font-size:13px}.multi-calc-table .col-qty{text-align:right;width:80px}.multi-calc-table .col-total{text-align:right;font-weight:600;color:var(--color-text-primary)}.multi-calc-input{width:64px;height:36px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .15s}.multi-calc-input:focus{outline:none;border-color:var(--color-gold)}.multi-calc-input::placeholder{color:var(--color-text-tertiary)}.multi-calc-total-row td{padding:var(--space-3) var(--space-3);font-weight:700;font-size:15px;color:var(--color-gold);border-top:1.5px solid var(--color-gold);border-bottom:none}.multi-calc-cards{padding:0 var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.multi-calc-card-item{border:.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.multi-calc-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.multi-calc-card-name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.multi-calc-card-price{font-size:13px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.multi-calc-card-bottom{display:flex;align-items:center;gap:var(--space-3)}.multi-calc-card-results{display:flex;gap:var(--space-3);font-size:13px;font-weight:600;color:var(--color-gold);font-variant-numeric:tabular-nums}.multi-calc-card-total{border:1.5px solid var(--color-gold);border-radius:var(--radius-md);padding:var(--space-3);display:flex;justify-content:space-between;align-items:center}.multi-calc-total-label{font-size:14px;font-weight:700;color:var(--color-text-primary)}.multi-calc-total-values{display:flex;gap:var(--space-4);font-size:14px;font-weight:700;color:var(--color-gold);font-variant-numeric:tabular-nums}.multi-calc-sticky{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-bg-primary);border-top:1.5px solid var(--color-gold)}.multi-calc-sticky-label{font-size:14px;font-weight:700;color:var(--color-text-primary)}.multi-calc-sticky-values{display:flex;gap:var(--space-4);font-size:14px;font-weight:700;color:var(--color-gold);font-variant-numeric:tabular-nums}@media(min-width:641px){.calc-result{font-size:24px}.calc-input{width:140px;height:48px;font-size:20px}.calc-select{width:280px}.multi-calc-table{display:table}.multi-calc-cards{display:none}.multi-calc-desc{padding:0 var(--space-4) var(--space-2)}.multi-calc-body{padding:0 0 var(--space-4)}.multi-calc-sticky{max-width:960px;left:50%;transform:translate(-50%);border-radius:var(--radius-md) var(--radius-md) 0 0}}.cross-links{display:flex;gap:var(--space-2);flex-wrap:wrap}@media(max-width:640px){.cross-links{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cross-links::-webkit-scrollbar{display:none}}.cross-chip{flex-shrink:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-secondary);border:.5px solid var(--color-border);font-size:12px;font-weight:500;color:var(--color-text-primary);transition:background-color .15s}.cross-chip:hover{background:var(--color-bg-tertiary)}.faq-section details{border-bottom:.5px solid var(--color-border)}.faq-section summary{padding:var(--space-3) 0;font-size:14px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:"+";font-size:18px;color:var(--color-text-tertiary);transition:transform .15s}.faq-section details[open] summary:after{content:"−"}.faq-section .faq-answer{padding:0 0 var(--space-3) 0;font-size:13px;color:var(--color-text-secondary);line-height:1.7}.seo-content{font-size:15px;line-height:1.7;color:var(--color-text-primary)}.seo-content h2{font-size:16px;font-weight:600;margin-top:var(--space-6);margin-bottom:var(--space-3)}.seo-content p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}.breadcrumb{font-size:12px;color:var(--color-text-tertiary);padding:var(--space-2) 0}.breadcrumb a{color:var(--color-text-secondary)}.breadcrumb a:hover{color:var(--color-text-primary)}.breadcrumb-current{display:inline;font-size:inherit;font-weight:500;color:inherit}.breadcrumb-sep{padding:0 var(--space-1)}.site-footer{margin-top:80px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:13px;line-height:1.5;content-visibility:auto;contain-intrinsic-size:0 1100px}.footer-inner{max-width:1240px;margin:0 auto;padding:clamp(48px,6vw,72px) clamp(20px,4vw,40px) 28px}.footer-layout{display:grid;grid-template-columns:1fr;gap:clamp(40px,6vw,64px)}.footer-brand{max-width:360px}.footer-logo{display:inline-block;font-size:22px;line-height:1;color:var(--color-text-primary);text-decoration:none;margin-bottom:18px}.footer-tagline{margin:0 0 22px;font-size:13px;line-height:1.6;color:var(--color-text-secondary);max-width:34ch}.footer-live{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.footer-live-dot{width:7px;height:7px;border-radius:50%;background:var(--color-up);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-up) 20%,transparent);animation:footer-live-pulse 2.4s ease-in-out infinite}@keyframes footer-live-pulse{0%,to{opacity:1}50%{opacity:.55}}.footer-nav{display:flex;flex-direction:column;gap:clamp(36px,5vw,56px);min-width:0}.footer-row{display:grid;gap:36px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-col{min-width:0}.footer-col-title{position:relative;margin:0 0 18px;padding-bottom:10px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gold)}.footer-col-title:after{content:"";position:absolute;left:0;bottom:0;width:24px;height:1.5px;background:var(--color-gold);border-radius:1px}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin:0}.footer-col a{display:inline-block;padding:4px 0;font-size:13px;line-height:1.5;color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.footer-col a:hover{color:var(--color-gold-dark)}.footer-col a:focus-visible{outline:1.5px solid var(--color-gold);outline-offset:3px;border-radius:2px;color:var(--color-text-primary)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;margin-top:clamp(40px,6vw,64px);padding-top:22px;border-top:1px solid var(--color-border)}.footer-copyright,.footer-disclaimer{margin:0;font-size:12px;line-height:1.5;color:var(--color-text-secondary)}.footer-copyright strong{color:var(--color-text-primary);font-weight:600}.footer-disclaimer{color:var(--color-text-tertiary)}@media(min-width:560px){.footer-brand{max-width:420px}}@media(min-width:720px){.footer-row-primary,.footer-row-secondary{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.footer-layout{grid-template-columns:minmax(240px,1fr) minmax(0,3.4fr);gap:clamp(48px,5vw,80px)}.footer-brand{max-width:none}.footer-logo{font-size:24px;margin-bottom:20px}.footer-row{gap:40px 28px}}@media(min-width:1280px){.footer-layout{gap:clamp(64px,6vw,96px)}.footer-row{gap:44px 32px}}@media(prefers-reduced-motion:reduce){.footer-live-dot{animation:none}.footer-col a{transition:none}}.section-title{font-size:16px;font-weight:600;margin-bottom:var(--space-3)}.section-title.section-gap{margin-top:var(--space-6)}@media(min-width:1025px){.section-title.section-gap{margin-top:var(--space-8)}}.error-message{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-secondary)}.error-404{text-align:center;padding:var(--space-8) 0}.error-404 h1{font-size:48px;font-weight:700;color:var(--color-text-tertiary)}.error-404 p{color:var(--color-text-secondary);margin-top:var(--space-2)}.error-404 .cta-button{display:inline-block;margin-top:var(--space-4);padding:var(--space-2) var(--space-6);background:var(--color-gold);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:14px}.bank-table-section{display:flex;flex-direction:column;gap:var(--space-2)}.bank-table-header{display:flex;justify-content:space-between;align-items:baseline}.bank-update-time{font-size:11px;color:var(--color-text-tertiary)}.col-spread-pct{color:var(--color-text-secondary);font-size:12px}.variant-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.comment-preview{border:.5px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.comment-preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-bottom:.5px solid var(--color-border)}.comment-preview-header h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin:0}.comment-preview-header a{font-size:12px;color:var(--color-gold);font-weight:500}.comment-preview-body{padding:0 var(--space-4)}.comment-preview-item{padding:var(--space-3) 0;border-bottom:.5px solid var(--color-border-light)}.comment-preview-item:last-child{border-bottom:none}.comment-preview-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:6px;font-size:12px;color:var(--color-text-tertiary)}.comment-preview-meta strong{color:var(--color-text-primary);font-weight:500;font-size:13px}.comment-preview-text{font-size:14px;line-height:1.55;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comment-preview-stats{display:flex;gap:var(--space-3);margin-top:6px;font-size:12px;color:var(--color-text-tertiary)}.comment-preview-footer{padding:var(--space-3) var(--space-4);border-top:.5px solid var(--color-border);text-align:center}.comment-preview-footer a{display:inline-flex;align-items:center;gap:var(--space-2);font-size:13px;font-weight:500;color:var(--color-gold)}.comment-preview .comment-empty{padding:var(--space-6) var(--space-4);text-align:center}.comment-preview .comment-empty p{font-size:14px;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.comment-preview .comment-empty a{font-size:13px;font-weight:500;color:var(--color-gold)}
