/* 各国商标注册官费查询（/zh/tools/trademark-fees.html，ops/site/tools/tools_page_trademark_fees.py）。与工具箱页 tools.css 同一套站点色与密度；类名 jc-fees- 前缀。 */
.jc-fees{--jf-navy:#1e2d78;--jf-red:#d63333;--jf-line:#e3e6ef;--jf-muted:#6b7089;--jf-soft:#eef0f7;--jf-soft2:#f7f8fb;--jf-ok:#1f6b3d;--jf-ok-bg:#e8f5ec;--jf-ok-line:#9fd3ae;--jf-warn:#8a5a00;--jf-warn-bg:#fff3d6;--jf-warn-line:#f0c36d;font-size:14px;line-height:1.5;color:#1d2230}
.jc-fees a{text-decoration:none;color:var(--jf-navy)}.jc-fees a:hover{color:var(--jf-red)}
.jc-fees button:focus-visible,.jc-fees a:focus-visible,.jc-fees select:focus-visible,.jc-fees summary:focus-visible{outline:2px solid var(--jf-navy);outline-offset:2px}
.jc-fees .jc-fees-top{margin-bottom:14px}
.jc-fees .jc-home-eyebrow{margin:0;font-size:12.5px;color:var(--jf-muted)}.jc-fees .jc-home-eyebrow a{color:var(--jf-muted)}.jc-fees .jc-home-eyebrow a:hover{color:var(--jf-red)}
.jc-fees h1{font-size:26px;line-height:1.3;color:var(--jf-navy);margin:2px 0 6px}
.jc-fees .jc-fees-lead{margin:0;max-width:62em;color:#4d5169}
/* 查询表单：三行步骤 */
.jc-fees form.jc-fees-q{background:var(--jf-soft2);border:1px solid var(--jf-line);border-radius:10px;padding:2px 16px}
.jc-fees .jc-fees-row{display:grid;grid-template-columns:128px 1fr;align-items:center;min-height:54px;border-bottom:1px solid var(--jf-line);padding:6px 0}
.jc-fees .jc-fees-row:last-child{border-bottom:0}
.jc-fees .jc-fees-lab{font-size:13.5px;font-weight:600;color:#1d2230;display:flex;align-items:center;gap:8px}
.jc-fees .jc-fees-lab b{flex:0 0 20px;height:20px;line-height:20px;border-radius:50%;background:var(--jf-navy);color:#fff;font-size:12px;font-weight:600;text-align:center}
.jc-fees .jc-fees-ctl{display:flex;align-items:center;gap:8px;min-width:0}
.jc-fees .jc-fees-ctl-items{justify-content:space-between}
.jc-fees .jc-fees-seg{display:flex;flex-wrap:wrap;gap:6px}
.jc-fees .jc-fees-seg button,.jc-fees .jc-fees-seg label{height:34px;display:inline-flex;align-items:center;gap:4px;padding:0 12px;border:1px solid var(--jf-line);border-radius:8px;background:#fff;color:var(--jf-navy);font:inherit;font-size:13px;font-weight:600;cursor:pointer;margin:0;white-space:nowrap;line-height:1}
.jc-fees .jc-fees-seg button:hover,.jc-fees .jc-fees-seg label:hover{border-color:var(--jf-navy);background:var(--jf-soft)}
.jc-fees .jc-fees-seg button.on,.jc-fees .jc-fees-seg label.on{background:var(--jf-navy);color:#fff;border-color:var(--jf-navy)}
.jc-fees .jc-fees-seg button small{font-size:11px;font-weight:400;opacity:.75;margin-left:3px}
.jc-fees .jc-fees-seg label input{position:absolute;opacity:0;width:0;height:0}
.jc-fees .jc-fees-seg-g label{border-radius:17px;font-weight:600}
.jc-fees .jc-fees-seg-g label::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;box-sizing:border-box;margin-right:2px;opacity:.8}
.jc-fees .jc-fees-seg-g label.on::before{background:#fff;border-color:#fff}
.jc-fees .jc-fees-seg .jc-fees-ghost{border-style:dashed;font-weight:400;color:var(--jf-muted);border-radius:17px}
.jc-fees .jc-fees-seg .jc-fees-ghost:hover{color:var(--jf-navy)}
.jc-fees .jc-fees-sel{width:100%;max-width:440px;height:38px;box-sizing:border-box;padding:0 36px 0 12px;border:1px solid var(--jf-line);border-radius:8px;font:inherit;font-size:14px;color:#1d2230;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231e2d78' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none}
.jc-fees .jc-fees-sel:hover{border-color:var(--jf-navy)}
.jc-fees .jc-fees-go{height:38px;padding:0 26px;background:var(--jf-navy);color:#fff;border:1px solid var(--jf-navy);border-radius:8px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.jc-fees .jc-fees-go:hover{background:#172364;border-color:#172364}
.jc-fees .jc-fees-hint{font-size:12.5px;color:var(--jf-muted);margin:8px 0 14px}
/* 结果状态 */
.jc-fees .jc-fees-result{margin:0 0 16px}
.jc-fees .jc-fees-result p{margin:0;padding:9px 14px;border-left:3px solid var(--jf-navy);background:var(--jf-soft);border-radius:0 8px 8px 0;font-size:13.5px;color:#1d2230}
.jc-fees .jc-fees-result p a{margin-left:8px;font-weight:600}
/* 洲标题与法域折叠条 */
.jc-fees h2.jc-fees-region{font-size:17px;color:var(--jf-navy);border-bottom:2px solid var(--jf-line);padding-bottom:5px;margin:26px 0 8px;display:flex;align-items:baseline;gap:10px}
.jc-fees h2.jc-fees-region small{font-size:12px;font-weight:400;color:var(--jf-muted)}
.jc-fees details.jc-fees-jur{border:1px solid var(--jf-line);border-radius:8px;margin:6px 0;background:#fff}
.jc-fees details.jc-fees-jur[open]{border-color:#c9cfe3;box-shadow:0 2px 12px rgba(30,45,120,.08)}
.jc-fees details.jc-fees-jur summary{list-style:none;cursor:pointer;padding:9px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-height:42px;box-sizing:border-box}
.jc-fees details.jc-fees-jur summary::-webkit-details-marker{display:none}
.jc-fees details.jc-fees-jur summary:hover{background:var(--jf-soft2);border-radius:8px}
.jc-fees details.jc-fees-jur[open] summary{border-bottom:1px solid var(--jf-line);border-radius:8px 8px 0 0}
.jc-fees .jc-fees-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;font-weight:600;color:var(--jf-navy);background:var(--jf-soft);padding:2px 7px;border-radius:5px;letter-spacing:.02em}
.jc-fees .jc-fees-name{font-weight:600;font-size:15px}
.jc-fees .jc-fees-office{color:var(--jf-muted);font-size:13px}
.jc-fees .jc-fees-mad{font-size:11.5px;border-radius:999px;padding:1px 8px;border:1px solid;line-height:1.5}
.jc-fees .jc-fees-mad-individual,.jc-fees .jc-fees-mad-complementary{color:var(--jf-ok);border-color:var(--jf-ok-line);background:var(--jf-ok-bg)}
.jc-fees .jc-fees-mad-none{color:var(--jf-warn);border-color:var(--jf-warn-line);background:var(--jf-warn-bg)}
.jc-fees .jc-fees-chk{margin-left:auto;font-size:12px;color:var(--jf-muted);white-space:nowrap}
.jc-fees .jc-fees-caret{width:8px;height:8px;border-right:1.6px solid var(--jf-muted);border-bottom:1.6px solid var(--jf-muted);transform:rotate(45deg);margin:-3px 4px 0 2px;transition:transform .15s}
.jc-fees details.jc-fees-jur[open] .jc-fees-caret{transform:rotate(-135deg);margin-top:4px}
.jc-fees .jc-fees-body{padding:2px 14px 14px}
.jc-fees section.jc-fees-grp h4{margin:14px 0 6px;font-size:14.5px;color:var(--jf-navy);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.jc-fees section.jc-fees-grp h4 small{font-weight:400;font-size:12px;color:var(--jf-muted)}
.jc-fees section.jc-fees-grp.hidden{display:none}
/* 表格 */
.jc-fees table.jc-fees-tbl{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}
.jc-fees table.jc-fees-tbl th,.jc-fees table.jc-fees-tbl td{border-bottom:1px solid var(--jf-line);padding:7px 8px;text-align:left;vertical-align:top}
.jc-fees table.jc-fees-tbl th{background:var(--jf-soft2);font-weight:600;font-size:12.5px;color:var(--jf-muted);white-space:nowrap}
.jc-fees table.jc-fees-tbl th.num,.jc-fees table.jc-fees-tbl td.num{text-align:right;white-space:nowrap}
.jc-fees table.jc-fees-tbl td.amt{font-weight:600;color:#1d2230}
.jc-fees table.jc-fees-tbl td.apx{color:#4d5169}
.jc-fees table.jc-fees-tbl td.apx .jc-fees-usd{font-size:12px;color:var(--jf-muted)}.jc-fees table.jc-fees-tbl td.apx .jc-fees-usd::before{content:" / ";color:var(--jf-line)}
.jc-fees table.jc-fees-tbl td.small{font-size:12px;color:var(--jf-muted);white-space:nowrap}
.jc-fees table.jc-fees-tbl td.small a{font-weight:600}
.jc-fees tr.jc-fees-sub td{background:#fff;color:var(--jf-navy);font-weight:600;font-size:12.5px;padding:8px 8px 3px;border-bottom:1px solid var(--jf-line)}
.jc-fees tr.jc-fees-sub td::before{content:"";display:inline-block;width:3px;height:11px;background:var(--jf-navy);border-radius:2px;margin:0 6px -1px 0}
.jc-fees .jc-fees-rev{color:var(--jf-warn);font-weight:600;margin-left:6px}
.jc-fees .jc-fees-ex{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:8px 0 0;padding:8px 12px;background:var(--jf-soft2);border-left:3px solid var(--jf-navy);border-radius:0 8px 8px 0;font-size:13.5px}
.jc-fees .jc-fees-ex b{color:var(--jf-navy)}
.jc-fees .jc-fees-ex .jc-fees-ex-v em{font-style:normal;color:var(--jf-muted);margin-right:6px;font-size:12.5px}
.jc-fees .jc-fees-ex .jc-fees-ex-v small{color:var(--jf-muted);margin-left:6px;font-size:12.5px}
.jc-fees .muted{color:var(--jf-muted);font-weight:400}
/* 条目底部链接 */
.jc-fees .jc-fees-links{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 6px}
.jc-fees .jc-fees-links a{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:1px solid var(--jf-line);border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:var(--jf-navy)}
.jc-fees .jc-fees-links a:hover{border-color:var(--jf-navy);background:var(--jf-soft);color:var(--jf-navy)}
.jc-fees .jc-fees-links a.jc-fees-cta{color:var(--jf-red);border-color:#f1c2c2}
.jc-fees .jc-fees-links a.jc-fees-cta:hover{background:var(--jf-red);border-color:var(--jf-red);color:#fff}
.jc-fees .jc-fees-legal{font-size:12px;color:var(--jf-muted);margin:4px 0 0;line-height:1.6}
/* 问答、引用、页脚 */
.jc-fees .jc-fees-faq h3{font-size:15px;color:var(--jf-navy);margin:14px 0 4px}
.jc-fees .jc-fees-faq p{margin:0;color:#4d5169;max-width:62em}
.jc-fees .jc-fees-cite{background:var(--jf-soft2);border:1px solid var(--jf-line);padding:10px 14px;border-radius:8px;font-size:13px;margin-top:22px;word-break:break-all}
.jc-fees .jc-fees-cite b{color:var(--jf-navy)}
.jc-fees .jc-fees-foot{font-size:12.5px;color:var(--jf-muted);margin-top:14px}
@media (max-width:820px){
.jc-fees h1{font-size:22px}
.jc-fees form.jc-fees-q{padding:2px 12px}
.jc-fees .jc-fees-row{grid-template-columns:1fr;padding:8px 0;min-height:0;gap:6px}
.jc-fees .jc-fees-ctl-items{flex-direction:column;align-items:stretch}
.jc-fees .jc-fees-go{width:100%}
.jc-fees .jc-fees-seg{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.jc-fees .jc-fees-sel{max-width:none}
.jc-fees details.jc-fees-jur summary{gap:6px 8px;padding:9px 12px}
.jc-fees .jc-fees-chk{margin-left:0;flex:1 1 100%;order:9}
.jc-fees .jc-fees-caret{position:absolute;right:14px;top:16px}
.jc-fees details.jc-fees-jur{position:relative}
.jc-fees .jc-fees-body{padding:2px 12px 12px}
.jc-fees table.jc-fees-tbl,.jc-fees table.jc-fees-tbl tbody,.jc-fees table.jc-fees-tbl tr,.jc-fees table.jc-fees-tbl td{display:block}
.jc-fees table.jc-fees-tbl thead{display:none}
.jc-fees table.jc-fees-tbl tr{border-bottom:1px solid var(--jf-line);padding:8px 0}
.jc-fees table.jc-fees-tbl td{border:0;padding:1px 0;text-align:left}
.jc-fees table.jc-fees-tbl td.lbl{font-weight:600;margin-bottom:2px}
.jc-fees table.jc-fees-tbl td.unit,.jc-fees table.jc-fees-tbl td.num{display:inline-block;margin-right:14px;white-space:nowrap}
.jc-fees table.jc-fees-tbl td.apx .jc-fees-usd{margin-left:0}
.jc-fees table.jc-fees-tbl td[data-l]::before{content:attr(data-l) "：";color:var(--jf-muted);font-weight:400;font-size:12px}
.jc-fees table.jc-fees-tbl td.small{display:block;margin-top:2px;white-space:normal}
.jc-fees tr.jc-fees-sub td{display:block;padding:8px 0 2px}
.jc-fees tr.jc-fees-sub td::before{content:"";width:3px;height:11px}
.jc-fees .jc-fees-ex{flex-direction:column;gap:3px}
.jc-fees .jc-fees-links a{flex:1 1 auto;justify-content:center}
}
/* 工具页页脚紧凑：与 tools.css 的 #jc-tools 规则逐条相同（改一处要同步另一处） */
body:has(#jc-fees) footer .uk-section{padding-top:16px;padding-bottom:12px}
body:has(#jc-fees) footer .tm-grid-expand{display:block;margin-top:0}
body:has(#jc-fees) footer .tm-grid-expand>div{width:100%;margin-top:0}
body:has(#jc-fees) footer .jc-footer-logo{display:none}
body:has(#jc-fees) footer .jcipo-footer-col{display:flex;align-items:baseline;gap:16px;margin:0 0 4px}
body:has(#jc-fees) footer .jcipo-footer-col h5{margin:0;flex:0 0 76px;text-align:right;font-size:13px;color:#6b7089;white-space:nowrap}
body:has(#jc-fees) footer .jcipo-footer-col ul{display:flex;gap:4px 14px;flex-wrap:wrap;font-size:13px;margin:0;line-height:1.5}
body:has(#jc-fees) footer .jcipo-footer-col li{margin:0}
body:has(#jc-fees) footer .uk-section-xsmall{padding-top:10px;padding-bottom:12px}
@media (max-width:640px){body:has(#jc-fees) footer .uk-section{padding-top:10px;padding-bottom:8px}body:has(#jc-fees) footer .jcipo-footer-col{flex-wrap:wrap;gap:2px 10px;margin:0 0 2px}body:has(#jc-fees) footer .jcipo-footer-col h5{text-align:left;flex:none;font-size:12px}body:has(#jc-fees) footer .jcipo-footer-col ul{gap:0 10px;font-size:12px;line-height:1.6}body:has(#jc-fees) footer .uk-section-xsmall{padding-top:6px;padding-bottom:8px}body:has(#jc-fees) footer .uk-section-xsmall p,body:has(#jc-fees) footer .uk-text-small{font-size:11px;line-height:1.6}}