/* 基金申购份额计算器：仅包含组件作用域内样式 */
.fund-subscription-share-calculator{all:initial;--cc-bg:#fff;--cc-panel:#f8fafc;--cc-primary:#2563eb;--cc-primary-dark:#1d4ed8;--cc-primary-soft:#eff6ff;--cc-accent:#0f766e;--cc-text:#172033;--cc-muted:#64748b;--cc-faint:#94a3b8;--cc-border:#dbe3ef;--cc-input-border:#cbd5e1;--cc-result-border:#bfdbfe;--cc-error:#b91c1c;--cc-error-bg:#fef2f2;--cc-error-border:#fecaca;--cc-white:#fff;--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;--cc-font-size-xs:12px;--cc-font-size-sm:13px;--cc-font-size-base:14px;--cc-font-size-md:16px;--cc-font-size-lg:20px;--cc-font-size-xl:28px;--cc-font-size-result:36px;--cc-fw-normal:400;--cc-fw-medium:500;--cc-fw-semibold:600;--cc-fw-bold:700;--cc-space-xs:4px;--cc-space-sm:8px;--cc-space-md:12px;--cc-space-lg:16px;--cc-space-xl:24px;--cc-space-2xl:32px;--cc-radius-sm:8px;--cc-radius-md:12px;--cc-radius-lg:18px;--cc-shadow:0 18px 50px rgba(15,23,42,.1);--cc-transition:160ms ease;display:block;box-sizing:border-box;width:100%;max-width:min(720px,100%);margin:var(--cc-space-2xl) auto;padding:var(--cc-space-2xl);color:var(--cc-text);background:var(--cc-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow);font-family:var(--cc-font-family);font-size:var(--cc-font-size-base);font-weight:var(--cc-fw-normal);line-height:1.5;-webkit-font-smoothing:antialiased}
.fund-subscription-share-calculator *,.fund-subscription-share-calculator *::before,.fund-subscription-share-calculator *::after{box-sizing:border-box}.fund-subscription-share-calculator *{color:inherit;font-family:var(--cc-font-family)}.fund-subscription-share-calculator .fssc-header{margin:0 0 var(--cc-space-2xl);text-align:center}.fund-subscription-share-calculator .fssc-eyebrow{display:inline-block;margin-bottom:var(--cc-space-sm);padding:var(--cc-space-xs) var(--cc-space-md);color:var(--cc-primary);background:var(--cc-primary-soft);border-radius:999px;font-size:var(--cc-font-size-xs);font-weight:var(--cc-fw-semibold);letter-spacing:.08em}.fund-subscription-share-calculator .fssc-title{margin:0;color:var(--cc-text);font-size:var(--cc-font-size-xl);font-weight:var(--cc-fw-bold);line-height:1.25}.fund-subscription-share-calculator .fssc-subtitle{margin:var(--cc-space-sm) 0 0;color:var(--cc-muted);font-size:var(--cc-font-size-sm)}.fund-subscription-share-calculator .fssc-panel{margin-top:var(--cc-space-lg);padding:var(--cc-space-xl);background:var(--cc-panel);border:1px solid var(--cc-border);border-radius:var(--cc-radius-md)}.fund-subscription-share-calculator .fssc-section-heading{display:flex;align-items:center;gap:var(--cc-space-sm);margin-bottom:var(--cc-space-lg)}.fund-subscription-share-calculator .fssc-step{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--cc-white);background:var(--cc-primary);border-radius:50%;font-size:var(--cc-font-size-xs);font-weight:var(--cc-fw-bold)}.fund-subscription-share-calculator .fssc-section-title{margin:0;font-size:var(--cc-font-size-md);font-weight:var(--cc-fw-semibold)}.fund-subscription-share-calculator .fssc-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cc-space-lg)}.fund-subscription-share-calculator .fssc-field{display:block;min-width:0}.fund-subscription-share-calculator .fssc-field--wide{grid-column:1/-1}.fund-subscription-share-calculator .fssc-label{display:block;margin-bottom:var(--cc-space-sm);color:var(--cc-muted);font-size:var(--cc-font-size-sm);font-weight:var(--cc-fw-medium)}.fund-subscription-share-calculator .fssc-input-wrap{display:flex;align-items:center;min-height:48px;padding:0 var(--cc-space-md);background:var(--cc-white);border:1px solid var(--cc-input-border);border-radius:var(--cc-radius-sm);transition:border-color var(--cc-transition),box-shadow var(--cc-transition)}.fund-subscription-share-calculator .fssc-input-wrap:focus-within{border-color:var(--cc-primary);box-shadow:0 0 0 3px rgba(37,99,235,.13)}.fund-subscription-share-calculator .fssc-input{display:block;flex:1 1 auto;min-width:0;min-height:46px;margin:0;padding:0;color:var(--cc-text);background:transparent;border:0;outline:0;font-size:var(--cc-font-size-md);font-weight:var(--cc-fw-semibold);line-height:1.2;font-variant-numeric:tabular-nums}.fund-subscription-share-calculator .fssc-unit{flex:0 0 auto;margin-left:var(--cc-space-sm);color:var(--cc-muted);font-size:var(--cc-font-size-sm)}.fund-subscription-share-calculator .fssc-field-note{margin:var(--cc-space-md) 0 0;color:var(--cc-faint);font-size:var(--cc-font-size-xs)}.fund-subscription-share-calculator .fssc-actions{display:flex;gap:var(--cc-space-md);margin-top:var(--cc-space-xl)}.fund-subscription-share-calculator .fssc-button{min-height:48px;margin:0;padding:var(--cc-space-md) var(--cc-space-xl);border-radius:var(--cc-radius-sm);font-size:var(--cc-font-size-md);font-weight:var(--cc-fw-semibold);cursor:pointer;transition:background var(--cc-transition),border-color var(--cc-transition),transform var(--cc-transition)}.fund-subscription-share-calculator .fssc-button:active{transform:translateY(1px)}.fund-subscription-share-calculator .fssc-button:focus-visible,.fund-subscription-share-calculator .fssc-help-toggle:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.fund-subscription-share-calculator .fssc-button--primary{flex:1 1 auto;color:var(--cc-white);background:var(--cc-primary);border:1px solid var(--cc-primary)}.fund-subscription-share-calculator .fssc-button--primary:hover{background:var(--cc-primary-dark);border-color:var(--cc-primary-dark)}.fund-subscription-share-calculator .fssc-button--secondary{flex:0 0 112px;color:var(--cc-muted);background:var(--cc-white);border:1px solid var(--cc-input-border)}.fund-subscription-share-calculator .fssc-button--secondary:hover{color:var(--cc-text);border-color:var(--cc-muted)}.fund-subscription-share-calculator .fssc-error{margin-top:var(--cc-space-md);padding:var(--cc-space-md) var(--cc-space-lg);color:var(--cc-error);background:var(--cc-error-bg);border:1px solid var(--cc-error-border);border-radius:var(--cc-radius-sm);font-size:var(--cc-font-size-sm)}.fund-subscription-share-calculator .fssc-hidden{display:none!important}.fund-subscription-share-calculator .fssc-result{margin-top:var(--cc-space-xl);overflow:hidden;background:var(--cc-primary-soft);border:1px solid var(--cc-result-border);border-radius:var(--cc-radius-md)}.fund-subscription-share-calculator .fssc-result-hero{padding:var(--cc-space-xl);text-align:center}.fund-subscription-share-calculator .fssc-result-label,.fund-subscription-share-calculator .fssc-result-caption{display:block;color:var(--cc-muted);font-size:var(--cc-font-size-sm)}.fund-subscription-share-calculator .fssc-result-value{display:block;margin:var(--cc-space-sm) 0;color:var(--cc-primary-dark);font-size:var(--cc-font-size-result);font-weight:var(--cc-fw-bold);line-height:1.1;font-variant-numeric:tabular-nums}.fund-subscription-share-calculator .fssc-result-value small{margin-left:var(--cc-space-xs);font-size:var(--cc-font-size-md);font-weight:var(--cc-fw-semibold)}.fund-subscription-share-calculator .fssc-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--cc-result-border)}.fund-subscription-share-calculator .fssc-result-item{min-width:0;padding:var(--cc-space-lg);background:var(--cc-white);border-right:1px solid var(--cc-result-border);border-bottom:1px solid var(--cc-result-border)}.fund-subscription-share-calculator .fssc-result-item:nth-child(2n){border-right:0}.fund-subscription-share-calculator .fssc-result-item>span{display:block;margin-bottom:var(--cc-space-xs);color:var(--cc-muted);font-size:var(--cc-font-size-sm)}.fund-subscription-share-calculator .fssc-result-item strong{display:block;color:var(--cc-text);font-size:var(--cc-font-size-md);font-variant-numeric:tabular-nums}.fund-subscription-share-calculator .fssc-result-item--accent strong{color:var(--cc-accent)}.fund-subscription-share-calculator .fssc-result-item--wide{grid-column:1/-1;border-bottom:0}.fund-subscription-share-calculator .fssc-help{margin-top:var(--cc-space-lg)}.fund-subscription-share-calculator .fssc-help-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin:0;padding:var(--cc-space-sm) 0;color:var(--cc-muted);background:transparent;border:0;font-size:var(--cc-font-size-sm);text-align:left;cursor:pointer}.fund-subscription-share-calculator .fssc-help-arrow{color:var(--cc-faint);font-size:20px;transition:transform var(--cc-transition)}.fund-subscription-share-calculator .fssc-help-toggle[aria-expanded="true"] .fssc-help-arrow{transform:rotate(180deg)}.fund-subscription-share-calculator .fssc-help-panel{padding:var(--cc-space-lg);color:var(--cc-muted);background:var(--cc-panel);border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);font-size:var(--cc-font-size-sm)}.fund-subscription-share-calculator .fssc-help-panel p{margin:0 0 var(--cc-space-sm)}.fund-subscription-share-calculator .fssc-help-panel p:last-of-type{margin-bottom:var(--cc-space-lg)}.fund-subscription-share-calculator .fssc-help-panel strong{color:var(--cc-text)}.fund-subscription-share-calculator .fssc-disclaimer{padding-top:var(--cc-space-md);color:var(--cc-faint);border-top:1px solid var(--cc-border);font-size:var(--cc-font-size-xs)}
@media (max-width:420px){.fund-subscription-share-calculator{margin:var(--cc-space-lg) auto;padding:var(--cc-space-lg);border-radius:var(--cc-radius-md)}.fund-subscription-share-calculator .fssc-header{margin-bottom:var(--cc-space-xl)}.fund-subscription-share-calculator .fssc-title{font-size:var(--cc-font-size-lg)}.fund-subscription-share-calculator .fssc-panel{padding:var(--cc-space-lg)}.fund-subscription-share-calculator .fssc-field-grid,.fund-subscription-share-calculator .fssc-result-grid{grid-template-columns:minmax(0,1fr)}.fund-subscription-share-calculator .fssc-field--wide,.fund-subscription-share-calculator .fssc-result-item--wide{grid-column:auto}.fund-subscription-share-calculator .fssc-result-item{border-right:0}.fund-subscription-share-calculator .fssc-result-item:last-child{border-bottom:0}.fund-subscription-share-calculator .fssc-actions{flex-direction:column}.fund-subscription-share-calculator .fssc-button--secondary{flex-basis:auto}.fund-subscription-share-calculator .fssc-result-value{font-size:var(--cc-font-size-xl)}}
@media (prefers-reduced-motion:reduce){.fund-subscription-share-calculator .fssc-input-wrap,.fund-subscription-share-calculator .fssc-button,.fund-subscription-share-calculator .fssc-help-arrow{transition:none}}

