/* Xianshe brand refresh v2: light surfaces, brand blue, compact information hierarchy. */
.xcm-hub{--xs-blue:#1677ff;--xs-blue-dark:#0d5fc7;--xs-ink:#172b4d;--xs-text:#455a74;--xs-muted:#7b8ba1;--xs-line:#e4ebf4;--xs-pale:#f3f8ff;background:linear-gradient(180deg,#f5f9ff 0,#f8fafc 430px,#f7f9fc 100%);color:var(--xs-ink);padding:26px 0 72px}
.xcm-hub .xcm-wrap{width:1240px;max-width:calc(100% - 48px)}
.xcm-hub .xcm-hero{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);gap:44px;padding:48px 50px;border:1px solid #dce9fb;border-radius:22px;background:linear-gradient(112deg,#fff 0,#f7fbff 56%,#edf6ff 100%);color:var(--xs-ink);box-shadow:0 14px 38px rgba(37,98,164,.07)}
.xcm-hub .xcm-hero:before{content:"";position:absolute;inset:auto;left:auto;bottom:auto;z-index:-1;width:380px;height:380px;right:-120px;top:-190px;border-radius:50%;background:rgba(22,119,255,.08);pointer-events:none}
.xcm-hub .xcm-hero:after{content:"";position:absolute;inset:auto;left:auto;top:auto;z-index:-1;width:260px;height:260px;right:210px;bottom:-205px;border-radius:50%;border:55px solid rgba(22,119,255,.045);background:transparent;background-image:none;background-size:auto;mask-image:none;opacity:1;pointer-events:none}
.xcm-hub .xcm-hero .xcm-kicker{color:#3978c5;letter-spacing:1px;font-size:12px;display:flex;align-items:center;gap:10px}
.xcm-hub .xcm-hero .xcm-kicker:before{content:"";width:25px;height:3px;border-radius:3px;background:var(--xs-blue)}
.xcm-hub .xcm-hero h1{font-size:clamp(31px,3.25vw,44px);line-height:1.35;font-weight:750;letter-spacing:-1.5px;margin:20px 0 17px;color:#173451}
.xcm-hub .xcm-hero h1 em{font-style:normal;color:var(--xs-blue);font-weight:750}
.xcm-hub .xcm-hero .xcm-lead{color:#536a84;font-size:14px;line-height:1.95;max-width:570px}
.xcm-hub .xcm-actions{gap:10px}
.xcm-hub .xcm-btn{border-color:#d5e2f2;color:#35638f;border-radius:9px;font-weight:600;padding:11px 18px;background:#fff;box-shadow:0 3px 10px rgba(31,92,152,.035);transition:background .18s,transform .18s,border-color .18s,color .18s}
.xcm-hub .xcm-btn.primary{background:var(--xs-blue);border-color:var(--xs-blue);color:#fff;box-shadow:0 8px 18px rgba(22,119,255,.18)}
.xcm-hub .xcm-btn:hover{background:#eef6ff;border-color:#a8c8ed;color:#155fae}
.xcm-hub .xcm-btn.primary:hover{background:var(--xs-blue-dark);border-color:var(--xs-blue-dark);color:#fff}
.xcm-hub .xcm-btn:active{transform:scale(.98)}
.xcm-hub .xcm-text-link{color:#3972aa;font-weight:600}
.xcm-hub .xcm-hero .xcm-btn.primary{background:var(--xs-blue);color:#fff;border-color:var(--xs-blue)}
.xcm-hub .xcm-hero .xcm-btn:not(.primary){background:#fff;color:#2f669a;border-color:#cbdcf0}
.xcm-hub .xcm-hero .xcm-btn:hover{background:#eef6ff;color:#155fae}
.xcm-hub .xcm-hero .xcm-text-link{color:#3f6f9d;margin:5px 0}
.xcm-hub .xcm-recovery-points{gap:9px;margin-top:20px}
.xcm-hub .xcm-recovery-points span{background:#eef6ff;border:1px solid #dceafa;padding:6px 10px;border-radius:6px;color:#4f7398;font-size:11px}
.xcm-hub .xcm-recovery-points span:before{display:none}
.xcm-hub .xcm-hero p.xcm-small{font-size:11px;color:#8191a3;margin-top:17px;line-height:1.8;max-width:570px}
.xcm-hub .xcm-panel{position:relative;border:1px solid #dce8f5;background:rgba(255,255,255,.92);border-radius:16px;padding:24px 26px;box-shadow:0 10px 28px rgba(25,89,153,.07);overflow:hidden}
.xcm-hub .xcm-panel-head{gap:12px;flex-wrap:wrap}
.xcm-hub .xcm-panel h2{font-size:15px;color:#274964;font-weight:650}
.xcm-hub .xcm-panel .xcm-tag{background:#f0f3f7;color:#778698;border:0;font-size:10px}
.xcm-hub .xcm-metrics{padding:20px 0 18px}
.xcm-hub .xcm-metrics strong{font-family:"Bahnschrift","Microsoft YaHei",sans-serif;color:#24547e;font-size:30px;font-weight:500;font-variant-numeric:tabular-nums}
.xcm-hub .xcm-metrics span{color:#7c8c9f;font-size:11px}
.xcm-hub .xcm-metrics>div+div{border-color:#e5edf5}
.xcm-hub .xcm-panel p{border-color:#e8eef5;color:#748598;font-size:11px;line-height:1.85}
.xcm-hub .xcm-panel small{color:#91a0b0;font-size:10px}
.cm-device{height:100px;position:relative;margin:0 0 20px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e8eef5}
.cm-device:before,.cm-device:after{content:"";position:absolute;width:80%;height:1px;background:#cbddef;top:38%}
.cm-device:after{top:63%;width:68%}
.cm-chip{z-index:1;position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;width:198px;height:66px;border:1px solid #c5d9ed;border-radius:11px;background:linear-gradient(145deg,#f7fbff,#eaf4ff);padding:12px 16px;box-shadow:0 6px 0 -1px #dbe8f5,0 7px 0 #c5d9ed}
.cm-chip:before{content:"";position:absolute;left:16px;right:16px;bottom:-14px;height:5px;background:repeating-linear-gradient(90deg,#87add0 0 4px,transparent 4px 9px);opacity:.65}
.cm-chip b{font:600 21px/1 "Bahnschrift","Microsoft YaHei",sans-serif;color:#386b98;letter-spacing:2px}
.cm-chip small{font:10px/1.5 "Microsoft YaHei",sans-serif!important;color:#88a1b7!important;margin:5px 0 0!important;letter-spacing:1.6px}
.cm-chip i{width:39px;height:39px;border:1px solid #b3cae0;border-radius:50%;position:relative;background:repeating-conic-gradient(from 15deg,#8cb0cf 0 20deg,#eef6fd 20deg 60deg)}
.cm-chip i:after{content:"";position:absolute;inset:12px;border:1px solid #8faeca;border-radius:50%;background:#f6fbff}
.xcm-hub .xcm-section-nav{margin:18px 0 0;gap:2px;padding:5px;border-radius:11px;border:1px solid var(--xs-line);box-shadow:0 5px 16px rgba(33,86,140,.04);overflow-x:auto;flex-wrap:nowrap;background:#fff;scrollbar-width:thin;scrollbar-color:#cbd8e6 transparent}
.xcm-hub .xcm-section-nav a{flex:1;text-align:center;white-space:nowrap;padding:13px 12px;font-size:12px;color:#62748a;border-radius:7px}
.xcm-hub .xcm-section-nav a:first-child,.xcm-hub .xcm-section-nav a:hover{background:#edf5ff;color:var(--xs-blue)}
.xcm-hub .xcm-section-nav span{background:#e7f1ff;color:#4f78a4}
.xcm-hub .xcm-section{margin-top:46px;scroll-margin-top:120px}
.xcm-hub .xcm-heading{margin-bottom:22px;align-items:end}
.xcm-hub .xcm-kicker{color:#5b83aa;font-size:11px;letter-spacing:1.3px}
.xcm-hub .xcm-heading h2{font-size:25px;line-height:1.4;letter-spacing:-.5px;margin-top:8px;color:#1f3850}
.xcm-hub .xcm-tag{border-radius:5px;font-size:11px;padding:5px 8px}
.xcm-hub .xcm-tag.muted{color:#718092;background:#edf1f5}
.xcm-hub .xcm-rate-note,.xcm-hub .xcm-settlement-note{background:#eef6ff;border:0;border-left:3px solid #68a9ed;border-radius:0 9px 9px 0;padding:16px 20px;margin-bottom:22px}
.xcm-hub .xcm-rate-note strong,.xcm-hub .xcm-settlement-note strong{color:#2f6090;font-size:13px}
.xcm-hub .xcm-rate-note p,.xcm-hub .xcm-settlement-note p{font-size:12px;color:#6c7f94;line-height:1.9;margin-top:5px}
.xcm-hub .xcm-rate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.xcm-hub .xcm-rate-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center;padding:23px 25px;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(30,83,136,.04);border-color:var(--xs-line);transition:border-color .18s,transform .18s,box-shadow .18s}
.xcm-hub .xcm-rate-card:hover{border-color:#a7c7e8;transform:translateY(-2px);box-shadow:0 9px 24px rgba(28,89,150,.08)}
.xcm-hub .xcm-price-source{grid-column:1;width:max-content;max-width:100%;background:#edf5ff;padding:4px 7px;color:#5b83aa;font-size:10px;letter-spacing:.4px}
.xcm-hub .xcm-rate-card h3{grid-column:1;margin:10px 0 0;font-size:17px;font-weight:650;color:#294c6c;line-height:1.5}
.xcm-hub .xcm-rate-price{grid-column:2;grid-row:1 / 3;width:auto;display:block;margin:0;padding:0;border:0;text-align:right}
.xcm-hub .xcm-rate-price strong{display:block;font:550 32px/1.2 "Bahnschrift","Microsoft YaHei",sans-serif;color:#176fc9;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.xcm-hub .xcm-rate-price span{display:block;font-size:10px;margin-top:5px;color:#8a99aa}
.xcm-hub .xcm-rate-card p.xcm-small{grid-column:1 / -1;font-size:11px;line-height:1.8;margin:16px 0 0;padding-top:12px;border-top:1px solid #eef2f6;color:#8291a1}
.xcm-hub .xcm-rate-details{border-color:var(--xs-line);border-radius:10px;padding:12px 22px;box-shadow:none;background:#fff}
.xcm-hub .xcm-rate-details>summary{font-size:13px;color:#3a5e80;padding:12px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.xcm-hub .xcm-rate-details>summary::-webkit-details-marker{display:none}
.xcm-hub .xcm-rate-details>summary:after{content:"+";font-size:20px;font-weight:400;color:#80a2c0}
.xcm-hub .xcm-rate-details[open]>summary:after{content:"−"}
.xcm-hub .xcm-price-table thead th{background:#f4f8fc;color:#7a8da2;font-size:11px}
.xcm-hub .xcm-price-table td strong{font-weight:600;color:#2673bb}
.xcm-hub .xcm-price-table tbody tr:hover{background:#f7fbff}
.xcm-hub .xcm-price-table td,.xcm-hub .xcm-price-table th{border-color:#edf2f6;padding:13px 12px}
.xcm-hub .xcm-h3-panel{background:linear-gradient(110deg,#eef6ff,#fff);border:1px solid #d9e7f6;border-radius:16px;padding:32px}
.xcm-hub .xcm-h3-grid{display:flex;flex-direction:column;gap:0;margin-top:22px}
.xcm-hub .xcm-h3-grid article{border:0;border-top:1px solid #dfe9f2;display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;padding:17px 0}
.xcm-hub .xcm-h3-grid h3{font-size:14px;color:#356188}
.xcm-hub .xcm-h3-grid p{margin:0;color:#6e8194;font-size:12px}
.xcm-hub .xcm-join-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.xcm-hub .xcm-card,.xcm-hub .xcm-empty{border-color:var(--xs-line);box-shadow:0 4px 16px rgba(29,76,123,.035);border-radius:12px;background:#fff}
.xcm-hub .xcm-card h3{font-size:17px;color:#2f5372}
.xcm-hub .xcm-card p,.xcm-hub .xcm-card ul{color:#738497;font-size:13px}
.xcm-hub .xcm-boundary{background:#eef5fc;border-color:#dde8f2;border-radius:12px;padding:25px}
.xcm-hub .xcm-boundary h3{font-size:16px;color:#355d7c}
.xcm-hub .xcm-boundary b{color:#436b8b;font-weight:600}
.xcm-hub .xcm-boundary p{font-size:12px;color:#74889a}
.xcm-hub .xcm-steps{gap:0;padding:27px 8px;background:#fff;border:1px solid var(--xs-line);border-radius:12px;box-shadow:0 4px 15px rgba(29,76,123,.03)}
.xcm-hub .xcm-steps article{border:0;border-radius:0;padding:0 24px;background:none;position:relative}
.xcm-hub .xcm-steps article+article{border-left:1px solid #e7edf3}
.xcm-hub .xcm-steps b{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#edf5ff;color:#4e86bb;font:550 14px "Bahnschrift","Microsoft YaHei",sans-serif;border-radius:50%}
.xcm-hub .xcm-steps h3{font-size:14px;font-weight:600;color:#365975;margin:15px 0 9px}
.xcm-hub .xcm-steps p{font-size:12px;color:#788b9e;line-height:1.85}
.xcm-hub .xcm-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.xcm-hub .xcm-node{padding:23px}
.xcm-hub .xcm-node dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:16px}
.xcm-hub .xcm-node dl>div{display:block}
.xcm-hub .xcm-node dd{margin-top:8px;font-size:15px;font-weight:600}
.xcm-hub .xcm-node dt{font-size:10px;color:#8799aa}
.xcm-hub .xcm-node details{border-top:1px solid #edf2f6;padding-top:3px}
.xcm-hub .xcm-node summary{font-size:11px;font-weight:500;color:#507798}
.xcm-hub .xcm-node-heading-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.xcm-hub .xcm-create-device{position:relative}
.xcm-hub .xcm-create-device>summary{list-style:none;cursor:pointer}
.xcm-hub .xcm-create-device>summary::-webkit-details-marker{display:none}
.xcm-hub .xcm-create-device[open]>form{position:absolute;z-index:20;right:0;top:48px;width:310px;padding:20px;background:#fff;border:1px solid var(--xs-line);border-radius:12px;box-shadow:0 18px 45px rgba(25,74,125,.16)}
.xcm-hub .xcm-create-device label{display:block;color:#385b79;font-size:12px;font-weight:600}
.xcm-hub .xcm-create-device input{box-sizing:border-box;width:100%;margin:8px 0 9px;padding:11px 12px;border:1px solid #d8e4ef;border-radius:8px;background:#f8fbff;color:#253d55}
.xcm-hub .xcm-create-device p{font-size:11px;line-height:1.7;color:#7a8da0;margin:0 0 13px}
.xcm-hub .xcm-node-key{margin:0 0 18px;padding:20px 22px;border:1px solid #cfe2f8;border-radius:12px;background:#f3f8ff;color:#315c84}
.xcm-hub .xcm-node-key h3{margin:0 0 10px;color:#244f78;font-size:16px}
.xcm-hub .xcm-node-key code{display:inline-block;max-width:100%;overflow:auto;margin:5px 8px 8px 0;padding:10px 12px;border-radius:8px;background:#e8f2ff;color:#135fae;font-size:12px;vertical-align:middle}
.xcm-hub .xcm-node-manage{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #edf2f6}
.xcm-hub .xcm-node-manage form{margin:0}
.xcm-hub .xcm-node-manage span{color:#9a7a72;font-size:10px;line-height:1.6}
.xcm-hub .xcm-btn.danger{color:#b64a43;border-color:#efcbc7;background:#fff9f8;box-shadow:none}
.xcm-hub .xcm-btn.danger:hover{color:#a63831;border-color:#dda8a3;background:#fff1ef}
.xcm-confirm-modal[hidden]{display:none!important}
.xcm-confirm-modal{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:20px}
.xcm-confirm-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,34,58,.45);backdrop-filter:blur(3px);cursor:default}
.xcm-confirm-panel{position:relative;width:min(420px,calc(100vw - 32px));padding:30px;border:1px solid #dfe9f5;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(16,48,82,.25);text-align:center}
.xcm-confirm-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:50%;background:#fff1ef;color:#c54b43;font-size:26px;font-weight:800}
.xcm-confirm-panel h3{margin:0;color:#213c59;font-size:21px}
.xcm-confirm-panel p{margin:12px 0 24px;color:#657b91;font-size:13px;line-height:1.8}
.xcm-confirm-actions{display:flex;justify-content:center;gap:12px}
.xcm-confirm-actions .xcm-btn{min-width:112px}
.xcm-confirm-delete{color:#fff!important;border-color:#c7524b!important;background:#c7524b!important}
.xcm-confirm-delete:hover{border-color:#ad3e38!important;background:#ad3e38!important}
.xcm-confirm-delete:disabled{cursor:wait;opacity:.72}
body.xcm-modal-open{overflow:hidden}
.xcm-hub .xcm-section-nav{position:sticky;top:10px;z-index:60}
.xcm-hub #nodes{margin-top:30px;padding:27px;border:1px solid #dce7f2;border-radius:16px;background:#f8fbff;box-shadow:0 8px 26px rgba(30,83,136,.045)}
.xcm-hub #nodes .xcm-heading{align-items:center}
.xcm-hub #nodes .xcm-node-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:13px}
.xcm-hub #nodes .xcm-node{padding:20px}
.xcm-hub #earnings{margin-top:32px}
.xcm-hub #earnings .xcm-settlement-note{margin-bottom:26px}
.xcm-hub #join,.xcm-hub #newapi{margin-top:38px}
.xcm-hub #rates{padding-top:9px;border-top:1px solid #dfe8f1}
.xcm-hub #rates .xcm-rate-details{margin-top:10px}
.xcm-hub .xcm-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}
.xcm-hub .xcm-earnings{border-radius:14px;border-color:var(--xs-line);background:#fff;padding:28px 32px;gap:32px;box-shadow:0 5px 18px rgba(29,76,123,.035)}
.xcm-hub .xcm-earnings strong{font:550 38px/1.3 "Bahnschrift","Microsoft YaHei",sans-serif;color:#276da7;letter-spacing:-1px}
.xcm-hub .xcm-withdraw summary{color:#3c6f99}
.xcm-hub .xcm-withdraw input{background:#f8fbff;border-color:#d9e5ef}
.xcm-hub .xcm-help{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 22px}
.xcm-hub .xcm-help .xcm-heading{grid-column:1 / -1}
.xcm-hub .xcm-help details{border-radius:0!important;padding:17px 4px;border-bottom:1px solid #dfe7ef;background:transparent}
.xcm-hub .xcm-help summary{font-size:13px;font-weight:500;color:#466984}
.xcm-hub .xcm-help p{font-size:12px;color:#7b8d9d}
.xcm-hub .xcm-cloud-secondary{padding-top:28px}
.xcm-hub .xcm-cloud-secondary h2{font-size:18px;color:#41647f}
.xcm-hub .xcm-cloud-secondary p{color:#7c8e9e;font-size:12px}
.xcm-hub :is(a,button,summary,input):focus-visible{outline:3px solid #76b1ef;outline-offset:4px}
@media(min-width:1600px){.xcm-hub .xcm-wrap{width:1320px}.xcm-hub .xcm-hero{padding:54px 58px}}
@media(max-width:1100px){.xcm-hub .xcm-hero{padding:34px;gap:26px;grid-template-columns:minmax(0,1fr) minmax(290px,.8fr)}.xcm-hub .xcm-hero h1{font-size:32px}.xcm-hub .xcm-hero .xcm-text-link{width:100%;margin-top:2px}.xcm-hub .xcm-rate-card{padding:20px}.xcm-hub .xcm-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.xcm-hub .xcm-steps article{padding:0 16px}}
@media(max-width:820px){.xcm-hub .xcm-hero{grid-template-columns:minmax(0,1fr)}.xcm-hub .xcm-hero .xcm-text-link{width:auto;margin:6px}.xcm-hub .xcm-panel{padding:23px}.cm-device{display:none}.xcm-hub .xcm-panel-head{flex-wrap:nowrap}.xcm-hub .xcm-join-grid{grid-template-columns:1fr}.xcm-hub .xcm-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0}.xcm-hub .xcm-steps article:nth-child(3){border-left:0}.xcm-hub .xcm-help{grid-template-columns:1fr}.xcm-hub .xcm-node-grid{grid-template-columns:1fr}.xcm-hub .xcm-h3-grid article{grid-template-columns:140px minmax(0,1fr);gap:16px}}
@media(max-width:600px){.xcm-hub{padding:16px 0 44px}.xcm-hub .xcm-wrap{width:calc(100% - 28px);max-width:calc(100% - 28px)}.xcm-hub .xcm-hero{padding:26px 21px;border-radius:17px;gap:24px}.xcm-hub .xcm-hero h1{font-size:27px;line-height:1.45;margin:18px 0 15px;letter-spacing:-.8px}.xcm-hub .xcm-hero .xcm-lead{font-size:12px;line-height:1.9}.xcm-hub .xcm-hero .xcm-kicker{font-size:10px;letter-spacing:.8px}.xcm-hub .xcm-hero .xcm-actions{gap:9px;margin-top:20px}.xcm-hub .xcm-btn{font-size:12px;padding:10px 13px}.xcm-hub .xcm-hero .xcm-text-link{font-size:11px;margin:0;width:100%}.xcm-hub .xcm-recovery-points{gap:7px;margin-top:17px}.xcm-hub .xcm-recovery-points span{font-size:9px;padding:5px 7px}.xcm-hub .xcm-hero p.xcm-small{font-size:10px;line-height:1.85;margin-top:14px}.xcm-hub .xcm-panel{padding:17px}.xcm-hub .xcm-panel h2{font-size:12px}.xcm-hub .xcm-panel .xcm-tag{font-size:9px;padding:4px 6px}.xcm-hub .xcm-metrics{padding:18px 0}.xcm-hub .xcm-metrics strong{font-size:26px}.xcm-hub .xcm-metrics span{font-size:10px}.xcm-hub .xcm-metrics>div+div{padding-left:12px}.xcm-hub .xcm-panel p{font-size:10px}.xcm-hub .xcm-panel small{font-size:9px}.xcm-hub .xcm-section-nav{margin-top:14px;padding:4px}.xcm-hub .xcm-section-nav a{padding:12px;font-size:11px}.xcm-hub .xcm-section{margin-top:34px;scroll-margin-top:80px}.xcm-hub .xcm-heading{gap:10px;margin-bottom:17px;align-items:start}.xcm-hub .xcm-heading h2{font-size:20px;line-height:1.5;letter-spacing:0}.xcm-hub .xcm-heading .xcm-tag{font-size:10px}.xcm-hub .xcm-rate-note,.xcm-hub .xcm-settlement-note{padding:14px 16px}.xcm-hub .xcm-rate-note strong,.xcm-hub .xcm-settlement-note strong{font-size:12px}.xcm-hub .xcm-rate-note p,.xcm-hub .xcm-settlement-note p{font-size:11px}.xcm-hub .xcm-rate-grid{grid-template-columns:1fr;gap:10px}.xcm-hub .xcm-rate-card{padding:20px;column-gap:10px}.xcm-hub .xcm-rate-card h3{font-size:15px}.xcm-hub .xcm-rate-price strong{font-size:29px}.xcm-hub .xcm-rate-card p.xcm-small{font-size:10px;margin-top:13px;padding-top:10px}.xcm-hub .xcm-rate-details{padding:10px 15px}.xcm-hub .xcm-rate-details>summary{font-size:12px}.xcm-hub .xcm-price-table th,.xcm-hub .xcm-price-table td{padding:11px 5px;font-size:11px}.xcm-hub .xcm-h3-panel{padding:22px}.xcm-hub .xcm-h3-grid article{grid-template-columns:1fr;gap:8px;padding:16px 0}.xcm-hub .xcm-h3-grid h3{font-size:13px}.xcm-hub .xcm-h3-grid p{font-size:11px}.xcm-hub .xcm-h3-panel .xcm-lead{font-size:12px}.xcm-hub .xcm-card,.xcm-hub .xcm-boundary{padding:21px}.xcm-hub .xcm-card h3{font-size:16px}.xcm-hub .xcm-card p,.xcm-hub .xcm-card ul{font-size:12px}.xcm-hub .xcm-steps{padding:22px 4px;gap:24px 0}.xcm-hub .xcm-steps article{padding:0 15px}.xcm-hub .xcm-steps h3{font-size:13px;line-height:1.6}.xcm-hub .xcm-steps p{font-size:11px}.xcm-hub .xcm-earnings{padding:24px;grid-template-columns:1fr;gap:20px}.xcm-hub .xcm-earnings strong{font-size:33px}.xcm-hub .xcm-withdraw{border-left:0;border-top:1px solid var(--xs-line);padding:18px 0 0}.xcm-hub .xcm-help details{padding:15px 2px}.xcm-hub .xcm-help summary{font-size:12px}}
@media(max-width:600px){.xcm-hub .xcm-section-nav{top:6px}.xcm-hub #nodes{padding:20px 16px;margin-left:-4px;margin-right:-4px}.xcm-hub #nodes .xcm-node-grid{grid-template-columns:1fr}.xcm-hub .xcm-node-heading-actions{width:100%;justify-content:flex-start}.xcm-hub .xcm-create-device[open]>form{position:fixed;z-index:1000;left:14px;right:14px;top:50%;width:auto;max-height:calc(100vh - 40px);transform:translateY(-50%);overflow:auto}.xcm-hub .xcm-node-manage{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.xcm-confirm-panel{padding:25px 20px}.xcm-confirm-actions{flex-direction:column-reverse}.xcm-confirm-actions .xcm-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.xcm-hub *{animation:none!important;transition:none!important}.xcm-hub .xcm-rate-card:hover{transform:none}}
