@import url("/auth-assets/member-plans.css");
:root{color-scheme:dark;--canvas:#10151c;--surface:#18212b;--raised:#1e2a36;--line:#2b3945;--ink:#eff2f1;--muted:#aab9c7;--accent:#9ec5ff;--blue:#1f6feb;--radius:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--canvas);color:var(--ink);font:15px/1.7 "DZX Sans","Microsoft YaHei UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
button,input,textarea,select{font:inherit}
button,a,input,textarea,summary{outline-offset:4px}
:focus-visible{outline:2px solid var(--accent)}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.65}
[hidden]{display:none!important}
.icon{width:18px;height:18px;flex:none;vertical-align:middle}
.skills-main{width:100%;max-width:1216px;margin:0 auto;padding:42px 32px 64px;flex:1;min-width:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 17px;border:1px solid #3c4b5b;border-radius:9px;background:var(--raised);color:var(--ink);font-size:15px;font-weight:600;line-height:1.5;white-space:nowrap;transition:background .16s,border-color .16s,transform .16s}
.btn:hover{background:#2a3b4c;border-color:#668099;text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn.primary{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 4px 16px #0c3c8528}
.btn.primary:hover{background:#185ecb;border-color:#185ecb}
.btn.quiet{background:transparent;border-color:transparent;color:var(--muted)}
.btn.like[aria-pressed=true]{color:var(--accent);background:#203a56;border-color:#4778ac}
.skills-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.skills-hero h1{margin:0;font-size:32px;line-height:1.35;letter-spacing:.01em;font-weight:700}
.hero-actions{display:flex;gap:12px}
.skills-toolbar{display:flex;flex-direction:column;gap:16px}
.search-group{display:flex;align-items:center;gap:10px;flex:1;width:100%;min-width:0}
.search{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0 14px;height:44px;border:1px solid #3c4b5b;border-radius:9px;background:#111b25;color:var(--muted)}
.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #7eb6ff18}
.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px}
.search input::placeholder{color:var(--muted);opacity:1}
.sort-tabs{display:flex;gap:4px;flex:none}
.sort-tabs a{padding:8px 13px;border-radius:8px;color:var(--muted);font-size:14px;white-space:nowrap}
.sort-tabs a:hover{color:var(--ink);text-decoration:none;background:var(--raised)}
.sort-tabs a[aria-current]{color:var(--accent);background:#24374b;font-weight:600}
.results-head{display:flex;align-items:baseline;gap:14px;margin:28px 0 16px}
.results-head h2{margin:0;font-size:18px;font-weight:650}
.skills-count{margin:0;color:var(--muted);font-size:14px}
.results-head>a{margin-left:auto;font-size:14px}
.skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.skill-grid>li{min-width:0}
.skill-card{position:relative}
.card-open{position:absolute;inset:0;z-index:1;border-radius:inherit}
.card-open:focus-visible{outline-offset:3px}
.card-stats .stat{position:relative;z-index:2;border:0;border-radius:5px;padding:4px;background:transparent;font:inherit;text-decoration:none}
.card-stats .stat:hover{background:#c9dffa;color:#1557c4;text-decoration:none}
.card-stats button[aria-pressed=true]{color:#1f6feb;background:#c9dffa}
.card-stats button[aria-pressed=true] .icon{fill:#1f6feb24}
.card-action-status{position:absolute;z-index:3;left:14px;right:14px;bottom:40px;margin:0;padding:8px 10px;background:#fff;border:1px solid #c9d7eb;border-radius:8px;color:#a32c36;font-size:13px}
.skill-card{aspect-ratio:1;min-height:270px;display:flex;flex-direction:column;gap:13px;padding:20px;border:1px solid #bcd0e4;border-radius:16px;background:linear-gradient(145deg,#f1f6fe,#deebfa);color:#182a43;box-shadow:0 10px 28px #0002;transition:transform .18s,border-color .18s,box-shadow .18s}
.skill-card:hover{border-color:#80b2f8;box-shadow:0 12px 32px #0003;transform:translateY(-3px);text-decoration:none}
.card-heading{display:flex;align-items:center;gap:11px;min-width:0}
.skill-mark{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;color:#a9d1ff;background:#243c56;border:1px solid #375778}
.skill-mark .icon{width:25px;height:25px}
.skill-card .skill-mark{width:36px;height:36px;background:#c9dffa;color:#2366be;border-color:#bdd4f2;border-radius:10px}
.skill-card .skill-mark .icon{width:22px;height:22px}
.card-heading-text{min-width:0}
.card-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.card-top h2{margin:0;font-size:16px;line-height:1.5;font-weight:650;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.badge{display:inline-flex;align-items:center;flex:none;padding:1px 7px;border-radius:5px;font-size:13px;line-height:1.6;font-weight:600}
.badge.official{background:#253f5d;color:#b1d3ff;border:1px solid #3c5e82}
.skill-card .badge.official{background:#d3e5ff;color:#205fb2;border-color:#b9d3f8;font-size:12px}
.card-categories{display:flex;gap:5px;flex-wrap:wrap;max-height:46px;overflow:hidden;line-height:1.5}
.card-categories:empty{display:none}
.card-categories span{padding:1px 6px;background:#d3e1f1;color:#405c7b;border-radius:4px;font-size:12px;white-space:nowrap}
.slug{display:block;margin-top:5px;color:var(--muted);font:14px/1.6 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
.skill-card .summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#455b74;font-size:14px;line-height:1.75;margin:0}
.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid #b6cae080;color:#4b6380;font-size:13px}
.card-footer .author{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.card-stats{display:inline-flex;align-items:center;gap:12px;flex:none}
.card-stats .stat{display:inline-flex;align-items:center;gap:5px;color:#46688e;line-height:1.5}
.card-stats .icon{width:15px;height:15px}
.card-stats .stat strong{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.skill-grid[data-view=list]{grid-template-columns:1fr}
.skill-grid[data-view=list] .skill-card{aspect-ratio:auto;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr) 185px;gap:6px 24px;padding:18px 22px}
.skill-grid[data-view=list] .card-heading{grid-column:1;grid-row:1/3}
.skill-grid[data-view=list] .summary{grid-column:2;grid-row:1;-webkit-line-clamp:2}
.skill-grid[data-view=list] .card-categories{grid-column:2;grid-row:2}
.skill-grid[data-view=list] .card-footer{grid-column:3;grid-row:1/3;flex-direction:column;align-items:flex-end;justify-content:center;margin:0;padding:0;border:0}
.pager{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}
.empty{padding:48px 24px;text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.empty h1,.empty h2{font-size:20px;margin:14px 0 6px}
.empty p{color:var(--muted);margin:0 0 20px}
.empty p:empty{display:none}
.empty-mark{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:12px;background:var(--raised);color:var(--accent)}
.empty-mark .icon{width:24px;height:24px}
.breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);margin-bottom:22px;overflow-wrap:anywhere}
.detail-head,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 8px 24px #0000000a}
.detail-head{padding:18px 20px}
.detail-heading{display:flex;align-items:center;gap:12px}
.detail-heading>div{min-width:0}
.detail-heading .skill-mark{width:44px;height:44px}
.detail-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.detail-title h1,.rules-page h1{font-size:27px;line-height:1.45;font-weight:700;margin:0;overflow-wrap:anywhere}
.detail-head>.summary{font-size:14px;line-height:1.7;color:#c3ced9;margin:12px 0 0;max-width:960px;overflow-wrap:anywhere}
.detail-actions{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start;margin-top:14px}
.detail-content{min-width:0}
.panel{padding:16px 18px;margin-top:12px;min-width:0;scroll-margin-top:28px}
.panel h2{font-size:16px;line-height:1.5;margin:0 0 8px;font-weight:650}
.panel h3{font-size:15px;margin:16px 0 8px}
.usage-panel{margin-top:0}
.usage-panel>h2{display:none}
.install-sidebar{position:sticky;top:24px;min-width:0}
.install{margin:0;padding:16px 18px;background:#1b2937;border-color:#38516b}
.install h2{font-size:16px;margin-bottom:8px}
.install-intro{font-size:13px;color:#c3ced9;margin:0 0 12px}
.install .btn{width:100%;font-size:13px;padding:8px 10px;min-height:36px}
.action-status{color:var(--accent);font-size:14px;line-height:1.6;margin:10px 0 0;overflow-wrap:anywhere}
.action-status:empty{display:none}
.manual-install{margin-top:8px}
.install-details{margin-top:14px;padding-top:12px;border-top:1px solid #3b4d60;font-size:13px}
summary{cursor:pointer;color:var(--accent);font-size:14px}
.install-details>p{margin:10px 0}
.install-details .icon{width:15px;height:15px}
.agent-text{max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:8px;background:#101923;color:#c3ced9;padding:12px;font:13px/1.6 ui-monospace,Consolas,monospace}
.markdown-body{color:#d0d9e1;overflow-wrap:anywhere;font-size:14px;line-height:1.7}
.markdown-body>:first-child{margin-top:0}
.markdown-body>:last-child{margin-bottom:0}
.markdown-body h1{font-size:20px;line-height:1.5;margin:20px 0 12px;color:var(--ink)}
.markdown-body h2{font-size:16px;margin:16px 0 8px;padding-top:12px;border-top:1px solid var(--line);color:var(--ink)}
.markdown-body h3{font-size:15px;color:var(--ink)}
.markdown-body p,.markdown-body ul,.markdown-body ol{margin:8px 0}
.markdown-body ul,.markdown-body ol{padding-left:20px}
.markdown-body li{margin:4px 0}
.markdown-body code{font-size:13px;background:#233241;border-radius:4px;padding:2px 5px;color:#bdd9ff;white-space:normal}
.markdown-body pre{overflow:auto;padding:12px;border-radius:9px;background:#101923;border:1px solid var(--line);font-size:13px;line-height:1.6}
.markdown-body pre code{padding:0;background:transparent;white-space:pre;color:#cbd8e5}
.markdown-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:14px}
.markdown-body th,.markdown-body td{border:1px solid #364555;padding:7px 10px;text-align:left;vertical-align:top;min-width:90px}
.markdown-body th{background:#233140;color:var(--ink)}
.markdown-body blockquote{margin:12px 0;padding:1px 12px;border-left:3px solid #6d9bcf;background:#213040;color:#c3ced9}
.image-placeholder,.muted{color:var(--muted);font-size:14px}
.rule-list{padding-left:22px;margin-bottom:0;color:#c3ced9}
.rule-list li{margin:10px 0}
.report-dialog{width:min(460px,calc(100vw - 40px));max-height:calc(100vh - 48px);padding:28px;border:1px solid #496076;border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 24px 90px #0009}
.report-dialog::backdrop{background:#060b13aa;backdrop-filter:blur(5px)}
.report-dialog h2{font-size:21px;margin:0 0 20px}
.report-dialog fieldset{padding:0;margin:0 0 20px;border:0}
.report-dialog legend{font-size:15px;margin-bottom:10px}
.report-dialog fieldset label{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:15px;cursor:pointer}
.report-dialog input{accent-color:#67a4ff}
.detail-field{display:grid;gap:8px;font-size:15px}
.detail-field textarea{width:100%;padding:10px 12px;border:1px solid #465a6e;border-radius:8px;resize:vertical;background:#101923;color:var(--ink)}
.form-status{font-size:14px;color:#ffb8b8;margin:12px 0;min-height:0}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.site-footer{flex:none;padding:26px 24px 32px;border-top:1px solid #243240;color:var(--muted);text-align:center;font-size:13px;line-height:2.1}
.site-footer a{color:inherit}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.filter-row{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%}
.filter-controls{display:flex;align-items:center;gap:10px}
.filter-controls select,.category-filter>summary{min-height:38px;padding:6px 12px;border:1px solid #42556a;border-radius:8px;background:#243244;color:#e1eaf3;font-size:14px}
.category-filter{position:relative}
.category-filter>summary{list-style:none;cursor:pointer;white-space:nowrap}
.category-filter>summary:after{content:"⌄";margin-left:10px}
.category-options{position:absolute;right:0;top:calc(100% + 8px);width:218px;padding:10px;background:#253548;border:1px solid #4a6178;box-shadow:0 12px 36px #0006;border-radius:12px;z-index:5}
.category-options fieldset{padding:0;border:0;margin:0}
.category-options label{display:flex;align-items:center;gap:10px;padding:8px;font-size:14px;cursor:pointer}
.category-options input{width:16px;height:16px;accent-color:#5c9eff}
.category-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid #53677d}
.category-actions>button:first-child{border:0;background:none;color:var(--accent);font-size:14px}
.category-actions .btn{min-height:32px;padding:5px 14px;font-size:14px}
.view-switch{display:flex;padding:3px;gap:2px;border:1px solid #42556a;border-radius:8px;background:#1d2a39}
.view-switch a{display:grid;place-items:center;width:32px;height:30px;border-radius:5px;color:#aebed0}
.view-switch a[aria-current]{background:#405f82;color:#fff}
@media(max-width:1100px){.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skills-main{padding:32px 24px 48px}.detail-layout{grid-template-columns:minmax(0,1fr) 292px;gap:16px}.skills-toolbar{gap:12px}.sort-tabs a{padding:8px 10px}.panel{padding:16px 18px}.install{padding:16px 18px}}
@media(max-width:800px){.skills-main{padding:28px 20px 42px}.skills-hero{align-items:flex-start;flex-wrap:wrap;gap:20px}.skills-hero h1{font-size:28px}.skills-toolbar{flex-wrap:wrap}.search-group{flex-basis:100%;max-width:none}.sort-tabs{width:100%;justify-content:flex-end}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row{flex-wrap:wrap}.filter-controls{width:100%;justify-content:flex-end}.sort-tabs{justify-content:flex-start!important}.skill-grid[data-view=list] .skill-card{display:flex}.skill-grid[data-view=list] .card-footer{flex-direction:row;justify-content:space-between}.detail-layout{display:flex;flex-direction:column}.install-sidebar{position:static;order:-1;width:100%}.detail-content{width:100%}.detail-head{padding:16px 18px}.detail-title h1{font-size:20px}.detail-actions{align-self:flex-end}.card-meta{gap:8px}.install .btn{max-width:360px}.install-details{margin-top:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}

.profile-section:first-child h2{margin-top:0;padding-top:0;border-top:0}
.profile-section+.profile-section{margin-top:14px}
.profile-section p{white-space:pre-line}
.profile-section .profile-text>:first-child{margin-top:0}
.source-instructions{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.source-instructions[open]>summary{margin-bottom:12px}
.setup-badge{display:inline-flex;align-items:center;padding:1px 6px;background:#263e55;border:1px solid #3d5975;border-radius:6px;color:#b1d3ff;font-size:12px;margin:0 0 10px}

@media(max-width:540px){.skill-grid{grid-template-columns:1fr}.skill-card{aspect-ratio:auto;min-height:230px}}

.site-ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 80% 44%,#21323c63 0,transparent 45%),radial-gradient(ellipse at 14% 0%,#30383d32 0,transparent 45%),linear-gradient(115deg,#141a20 0%,#101419 45%,#10161b 100%)}
.site-ambient:after{content:"";position:absolute;inset:0;opacity:.033;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.fx-pointer-particles{position:fixed;inset:0;width:100%;height:100%;z-index:60;pointer-events:none}
.fx-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.skills-main,.site-footer{position:relative;z-index:1}
.skills-modal{width:min(1080px,calc(100vw - 64px));max-height:calc(100dvh - 64px);padding:0;border:1px solid #526b84;border-radius:18px;background:var(--canvas);color:var(--ink);box-shadow:0 28px 100px #000a;overflow:auto;overscroll-behavior:contain}
.skills-modal::backdrop{background:#040910b8;backdrop-filter:blur(6px)}
.skills-modal-bar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#172331f5;border-bottom:1px solid var(--line)}
.skills-modal-bar h2{margin:0;font-size:16px;font-weight:600}
.skills-modal-close{display:grid;place-items:center;width:34px;height:34px;background:#2b3c50;color:#dce9f9;border:1px solid #496079;border-radius:8px;font-size:23px;line-height:1;cursor:pointer}
.skills-modal-content{min-height:170px}
.skills-modal .skills-main{padding:16px;max-width:none}
.skills-modal .breadcrumb{display:none}
.skills-modal .detail-head{padding:16px 18px}
.skills-modal .detail-title h1{font-size:20px}
.skills-modal .detail-layout{grid-template-columns:minmax(0,1fr) 286px;gap:16px;margin-top:14px}
.skills-modal .install-sidebar{top:70px}


.skills-modal-message{padding:40px 24px;text-align:center;color:var(--muted)}
.skills-modal-message .btn{margin:12px 6px 0}
body:has(.skills-modal[open]){overflow:hidden}
@media(max-width:800px){.skills-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.skills-modal .detail-layout{display:flex}.skills-modal .skills-main{padding:14px}}
@media(prefers-reduced-motion:reduce){.fx-pointer-particles{display:none}}


/* Shared by the homepage and every skill route, including before JavaScript runs. */
:root{--site-header-height:76px}
html{scrollbar-gutter:stable;scroll-padding-top:calc(var(--site-header-height) + 28px)}
body{padding-top:var(--site-header-height)}
body>header{position:fixed;top:0;left:0;transform:none;width:100%;height:var(--site-header-height);max-width:none;margin:0;padding:0 max(32px,calc((100% - 1200px)/2));padding-right:clamp(32px,4vw,80px);z-index:100;box-sizing:border-box;background:#10151cef;backdrop-filter:blur(16px);border-bottom:1px solid #b4d4e014;color:#eff2f1;font:400 16px/normal "DZX Sans","Microsoft YaHei UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body>header .nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;border:0}
body>header .nav-left{display:flex;align-items:center;gap:24px}
body>header .brand-link{display:flex;align-items:center;gap:10px;color:#eff2f1;font-size:20px;font-weight:650;line-height:28px;letter-spacing:0;white-space:nowrap}
body>header .brand-link img{display:block;width:28px;height:28px}
body>header .nav-download{display:flex;align-items:center;height:34px;padding:0 12px;gap:8px;border-radius:6px;border:1px solid #8ba9ba30;background:#9ecde00a;color:#c0ced6;font-size:13px;font-weight:500;line-height:20px;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff04;cursor:pointer}
body>header .nav-download .ico{width:13px;height:13px;opacity:.8}
body>header .nav-download:hover{background:#9ecde014;border-color:#8ba9ba50;color:#e0e9ee}
body>header nav{display:flex;align-items:center;gap:32px;font-size:16px;line-height:22px}
body>header nav>a,body>header nav>button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0;font:inherit;font-weight:550;letter-spacing:0;color:#b4c2cc;white-space:nowrap;border:0;background:none}
body>header nav>a[aria-current],body>header nav>a[href="#top"]{color:#edf2f4}
body>header a,body>header a:hover{text-decoration:none}
body>header nav>a:hover,body>header nav>button:hover{color:#edf2f4}
body>header a:focus-visible,body>header button:focus-visible{outline:2px solid #9cdbe8;outline-offset:5px;border-radius:4px}
@media(max-width:600px){
 :root{--site-header-height:103px}
 body>header{padding:0 22px}
 body>header .nav{flex-wrap:wrap;padding:16px 0 11px;gap:13px}
 body>header .nav-left{width:100%;justify-content:space-between;gap:8px}
 body>header .brand-link{font-size:19px;line-height:26px}
 body>header .brand-link img{width:26px;height:26px}
 body>header .nav-download{height:30px;padding:0 10px;font-size:12px}
 body>header nav{width:100%;justify-content:flex-end;gap:26px;font-size:14px;line-height:20px}
 body>header nav>a,body>header nav>button{min-height:24px}
}


.public-install{width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;border:1px solid #b4d4e026;border-radius:14px;padding:20px;color:#eff2f1;background:linear-gradient(145deg,#19242f,#121b24 65%);box-shadow:0 32px 100px #0007,inset 0 1px 0 #ffffff05;font-family:"DZX Sans","Microsoft YaHei UI",Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color-scheme:dark}
.public-install[open]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.public-install::backdrop{background:#070d14ad;backdrop-filter:blur(10px)}
.public-install .install-heading{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0 20px 6px 0}
.public-install .install-logo{width:24px;height:24px;flex:none;border-radius:6px}
.public-install h2{margin:0;font-size:18px;font-weight:600;line-height:26px;letter-spacing:0;color:#f0f4f7}
.public-install .install-option{display:flex;flex-direction:column;align-items:center;min-height:154px;box-sizing:border-box;padding:14px;border:1px solid #accbe51c;border-radius:10px;background:linear-gradient(155deg,#ffffff05,#ffffff01);box-shadow:inset 0 1px 0 #ffffff03}
.public-install .install-option-header{display:contents}
.public-install h3{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;font-family:inherit;font-size:16px;font-weight:500;line-height:22px;letter-spacing:-.4px;color:#eaf0f5}
.public-install h3::before{content:"";display:block;width:24px;height:24px;background:#7caeff;mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 2h9v9H2zm11 0h9v9h-9zM2 13h9v9H2zm11 0h9v9h-9z'/%3E%3C/svg%3E")}
.public-install .install-option:last-child h3::before{background:#d1dbe4;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.76 3.08.82 1.18-.24 2.31-.94 3.57-.85 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.08l.01-.01ZM12.03 7.25C11.88 5.02 13.69 3.18 15.77 3c.29 2.58-2.34 4.5-3.74 4.25Z'/%3E%3C/svg%3E")}
.public-install p{order:1;margin:6px 0 12px;color:#93a4b5;font-size:12px;line-height:18px;letter-spacing:0}
.public-install .install-action{order:2;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;width:100%;height:32px;box-sizing:border-box;margin-top:auto;padding:0 10px;border:1px solid #80aaff52;border-radius:6px;background:#3971dc;color:#fff;text-decoration:none;font-family:inherit;font-size:12px;font-weight:500;line-height:20px;white-space:nowrap;cursor:pointer;box-shadow:0 3px 10px #2155b52b,inset 0 1px 0 #ffffff20;transition:background .15s,border-color .15s}
.public-install a.install-action::before{content:"";width:14px;height:14px;background:currentColor;mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m-4-4 4 4 4-4M5 16v4h14v-4'/%3E%3C/svg%3E")}
.public-install a.install-action:hover{background:#3267d0;border-color:#9abaff}
.public-install .install-action:disabled{background:#ffffff05;border-color:#a8c0d21c;color:#8798a8;box-shadow:none;cursor:not-allowed}
.public-install a:focus-visible,.public-install button:focus-visible{outline:2px solid #a7cbff;outline-offset:4px}
.public-install .install-dismiss{position:absolute;top:8px;right:8px;margin:0}
.public-install .install-close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:#8fa1b2;font:300 22px/1 Arial,sans-serif;cursor:pointer}
.public-install .install-close:hover{background:#ffffff08;color:#e1eef3}
@media(max-width:430px){.public-install{padding:16px}.public-install[open]{grid-template-columns:1fr;gap:10px}.public-install .install-heading{margin-bottom:6px}.public-install .install-option{min-height:154px;padding:14px}}