/* 右侧相关内容卡片，与基金转换计算器保持一致 */
.fund-subscription-share-calculator { max-width: min(1064px, 100%); padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.fund-subscription-share-calculator .fssc-layout { display: grid; grid-template-columns: minmax(0, 720px) minmax(260px, 300px); align-items: start; justify-content: center; gap: var(--cc-space-xl); }
.fund-subscription-share-calculator .fssc-main { min-width: 0; padding: var(--cc-space-2xl); background: var(--cc-bg); border: 1px solid var(--cc-border); border-radius: var(--cc-radius-lg); box-shadow: var(--cc-shadow); }
.fund-subscription-share-calculator .fssc-sidebar { display: grid; gap: var(--cc-space-lg); min-width: 0; }
.fund-subscription-share-calculator .fssc-sidebar-card { padding: var(--cc-space-lg); background: var(--cc-bg); border: 1px solid var(--cc-border); border-radius: var(--cc-radius-md); box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07); }
.fund-subscription-share-calculator .fssc-sidebar-title { margin: 0 0 var(--cc-space-md); padding-bottom: var(--cc-space-md); color: var(--cc-text); border-bottom: 1px solid var(--cc-border); font-size: var(--cc-font-size-md); font-weight: var(--cc-fw-semibold); line-height: 1.35; }
.fund-subscription-share-calculator .fssc-faq-list,
.fund-subscription-share-calculator .fssc-tool-list { display: grid; gap: var(--cc-space-sm); }
.fund-subscription-share-calculator .fssc-faq-link { display: flex; align-items: center; justify-content: space-between; gap: var(--cc-space-sm); min-height: 44px; padding: var(--cc-space-sm) var(--cc-space-xs); color: var(--cc-muted); border-radius: var(--cc-radius-sm); font-size: var(--cc-font-size-sm); text-decoration: none; transition: color var(--cc-transition), background var(--cc-transition); }
.fund-subscription-share-calculator .fssc-faq-link > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fund-subscription-share-calculator .fssc-faq-link:hover { color: var(--cc-primary); background: var(--cc-primary-soft); }
.fund-subscription-share-calculator .fssc-tool-card { display: flex; align-items: center; gap: var(--cc-space-md); min-width: 0; min-height: 72px; padding: var(--cc-space-md); color: var(--cc-text); background: var(--cc-panel); border: 1px solid transparent; border-radius: var(--cc-radius-sm); text-decoration: none; transition: transform var(--cc-transition), border-color var(--cc-transition), box-shadow var(--cc-transition), background var(--cc-transition); }
.fund-subscription-share-calculator .fssc-tool-card:hover { background: var(--cc-white); border-color: #bfdbfe; box-shadow: 0 8px 18px rgba(37, 99, 235, 0.12); transform: translateY(-2px); }
.fund-subscription-share-calculator .fssc-tool-card:focus-visible,
.fund-subscription-share-calculator .fssc-faq-link:focus-visible { outline: 3px solid rgba(37, 99, 235, 0.22); outline-offset: 2px; }
.fund-subscription-share-calculator .fssc-tool-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; color: var(--cc-primary); background: var(--cc-primary-soft); border-radius: 10px; font-size: var(--cc-font-size-xs); font-weight: var(--cc-fw-bold); letter-spacing: 0.04em; }
.fund-subscription-share-calculator .fssc-tool-copy { display: grid; flex: 1 1 auto; gap: 2px; min-width: 0; }
.fund-subscription-share-calculator .fssc-tool-copy strong { overflow: hidden; color: var(--cc-text); font-size: var(--cc-font-size-sm); font-weight: var(--cc-fw-semibold); text-overflow: ellipsis; white-space: nowrap; }
.fund-subscription-share-calculator .fssc-tool-arrow { flex: 0 0 auto; color: var(--cc-faint); font-size: var(--cc-font-size-md); transition: color var(--cc-transition), transform var(--cc-transition); }
.fund-subscription-share-calculator .fssc-tool-card:hover .fssc-tool-arrow { color: var(--cc-primary); transform: translateX(3px); }
@media (max-width: 900px) { .fund-subscription-share-calculator .fssc-layout { grid-template-columns: 1fr; } }
@media (max-width: 420px) {
  .fund-subscription-share-calculator .fssc-main { padding: var(--cc-space-lg); border-radius: var(--cc-radius-md); }
  .fund-subscription-share-calculator .fssc-sidebar-card { padding: var(--cc-space-md); }
  .fund-subscription-share-calculator .fssc-tool-card { min-height: 68px; padding: var(--cc-space-sm) var(--cc-space-md); }
}
@media (prefers-reduced-motion: reduce) {
  .fund-subscription-share-calculator .fssc-faq-link,
  .fund-subscription-share-calculator .fssc-tool-card,
  .fund-subscription-share-calculator .fssc-tool-arrow { transition: none; }
  .fund-subscription-share-calculator .fssc-tool-card:hover,
  .fund-subscription-share-calculator .fssc-tool-card:hover .fssc-tool-arrow { transform: none; }
}