html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}:root{--brand: #ff5b14;--brand-deep: #ff4a00;--brand-soft: #fff1e7;--ink-deep: #181818;--text: #222222;--text-secondary: #6f6f78;--border: #ececf1;--surface: #ffffff;--surface-soft: #f7f7f8;--bg: #f3f4f7;--shadow: 0 12px 30px rgba(23, 28, 33, .08);--shadow-strong: 0 18px 40px rgba(255, 91, 20, .16);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--content-max-width: 960px;--page-gutter: clamp(12px, 3.2vw, 24px);--section-gap: clamp(10px, 2.4vw, 16px)}.hero__action-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.hero__action-card{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.92);color:#1f2229;text-align:left;box-shadow:0 10px 22px #1c1f260f,inset 0 0 0 1px #ff5b1414}.hero__action-copy{display:flex;flex:1;min-width:0;align-items:center}.hero__action-title,.hero__action-card .hero__manage-text{display:block;color:#1f2229;font-size:14px;font-weight:800;line-height:1.35;white-space:normal}.hero__membership-icon{width:28px;height:28px;border-radius:10px;object-fit:cover;flex:0 0 auto;box-shadow:0 8px 18px #171c2114}.membership-card{width:100%;padding:18px 16px;border-radius:var(--radius-lg);text-align:left;background:radial-gradient(circle at top right,rgba(255,208,171,.18),transparent 28%),linear-gradient(180deg,#fffdfb,#fff8f4 100%);border:1px solid rgba(255,218,191,.85);box-shadow:var(--shadow)}.membership-card__header{padding-bottom:14px;border-bottom:1px solid rgba(255,91,20,.08)}.membership-card__title{margin:0;color:#17191d;font-size:17px;font-weight:900}.membership-card__body{display:flex;align-items:flex-start;gap:14px;margin-top:16px}.membership-card__icon{width:64px;height:64px;border-radius:18px;object-fit:cover;flex:0 0 auto;box-shadow:0 10px 24px #1c1f2614,inset 0 0 0 1px #ffffff38}.membership-card__content{flex:1;min-width:0}.membership-card__heading-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.membership-card__tier{color:#17191d;font-size:17px;font-weight:900;line-height:1.05}.membership-card__action{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border-radius:12px;background:linear-gradient(180deg,#fff1e4,#ffe5cf);color:#b86b17;font-size:14px;font-weight:800;box-shadow:inset 0 0 0 1px #ff984824}.membership-card__desc{margin:14px 0 0;color:var(--text-secondary);font-size:15px;line-height:1.75}.page--premium{display:flex;min-height:100vh;padding-top:6px;padding-bottom:32px}.page--premium>.section{display:flex;width:100%}.premium-panel{width:100%;min-height:100%;padding:20px 16px 24px;background:radial-gradient(circle at top right,rgba(214,175,103,.18),transparent 32%),radial-gradient(circle at top left,rgba(255,231,205,.52),transparent 28%),linear-gradient(180deg,#fffefc,#fff9f3 100%)}.premium-panel__brand{display:flex;align-items:flex-start;gap:6px}.premium-panel__brand-fund{width:clamp(120px,32vw,136px);height:clamp(30px,8vw,34px);object-fit:contain;flex:0 0 auto}.premium-panel__brand-cross{width:clamp(9px,2.2vw,10px);height:clamp(9px,2.2vw,10px);margin-top:clamp(8px,1.9vw,9px);margin-left:-2px;margin-right:1px;object-fit:contain;flex:0 0 auto;opacity:.8}.premium-panel__brand-openclaw{height:clamp(24px,6.5vw,28px);width:auto;object-fit:contain}.premium-panel__title{margin:20px 0 0;color:#101217;font-size:30px;font-weight:900;line-height:1.15;letter-spacing:-.03em;text-align:center}.premium-panel__title span{color:#c88a2e}.premium-panel__intro{margin:16px 0 0;color:var(--text-secondary);font-size:16px;line-height:1.8}.premium-table{--premium-column-width: clamp(112px, 22vw, 132px);--free-column-width: clamp(74px, 15vw, 88px);margin-top:22px}.premium-table__row{display:grid;grid-template-columns:minmax(0,1fr) var(--premium-column-width);align-items:stretch}.premium-table__row+.premium-table__row .premium-table__base-row,.premium-table__row+.premium-table__row .premium-table__premium-cell{border-top:1px solid rgba(20,24,32,.08)}.premium-table__base-row{display:grid;grid-template-columns:minmax(0,1fr) var(--free-column-width);border-left:1px solid rgba(20,24,32,.08);border-right:1px solid rgba(20,24,32,.08);background:rgba(255,255,255,.96);overflow:hidden;box-shadow:0 12px 28px #12161c0d,inset 0 0 0 1px #ffffffb8}.premium-table__base-row--head{border-top:1px solid rgba(20,24,32,.08);border-radius:10px 0 0;background:#f3f4f6}.premium-table__row:last-child .premium-table__base-row{border-bottom:1px solid rgba(20,24,32,.08);border-radius:0 0 0 10px}.premium-table__base-cell{min-width:0;padding:18px 14px;text-align:center}.premium-table__base-cell+.premium-table__base-cell{border-left:1px solid rgba(20,24,32,.08)}.premium-table__base-cell--head{color:#6a7078;font-size:15px;font-weight:700}.premium-table__base-cell--skill{text-align:left}.premium-table__base-cell{color:#2b3038;font-size:15px;font-weight:600;background:#fff}.premium-table__base-row--head .premium-table__base-cell{background:#f3f4f6}.premium-table__base-cell--skill{color:#1f2229;font-weight:800;line-height:1.5}.premium-table__premium-cell{display:flex;align-items:center;justify-content:center;min-width:0;padding:18px 10px;color:#c88a2e;font-size:18px;font-weight:800;text-align:center;background:linear-gradient(180deg,rgba(255,250,240,.98),rgba(255,240,211,.96)),linear-gradient(180deg,#fffdf8,#fff7e9 100%);border-right:1px solid rgba(200,138,46,.32);box-shadow:0 16px 30px #c88a2e29,inset 0 0 0 1px #ffffff8f;position:relative;z-index:1}.premium-table__premium-cell--head{padding:20px 12px;margin-top:-10px;border-top:1px solid rgba(200,138,46,.32);border-radius:8px 8px 0 0;background:linear-gradient(180deg,rgba(255,246,228,.98),rgba(255,236,199,.92));font-size:16px;font-weight:800}.premium-table__row:last-child .premium-table__premium-cell{margin-bottom:-10px;border-bottom:1px solid rgba(200,138,46,.32);border-radius:0 0 8px 8px}.premium-rules{margin-top:26px}.premium-rules__title{margin:0;color:#12151b;font-size:18px;font-weight:900}.premium-rules__list{display:grid;gap:16px;margin-top:16px}.premium-rules__item{margin:0;color:var(--text-secondary);font-size:16px;line-height:1.85}.premium-rules__item strong{color:#414650;font-weight:800}.premium-panel__footnote{margin:34px 0 0;color:#a3a7af;font-size:14px;line-height:1.7;text-align:center}@media (max-width: 420px){.hero__action-grid{gap:10px}.hero__action-card{min-height:54px;padding:10px}.hero__action-title,.hero__action-card .hero__manage-text{font-size:13px}.membership-card__tier{font-size:17px}.premium-panel__title{font-size:28px}.premium-table{--premium-column-width: clamp(96px, 22vw, 108px);--free-column-width: clamp(68px, 16vw, 76px)}.premium-table__base-row{grid-template-columns:minmax(0,1fr) var(--free-column-width)}.premium-table__base-cell,.premium-table__premium-cell{padding:16px 10px;font-size:14px}.premium-table__base-cell{font-size:13px}.premium-table__premium-cell--head{font-size:15px;padding:18px 10px;margin-top:-8px}.premium-table__premium-cell{font-size:16px}.premium-table__row:last-child .premium-table__premium-cell{margin-bottom:-8px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{min-height:100%}body{margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px;background:radial-gradient(circle at top,rgba(255,105,43,.26),transparent 26%),radial-gradient(circle at 85% 12%,rgba(255,204,171,.28),transparent 18%),linear-gradient(180deg,#fff7f2 0%,#f4f5f8 26%,#eef0f4 100%);color:var(--text)}.usage-report-page{--usage-report-bg: #f6f8fb;--usage-report-panel: #ffffff;--usage-report-ink: #172033;--usage-report-muted: #65758b;--usage-report-line: #dce4ee;--usage-report-teal: #0f8f8c;--usage-report-blue: #3563d8;--usage-report-coral: #ed6a5a;--usage-report-amber: #d99a22;--usage-report-green: #2a9d69;width:100%;min-height:100vh;padding:36px 24px 56px;background:var(--usage-report-bg);color:var(--usage-report-ink)}.usage-report-page,.usage-report-page *{box-sizing:border-box}.usage-report-page svg{display:block;width:100%;height:auto;overflow:visible}.usage-report-page h1,.usage-report-page h2,.usage-report-page p{margin-top:0}.usage-report-hero,.usage-report-panel,.usage-report-kpi{border:1px solid var(--usage-report-line);border-radius:8px;background:var(--usage-report-panel)}.usage-report-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;max-width:1180px;margin:0 auto;padding:30px;background:linear-gradient(135deg,rgba(15,143,140,.12),rgba(237,106,90,.08) 44%,rgba(53,99,216,.08)),var(--usage-report-panel);box-shadow:0 18px 48px #1720331a}.usage-report-eyebrow{margin-bottom:10px;color:var(--usage-report-teal);font-size:13px;font-weight:700}.usage-report-title{margin-bottom:0;max-width:780px;font-size:clamp(30px,5vw,52px);line-height:1.05}.usage-report-subtitle{margin-top:14px;margin-bottom:0;max-width:760px;color:var(--usage-report-muted);font-size:16px}.usage-report-stamp{min-width:220px;padding:18px;border:1px solid var(--usage-report-line);border-radius:8px;background:rgba(255,255,255,.72)}.usage-report-stamp span{display:block;color:var(--usage-report-muted);font-size:12px}.usage-report-stamp strong{display:block;margin-top:6px;font-size:18px}.usage-report-kpis,.usage-report-grid,.usage-report-filter-panel{max-width:1180px;margin-right:auto;margin-left:auto}.usage-report-filter-panel{margin-top:18px;padding:20px 22px;border:1px solid var(--usage-report-line);border-radius:8px;background:rgba(255,255,255,.9);box-shadow:0 12px 28px #1720330f}.usage-report-filter-shortcuts{display:flex;flex-wrap:wrap;gap:10px}.usage-report-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.usage-report-shortcut{min-height:38px;padding:0 14px;border:1px solid rgba(23,32,51,.12);border-radius:999px;background:#fff;color:var(--usage-report-muted);font-size:13px;font-weight:700;cursor:pointer;transition:all .18s ease}.usage-report-shortcut--active{border-color:#ff5b143d;background:rgba(255,91,20,.08);color:#ff5b14;box-shadow:inset 0 0 0 1px #ff5b140f}.usage-report-filter-picker-wrap{position:relative;flex:0 0 auto}.usage-report-calendar-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#fff;color:var(--usage-report-muted);transition:all .18s ease}.usage-report-calendar-icon{width:10px;height:10px}.usage-report-calendar-btn:hover,.usage-report-calendar-btn:focus-visible{border-color:#ff5b143d;background:rgba(255,91,20,.08);color:#ff5b14}.usage-report-range-picker--modal{width:100%}.usage-report-filter-error{margin-top:10px;margin-bottom:0;color:#d14343;font-size:13px}.usage-report-filter-tip{margin-top:10px;margin-bottom:0;color:var(--usage-report-muted);font-size:13px}.usage-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.usage-report-kpi{min-height:132px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 28px #1720330f}.usage-report-kpi-label{color:var(--usage-report-muted);font-size:13px;font-weight:650}.usage-report-kpi-value{margin-top:12px;font-size:clamp(26px,4vw,34px);font-weight:800}.usage-report-kpi-note{margin-top:8px;color:var(--usage-report-muted);font-size:12px}.usage-report-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;margin-top:18px}.usage-report-panel{min-width:0;padding:22px;box-shadow:0 12px 28px #1720330f}.usage-report-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.usage-report-panel-head h2{margin-bottom:0;font-size:20px}.usage-report-hint{color:var(--usage-report-muted);font-size:13px}.usage-report-legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--usage-report-muted);font-size:12px}.usage-report-legend-dot{display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%;vertical-align:0}.usage-report-legend-dot--pv{background:var(--usage-report-teal)}.usage-report-legend-dot--uv{background:var(--usage-report-coral)}.usage-report-chart-wrap{width:100%}.usage-report-chart-axis,.usage-report-chart-label{fill:var(--usage-report-muted);font-size:12px}.usage-report-bar-label{fill:var(--usage-report-ink);font-size:12px;font-weight:650}.usage-report-bar-bg{fill:#eef3f8}.usage-report-bar-fill{fill:var(--usage-report-coral)}.usage-report-chart-grid{stroke:#e8eef5;stroke-width:1}.usage-report-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.usage-report-table th,.usage-report-table td{padding:12px 10px;border-bottom:1px solid var(--usage-report-line);text-align:left;word-break:break-word}.usage-report-table th{color:var(--usage-report-muted);font-size:12px;font-weight:750}.usage-report-num{text-align:right!important}.usage-report-rank{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#edf7f6;color:var(--usage-report-teal);font-size:12px;font-weight:800}.usage-report-meter{height:8px;margin-top:6px;overflow:hidden;border-radius:999px;background:#edf2f7}.usage-report-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--usage-report-teal),var(--usage-report-green))}.usage-report-footnote{max-width:1180px;margin:18px auto 0;color:var(--usage-report-muted);font-size:12px}@media (max-width: 900px){.usage-report-hero,.usage-report-grid{grid-template-columns:1fr}.usage-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-report-filter-shortcuts{gap:8px}.usage-report-filter-row{align-items:flex-start}.usage-report-stamp{min-width:0}}@media (max-width: 640px){.usage-report-page{padding:18px 14px 38px}.usage-report-hero,.usage-report-panel,.usage-report-filter-panel{padding:18px}.usage-report-kpis{grid-template-columns:1fr}.usage-report-filter-shortcuts{gap:8px}.usage-report-filter-row{align-items:flex-start}.usage-report-panel-head{display:block}.usage-report-legend{margin-top:10px}.usage-report-table th,.usage-report-table td{padding:10px 6px;font-size:12px}}button,input{font:inherit}input,textarea{-webkit-user-select:text;user-select:text}button{padding:0;border:0;background:transparent}.app-shell{width:100%;min-height:100vh;margin:0 auto;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0)),var(--bg)}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:56px 1fr 72px;align-items:center;width:100%;min-height:82px;padding:calc(18px + env(safe-area-inset-top)) var(--page-gutter) 10px;color:#fff;background:radial-gradient(circle at top right,rgba(255,223,196,.3),transparent 26%),linear-gradient(135deg,#ff4a00,#ff6417 58%,#ff7a27);box-shadow:0 10px 30px #ff5b143d}.topbar__title{text-align:center;font-size:17px;font-weight:800;letter-spacing:.015em}.topbar__right{display:flex;justify-content:flex-end}.icon-btn,.text-btn,.secondary-link--button,.skill-card__detail--button,.tabbar__item{color:inherit;cursor:pointer}.icon-btn{font-size:34px;line-height:1;color:#fff}.text-btn{color:#fff;font-size:15px}.text-btn--pill{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px #fff3}.page{width:min(100%,var(--content-max-width));margin:0 auto;padding:0 var(--page-gutter) 112px}.page--skills{padding-bottom:34px}.page--compact{padding-top:2px}.brand-banner,.hero,.card,.usage-card,.empty-state{background:var(--surface);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow)}.brand-banner{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:14px;padding:18px;background:radial-gradient(circle at 14% 18%,rgba(255,214,189,.6),transparent 28%),radial-gradient(circle at 86% 20%,rgba(255,237,225,.82),transparent 24%),linear-gradient(135deg,#fff6f0,#fffaf7 58%,#fff4ed),var(--surface);flex-wrap:nowrap;border-color:#ffbf9b47}.brand-banner__glow{position:absolute;inset:auto -24px -18px auto;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,rgba(255,91,20,.13),transparent 70%)}.brand-chip{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;min-width:0;flex:1 1 0;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,250,247,.96));box-shadow:0 10px 22px #1c1f260d,inset 0 0 0 1px #ff5b1414}.brand-chip--dark{background:linear-gradient(180deg,#ff6b6b,#f44336 58%,#dc2f2f);box-shadow:0 12px 24px #dc2f2f3d,inset 0 0 0 1px #ffffff14}.brand-chip__mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--brand-deep),#ff9358);color:#fff;font-size:12px;font-weight:800;flex:0 0 auto}.brand-chip--dark .brand-chip__mark{background:linear-gradient(135deg,#b71c1c,#d32f2f 55%,#ef5350)}.brand-chip__text{display:flex;flex-direction:column;gap:3px;min-width:0}.brand-chip__text strong{color:var(--ink-deep);font-size:14px;font-weight:800;line-height:1.1;white-space:nowrap}.brand-chip--dark .brand-chip__text strong{color:#fff}.brand-chip__text small{color:var(--text-secondary);font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-chip--dark .brand-chip__text small{color:#fff5f5d1}.hero{margin-top:0;position:relative;overflow:hidden;padding:24px 20px 22px;text-align:center;background:radial-gradient(circle at 18% 18%,rgba(255,222,202,.78),rgba(255,222,202,0) 26%),radial-gradient(circle at 82% 10%,rgba(255,234,219,.8),rgba(255,234,219,0) 24%),linear-gradient(180deg,#fffefc,#fff8f5 100%)}@supports (-webkit-touch-callout: none){.hero{background:radial-gradient(circle at 18% 18%,#ffd8bf 0%,rgba(255,216,191,0) 34%),radial-gradient(circle at 82% 10%,#ffe7d6 0%,rgba(255,231,214,0) 30%),linear-gradient(180deg,#fffefc,#fffbf8 100%)}}.hero:after{content:"";position:absolute;inset:auto -18px -26px auto;width:120px;height:120px;border-radius:38px;background:linear-gradient(135deg,rgba(255,91,20,.12),rgba(255,91,20,0));transform:rotate(22deg)}.hero__eyebrow,.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero__corner-icon{position:absolute;top:18px;left:18px;z-index:2;width:34px;height:34px;border-radius:10px;object-fit:cover;box-shadow:0 10px 18px #ff5b142e,0 4px 8px #ff5b141f}.hero__eyebrow:before,.eyebrow:before{content:"";width:22px;height:2px;border-radius:999px;background:var(--brand)}.hero__title{position:relative;z-index:1;margin:14px 0 0;color:var(--ink-deep);font-size:clamp(28px,5.2vw,44px);font-weight:900;line-height:1.16;letter-spacing:-.03em}.hero__title em{font-style:normal;color:var(--brand)}.hero__desc{position:relative;z-index:1;max-width:min(100%,620px);margin:14px auto 0;font-size:clamp(14px,2.2vw,16px);line-height:1.8;color:var(--text-secondary)}.hero__actions{position:relative;z-index:1;display:flex;justify-content:center;margin-top:18px}.hero__share-btn{padding:10px 16px;border-radius:999px;background:rgba(255,91,20,.08);color:var(--brand);font-size:14px;font-weight:800;box-shadow:inset 0 0 0 1px #ff5b141f}.hero__welcome{display:inline-flex;margin-top:14px;padding:8px 12px;border-radius:999px;background:rgba(255,91,20,.08);color:var(--brand);font-size:13px;font-weight:700}.hero__manage-link{position:relative;z-index:1;display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:12px auto 0;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.88);color:#1f2229;box-shadow:0 10px 22px #1c1f260f,inset 0 0 0 1px #ff5b1414}.hero__manage-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#ff6f2a,#ff4d00);color:#fff;font-size:12px;font-weight:800;flex:0 0 auto}.hero__manage-text{flex:1;min-width:0;font-size:15px;font-weight:800;white-space:nowrap}.hero__manage-arrow{margin-left:auto;flex:0 0 auto;color:#9aa0ab;font-size:22px;line-height:1}.hero__claim-panel{position:relative;z-index:1;width:min(100%,460px);margin:12px auto 0;display:grid;gap:8px}.hero__claim-progress{margin-top:0;text-align:left}.hero__claim-btn{margin-top:0}.section{margin-top:var(--section-gap)}.section--tight{margin-top:6px}.section--compact-gap{margin-top:10px}.install-guide-stack{display:grid;gap:12px}.section--inline-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.card{position:relative;overflow:hidden;padding:18px 14px}.card--accent:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:24px 0 0 24px;background:linear-gradient(180deg,#ff7d2b,var(--brand-deep))}.install-guide-card--cli{background:radial-gradient(circle at 100% 0%,rgba(34,120,255,.12),transparent 28%),linear-gradient(180deg,#ffffff,#f5f9ff 100%)}.install-guide-card--cli:before{background:linear-gradient(180deg,#2f8cff,#1f5eea)}.install-guide-card--cli .copy-block{border-color:#2f8cff24;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(239,246,255,.95)),#f4f8ff}.install-guide-card--cli .primary-btn--outline{color:#1f5eea;box-shadow:inset 0 0 0 1px #1f5eea57}.install-guide-card__action+.install-guide-card__action{margin-top:18px}.card__title-row,.skill-card__title-row,.tabbar{display:flex;align-items:center;justify-content:space-between}.card__title,.section__title{margin:0;font-size:17px;font-weight:800}.status-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:800}.card__subtitle{margin:8px 0 0;font-size:14px;line-height:1.65;color:var(--text-secondary)}.card__subtitle--clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.community-card{position:relative;overflow:hidden;padding:18px 14px 20px;text-align:left;background:radial-gradient(circle at 100% 0%,rgba(255,132,76,.12),transparent 28%),radial-gradient(circle at 0% 100%,rgba(255,188,158,.12),transparent 26%),linear-gradient(180deg,#fffefc,#fff8f4 100%)}.community-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:24px 0 0 24px;background:linear-gradient(180deg,#ff8d43,var(--brand-deep))}.community-card__header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;position:relative;z-index:1}.community-card__eyebrow{color:var(--brand);font-size:15px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.community-card__title{margin:0;font-size:20px;font-weight:900;line-height:1.2;color:var(--ink-deep)}.community-card__body{position:relative;z-index:1;display:grid;gap:14px;margin-top:10px}.community-card__content{min-width:0}.community-card__desc{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.8}.community-card__badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.community-card__badge{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(255,91,20,.08);color:var(--brand);font-size:11px;font-weight:700;box-shadow:inset 0 0 0 1px #ff5b1414}.community-card__join-btn{position:relative;display:flex;align-items:center;gap:12px;width:min(100%,272px);margin:0 auto;padding:16px 18px;border-radius:22px;border:0;color:#fff;text-align:left;background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.32),transparent 24%),linear-gradient(135deg,#ffb06d 0%,#ff8b47 55%,#f06d2c 100%);box-shadow:0 16px 30px #ff8b472e,inset 0 1px #ffffff47;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.community-card__join-btn:after{content:"";position:absolute;inset:auto -42px -44px auto;width:118px;height:118px;border-radius:50%;background:rgba(255,255,255,.12)}.community-card__join-btn:active{transform:translateY(1px) scale(.995);box-shadow:0 10px 22px #ff8b4726,inset 0 1px #ffffff3d;filter:saturate(.98)}.community-card__join-icon{position:relative;z-index:1;flex:0 0 46px;width:46px;height:46px;border-radius:16px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px #ffffff3d}.community-card__join-icon:before,.community-card__join-icon:after{content:"";position:absolute;background:#fff}.community-card__join-icon:before{left:12px;top:14px;width:22px;height:16px;border-radius:9px 9px 9px 4px}.community-card__join-icon:after{left:26px;top:24px;width:8px;height:8px;border-radius:2px 2px 6px;transform:rotate(38deg)}.community-card__join-copy{position:relative;z-index:1;display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.community-card__join-title{font-size:16px;font-weight:900;line-height:1.2}.community-card__join-subtitle{color:#fff5eee6;font-size:12px;line-height:1.45}.community-card__join-arrow{position:relative;z-index:1;flex:0 0 auto;font-size:24px;line-height:1;color:#ffffffeb}.community-card__hint{position:relative;z-index:1;margin:14px 0 0;color:#8c8f97;font-size:12px;line-height:1.6;text-align:center}.copy-block{margin-top:16px;padding:16px 16px 18px;border:1px solid rgba(255,91,20,.1);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,244,237,.92)),var(--surface-soft);font-size:12px;line-height:1.55;color:#44444c;white-space:pre-wrap;word-break:normal;overflow-wrap:normal;overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:inset 0 1px #ffffffd1}.copy-block--preview{overflow:hidden;white-space:normal;overflow-x:hidden}.copy-block__preview-text{display:-webkit-box;line-height:1.55;max-height:3.1em;overflow:hidden;word-break:break-all;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.primary-btn,.bottom-bar__button,.outline-btn,.small-btn{cursor:pointer}.primary-btn{width:100%;margin-top:18px;min-height:44px;padding:11px 16px;border-radius:14px;background:linear-gradient(135deg,var(--brand-deep),var(--brand),#ff7d2b);color:#fff;font-size:15px;font-weight:700;letter-spacing:.01em;box-shadow:0 8px 18px #ff5b142e}.primary-btn--compact{display:flex;width:fit-content;min-height:34px;margin-left:auto;margin-right:auto;padding:6px 12px;border-radius:10px;font-size:10px;font-weight:600;box-shadow:none;align-items:center;justify-content:center}.primary-btn--outline{background:transparent;color:var(--brand);box-shadow:inset 0 0 0 1px #ff5b1466}.install-guide-card__copy-btn{min-height:42px;padding:9px 24px;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:0}.claim-progress{margin-top:14px;padding:10px 12px 12px;border-radius:14px;background:linear-gradient(180deg,#fffdfb,#fff7f1);border:1px solid rgba(255,91,20,.16)}.claim-progress__title{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#4d515a;font-size:14px;font-weight:700;line-height:1.4}.claim-progress__title em{color:var(--brand);font-style:normal}.claim-progress__percent{margin-left:auto;color:#ff5b14;font-size:13px;font-weight:800;line-height:1}.claim-progress__dot{width:14px;height:14px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ffab74,#ff5b14 70%);box-shadow:0 2px 5px #ff5b1459}.claim-progress__track{margin-top:10px;width:100%;height:12px;border-radius:999px;background:#e7e9ef;overflow:hidden}.claim-progress__value{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7a00,#ff5b14)}.primary-btn--outline.install-guide-card__copy-btn--claim{position:relative;overflow:visible;min-height:56px;min-width:240px;padding:8px 22px;border-radius:999px;background:linear-gradient(135deg,#ff6a1a,#ff7f2a 62%,#ff9a45);color:#fff;box-shadow:inset 0 0 0 2px #ffffff2e,0 8px 16px #ff5b143d}.install-guide-card__claim-content{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;line-height:1}.install-guide-card__claim-title{font-size:15px;font-weight:800;letter-spacing:.02em}.install-guide-card__lobster{position:absolute;right:-10px;bottom:-12px;width:74px;height:74px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transform-origin:center;animation:lobster-pulse 1.6s ease-in-out infinite}@keyframes lobster-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.secondary-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:#2f2f35;font-size:15px;font-weight:700}.skill-list{display:grid;gap:12px}.skill-list__header{margin:28px 0 16px}.skill-list__header--sticky{position:sticky;top:0;z-index:6;width:calc(100% + (var(--page-gutter) * 2));margin-left:calc(var(--page-gutter) * -1);margin-right:calc(var(--page-gutter) * -1);margin-top:0;margin-bottom:12px;padding:20px var(--page-gutter) 16px;background:rgba(243,244,247,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skill-list__title{margin:0;display:flex;align-items:baseline;gap:6px;color:#111319;font-size:18px;font-weight:500;line-height:1.25}.skill-list__title-count{color:#7f848d;font-size:12px;font-weight:500;line-height:1}.risk-banner{width:216px;margin:22px auto 0;border-radius:14px;background:transparent}.risk-banner__actions{display:grid;grid-template-columns:1.06fr 1fr;border-radius:14px;overflow:hidden}.risk-banner__action{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;font-size:13px;font-weight:400;line-height:1.1;letter-spacing:-.02em}.risk-banner__action--brand{color:#3a3b78;background:linear-gradient(180deg,#fff0c8 0%,#ffe6a8 100%)}.risk-banner__action--search{gap:10px;color:#373737;background:linear-gradient(180deg,#ffffff 0%,#f8f8f8 100%)}.risk-banner__search-icon{position:relative;width:18px;height:18px;flex:0 0 18px}.risk-banner__search-icon:before{content:"";position:absolute;top:0;left:0;width:13px;height:13px;border:2px solid #3d3d3d;border-radius:50%;box-sizing:border-box}.risk-banner__search-icon:after{content:"";position:absolute;right:0;bottom:1px;width:8px;height:2px;border-radius:999px;background:#3d3d3d;transform:rotate(45deg);transform-origin:right center}.risk-banner__notice{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;min-height:24px;color:#a8aaaf;font-size:10px;font-weight:500;line-height:1.2}.risk-banner__ad-tag{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:14px;padding:0 4px;border:1px solid #a8aaaf;border-radius:4px;background:transparent;color:#a8aaaf;font-size:8px;font-weight:600;line-height:1}.skill-card{position:relative;overflow:hidden;padding:14px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff,#fffdfa 100%);box-shadow:var(--shadow)}.skill-card__accent{position:absolute;top:-12px;right:-16px;width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,rgba(255,91,20,.18),rgba(255,91,20,0));transform:rotate(24deg)}.skill-card__title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-size:17px;font-weight:800;line-height:1.4}.skill-card__title-text{min-width:0}.skill-card__upload-badge{display:inline-flex;align-items:center;gap:4px;padding:5px;border-radius:8px;font-size:14px;font-weight:700;line-height:1}.skill-card__upload-badge--new{background:#fff1e7;color:#f65f22}.skill-card__upload-badge--update{background:#e7f0ff;color:#2f86ff}.skill-card__upload-icon{width:14px;height:14px;object-fit:contain;flex:0 0 auto}.skill-card__detail{display:inline-flex;align-items:center;gap:3px;color:#8b9098;font-size:14px;font-weight:400;position:relative;z-index:1}.skill-card__detail-arrow{font-size:20px;line-height:1}.skill-card__desc{display:-webkit-box;margin:8px 0 0;overflow:hidden;color:var(--text-secondary);font-size:14px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}.skill-card__tags{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.tag{padding:7px 12px;border-radius:10px;background:linear-gradient(180deg,#f8f8fa,#f1f2f5);color:#4b4f57;font-size:13px;line-height:1}.tabbar{position:sticky;top:0;z-index:9;margin:0 -16px;padding:0 16px;background:rgba(243,244,247,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabbar--compact{margin-top:-6px;margin-bottom:0}.tabbar__item{position:relative;flex:1;padding:11px 0 9px;text-align:center;font-size:15px;color:#31343b}.page--compact .card,.page--compact .usage-card,.page--compact .empty-state{padding-top:14px;padding-bottom:14px}.tabbar__item.active{color:var(--brand);font-weight:800}.tabbar__item.active:after{content:"";position:absolute;left:50%;bottom:0;width:48px;height:4px;margin-left:-24px;border-radius:999px;background:var(--brand)}.key-card__header{display:flex;align-items:start;justify-content:space-between;gap:12px}.key-card__eyebrow-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.key-card__name{margin:8px 0 0;font-size:19px;font-weight:800;line-height:1.3}.key-card__status{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700}.key-card__status--active{background:rgba(21,167,95,.12);color:#15955a}.key-card__status--disabled{background:rgba(31,35,41,.08);color:#686d76}.key-card__badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:linear-gradient(180deg,rgba(255,91,20,.12),rgba(255,91,20,.08));color:var(--brand-deep);font-size:12px;font-weight:800;white-space:nowrap;box-shadow:inset 0 0 0 1px #ff5b141f}.icon-btn--danger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:rgba(255,91,20,.08);color:var(--brand);font-size:18px;box-shadow:inset 0 0 0 1px #ff5b1414}.key-card__delete-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:34px;padding:0 12px;border-radius:999px;background:rgba(255,91,20,.08);color:var(--brand);font-size:13px;font-weight:700;line-height:1;box-shadow:inset 0 0 0 1px #ff5b141a}.key-value{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#fffdfa,#fff7f2);box-shadow:inset 0 0 0 1px #ff5b1414}.key-value__text{min-height:80px;padding:16px 14px;border-radius:16px;border:1px solid rgba(255,91,20,.08);background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,245,239,.88)),var(--surface-soft);color:#44444c;font-family:SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.65;word-break:break-all;box-shadow:inset 0 1px #ffffffd1}.key-value__text--masked{min-height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}.key-value__actions{display:flex;justify-content:flex-end;gap:8px}.small-btn{min-width:40px;width:40px;height:40px;padding:0;border-radius:12px;background:linear-gradient(180deg,#fff5ef,#ffece0);color:var(--brand);font-size:18px;font-weight:600;box-shadow:inset 0 0 0 1px #ff5b1414}.small-btn--brand{background:linear-gradient(135deg,rgba(255,91,20,.14),rgba(255,137,82,.22));color:var(--brand-deep)}.small-btn--disabled{background:linear-gradient(180deg,#f5f5f7,#ededf1);color:#b4b7bf;box-shadow:inset 0 0 0 1px #1418200f;cursor:not-allowed}.small-btn--icon{display:inline-flex;align-items:center;justify-content:center}.muted-text{margin-top:0;color:#9a9da5;font-size:13px}.key-card__footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.key-card__id{color:#8f939b;font-size:12px;font-weight:600}.key-list{display:grid;gap:14px}.list-fold-toggle-wrap{display:flex;justify-content:center;margin-top:12px}.list-fold-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px;padding:0 10px;border-radius:999px;background:linear-gradient(180deg,#fff8f4,#fff2ea);box-shadow:inset 0 0 0 1px #ff5b1429,0 6px 14px #ff5b1414;color:var(--brand);font-size:13px;font-weight:700;line-height:1;transition:box-shadow .2s ease,transform .2s ease}.list-fold-toggle:active{transform:translateY(1px)}.list-fold-toggle__label{color:var(--brand)}.list-fold-toggle__count{margin-left:2px;color:#8f939b;font-weight:600}.list-fold-toggle__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:2px;border-radius:999px;background:rgba(255,91,20,.12);color:var(--brand-deep);font-size:12px;line-height:1;transition:transform .2s ease,background-color .2s ease}.list-fold-toggle.is-open .list-fold-toggle__icon{transform:rotate(180deg);background:rgba(255,91,20,.18)}.usage-list{display:grid;gap:14px}.usage-card{padding:18px;background:linear-gradient(180deg,#ffffff,#fffdfa 100%)}.usage-card__eyebrow{display:inline-flex;padding:4px 10px;border-radius:999px;background:#fff3ea;color:var(--brand);font-size:12px;font-weight:800}.usage-card__title{margin:10px 0 0;font-size:17px;font-weight:800}.usage-card__meta{display:flex;justify-content:space-between;margin-top:18px;color:#44444c;font-size:15px}.progress{height:10px;margin-top:14px;border-radius:999px;background:linear-gradient(180deg,#f1f3f6,#ebedf0);overflow:hidden}.progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb16b,var(--brand));box-shadow:0 0 16px #ff5b1452}.tips{margin-top:18px;background:linear-gradient(180deg,#ffffff,#fffdfa 100%)}.tips__title{margin:0 0 14px;font-size:17px;font-weight:800}.tips ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}.tips li{position:relative;padding-left:26px;color:var(--text-secondary);font-size:15px;line-height:1.7}.tips li:before{content:"✓";position:absolute;left:0;top:0;color:var(--brand);font-weight:800}.bottom-bar{position:fixed;left:50%;bottom:0;z-index:11;width:100%;padding:10px var(--page-gutter) calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);background:linear-gradient(180deg,rgba(244,245,248,0),rgba(244,245,248,.92) 24%,rgba(244,245,248,1) 48%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-bar__actions{display:flex;gap:10px;width:min(100%,var(--content-max-width));margin:0 auto}.bottom-bar__button{display:block;flex:1 1 0;min-height:40px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#ff4a00,#ff6116 62%,#ff7f2a);box-shadow:0 8px 18px #ff5b142e;color:#fff;font-size:clamp(14px,2vw,15px);font-weight:700}.bottom-bar__button--secondary{flex:0 0 92px;background:#ffffff;box-shadow:inset 0 0 0 1px #ff5b142e;color:var(--brand)}.empty-state{padding:48px 24px;text-align:center;background:linear-gradient(180deg,#ffffff,#fffdfa 100%)}.login-required__icon{font-size:36px}.login-required__button{max-width:260px;margin-left:auto;margin-right:auto}.error-state__button{margin-top:16px}.empty-state__title{margin:0;font-size:18px;font-weight:800}.empty-state__desc{margin:10px 0 0;color:var(--text-secondary);font-size:15px;line-height:1.7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:24px 0 0;background:rgba(16,19,25,.38)}.modal-backdrop--form{align-items:flex-start;padding-top:0}.modal-backdrop--centered{align-items:center;padding:24px}.modal{width:100%;max-width:360px;padding:26px 0 0;border-radius:28px;background:linear-gradient(180deg,#fffefd,#fff8f5);overflow:hidden;box-shadow:0 30px 70px #0d101533}.modal--form{width:calc(100% - 24px);max-width:420px;margin-top:max(168px,env(safe-area-inset-top) + 84px);transition:transform .18s ease;will-change:transform;align-self:flex-start}.modal--form-active{margin-top:max(196px,env(safe-area-inset-top) + 108px);padding-top:18px;border-radius:22px}.modal--form-active .modal__title{padding:0 18px;font-size:18px}.modal--form-active .modal__input{width:calc(100% - 36px);margin:14px 18px 0;padding:13px 16px;border-radius:14px}.modal--form-active .modal__hint{display:none}.modal--form-active .modal__btn{padding:14px 10px}.modal--small{max-width:332px}.modal--confirm{align-self:center}.modal--detail{width:100%;max-width:100%;padding:0;align-self:flex-end;border-radius:28px 28px 0 0}.modal__title{padding:0 24px;text-align:center;font-size:20px;font-weight:800}.modal__input{width:calc(100% - 48px);margin:20px 24px 0;padding:16px 18px;border:1px solid rgba(255,91,20,.08);border-radius:16px;background:var(--surface-soft);font-size:16px}.modal__hint,.confirm-text{margin:16px 24px 22px;color:var(--text-secondary);text-align:center;font-size:15px;line-height:1.7}.modal__actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border)}.modal__btn{padding:16px 12px;background:#fff;color:var(--brand);font-size:17px;font-weight:800;cursor:pointer}.modal__btn+.modal__btn{border-left:1px solid var(--border)}.modal__btn--muted{color:#a3a6ad;font-weight:600}.exit-reminder-modal{width:min(100%,311px);overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 24px 60px #11131938;transform:translateY(-28px)}.exit-reminder-modal__image{display:block;width:100%;height:auto}.exit-reminder-modal__content{padding:28px 24px 26px;text-align:center;background:#fff}.exit-reminder-modal__title{margin:0;color:#1f2329;font-size:20px;font-weight:800;line-height:1.25}.exit-reminder-modal__desc{margin:14px 0 0;color:#7b7f87;font-size:15px;font-weight:400;line-height:1.7}.exit-reminder-modal__desc+.exit-reminder-modal__desc{margin-top:0}.exit-reminder-modal__button{width:100%;margin-top:22px;padding:8px 18px;border-radius:999px;background:linear-gradient(180deg,#ff6a1a 0%,#ff5a0f 100%);color:#fff;font-size:14px;font-weight:400;box-shadow:0 12px 24px #ff61172e}.toast{position:fixed;left:50%;bottom:108px;z-index:30;min-width:120px;max-width:calc(100% - 32px);padding:12px 16px;border-radius:999px;transform:translate(-50%) translateY(20px);background:rgba(31,35,41,.9);color:#fff;text-align:center;font-size:14px;opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.skill-detail{display:flex;flex-direction:column;max-height:min(72vh,680px);overflow:hidden}.skill-detail__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 12px;background:#fffefd;border-bottom:1px solid rgba(20,24,32,.08)}.skill-detail__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 24px 18px}.skill-detail__hero{display:flex;align-items:flex-start;gap:14px}.skill-detail__icon{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(180deg,#4cb2ff,#1d7ff2);color:#fff;font-size:15px;font-weight:800;box-shadow:inset 0 1px #ffffff4d}.skill-detail__title{margin:0;font-size:21px;line-height:1.35;word-break:break-word}.skill-detail__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.skill-detail__chip{padding:6px 12px;border-radius:12px;background:#f5f7fb;color:#363a42;font-size:13px;font-weight:600}.skill-detail__chip--muted{color:#6d727c;font-weight:500}.skill-detail__close{width:40px;height:40px;border-radius:999px;background:#fff;color:#4e535c;font-size:30px;line-height:1;cursor:pointer}.skill-detail__desc{margin:0;color:var(--text-secondary);font-size:17px;line-height:1.8;word-break:break-word}.skill-detail__section{margin-top:28px}.skill-detail__label{margin-bottom:14px;font-size:18px;font-weight:800;color:#23262d}.skill-detail__feature-list{display:grid;gap:16px}.skill-detail__feature{display:flex;align-items:center;gap:12px;color:#3c414b;font-size:17px}.skill-detail__feature-check{color:var(--brand);font-size:20px;font-weight:900}.skill-detail__actions{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;align-items:center;padding:12px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(20,24,32,.06);background:#fff}.skill-detail__action{display:flex;min-height:48px;align-items:center;justify-content:center;gap:5px;border-radius:14px;font-size:12px;cursor:pointer}.skill-detail__action--ghost{flex-direction:column;color:#3f4550;background:#fff}.skill-detail__action--primary{color:#fff;background:linear-gradient(180deg,#ff7b1a,#ff5a00);font-size:13px;font-weight:700;box-shadow:0 8px 18px #ff600a33;padding:0 12px;text-align:center;line-height:1.35;white-space:normal;word-break:keep-all}.skill-detail__action-icon{font-size:16px}.doc-drawer{width:100%;max-width:min(100%,720px);max-height:min(90vh,960px);padding:10px 0 0;border-radius:28px 28px 0 0;background:radial-gradient(circle at top right,rgba(255,219,196,.44),transparent 24%),linear-gradient(180deg,#fffefc,#fff8f4 100%);box-shadow:0 32px 72px #0d10153d;overflow:hidden}.doc-drawer__handle{width:52px;height:5px;margin:0 auto 12px;border-radius:999px;background:rgba(30,33,39,.14)}.doc-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 20px 8px}.doc-drawer__eyebrow{color:var(--brand);font-size:16px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.doc-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:-4px;border-radius:14px;background:rgba(31,35,41,.05);color:#525761;font-size:26px;line-height:1;flex:0 0 auto}.doc-drawer__tabs{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px 12px;background:linear-gradient(180deg,rgba(255,252,249,.98),rgba(255,248,244,.96));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.doc-drawer__tab{position:relative;display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:0 10px;border-radius:14px;color:#555b64;font-size:15px;font-weight:700}.doc-drawer__tab.active{background:linear-gradient(180deg,#fff3ea,#ffe9db);color:var(--brand-deep);box-shadow:inset 0 0 0 1px #ff5b1414}.doc-drawer__body{max-height:calc(min(90vh,960px) - 112px);overflow-y:auto;padding:0 16px calc(22px + env(safe-area-inset-bottom))}.doc-section{display:grid;gap:14px}.doc-block{padding:18px 16px;border-radius:22px;background:rgba(255,255,255,.84);box-shadow:0 10px 26px #13161c0d,inset 0 0 0 1px #ff5b140f}.doc-block__title{margin:0;font-size:21px;font-weight:900;line-height:1.25}.doc-block__text{margin:12px 0 0;color:#5d626c;font-size:15px;line-height:1.8}.doc-bullet-list,.doc-step-list,.doc-faq-list,.doc-skill-list{display:grid;gap:12px;margin-top:14px}.doc-bullet-item,.doc-step{display:flex;gap:12px;align-items:flex-start}.doc-bullet-item__dot,.doc-step__index{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:12px;background:linear-gradient(135deg,#ff5b14,#ff8740);color:#fff;font-size:13px;font-weight:800;flex:0 0 auto}.doc-bullet-item strong,.doc-step__title{display:block;font-size:16px;font-weight:800;color:var(--ink-deep)}.doc-bullet-item p,.doc-step__text,.doc-faq p{margin:6px 0 0;color:#5d626c;font-size:15px;line-height:1.8}.doc-note{display:grid;gap:10px;margin-top:14px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#fff4ea,#fff9f5)}.doc-note p{margin:0;color:#4e535c;font-size:14px;line-height:1.7}.doc-faq{padding:14px;border-radius:18px;background:linear-gradient(180deg,#fffdfa,#fff8f3);box-shadow:inset 0 0 0 1px #ff5b140f}.doc-faq strong{display:block;color:var(--ink-deep);font-size:15px;line-height:1.6}.doc-skill-card{padding:18px 16px;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 10px 28px #13161c0d,inset 0 0 0 1px #ff5b140f}.doc-skill-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.doc-skill-card__title{margin:0;font-size:18px;font-weight:900;line-height:1.35}.doc-skill-card__desc{margin:8px 0 0;color:#5f646d;font-size:14px;line-height:1.75}.doc-skill-card__status{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;flex:0 0 auto}.doc-skill-card__status--online{background:rgba(18,170,95,.12);color:#15955a}.doc-skill-card__status--offline{background:rgba(31,35,41,.08);color:#71757e}.doc-skill-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;color:#8b9098;font-size:12px;font-weight:700}.doc-skill-card__meta span{padding:6px 10px;border-radius:999px;background:rgba(31,35,41,.04)}.doc-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.doc-chip{padding:7px 10px;border-radius:999px;background:linear-gradient(180deg,#fff3ea,#ffe7d6);color:var(--brand-deep);font-size:12px;font-weight:700}.doc-example-box{margin-top:14px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#f7f8fb,#f0f2f5)}.doc-example-box__label{color:#4f5560;font-size:13px;font-weight:800}.doc-example-box__item{margin-top:10px;color:#555b64;font-size:14px;line-height:1.7}.app-shell--tutorial{background:radial-gradient(circle at top left,rgba(255,112,42,.18),transparent 24%),radial-gradient(circle at 86% 10%,rgba(255,188,158,.18),transparent 20%),linear-gradient(180deg,#fff7f2 0%,#f5f6f9 28%,#eef0f4 100%)}.page--tutorial{width:min(100%,1080px);padding-top:16px}.tutorial-hero,.tutorial-step-card,.tutorial-usage-card,.tutorial-video-card,.tutorial-summary-card,.tutorial-community-card{border-radius:28px;border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.92);box-shadow:var(--shadow)}.tutorial-hero{position:relative;overflow:hidden}.tutorial-hero:before{content:"";position:absolute;inset:auto -28px -42px auto;width:180px;height:180px;border-radius:44px;background:linear-gradient(135deg,rgba(255,91,20,.16),rgba(255,91,20,0));transform:rotate(24deg)}.tutorial-hero__panel{position:relative;z-index:1;display:grid;gap:18px;padding:26px 20px;background:radial-gradient(circle at 18% 18%,rgba(255,227,210,.68),transparent 24%),radial-gradient(circle at 82% 8%,rgba(255,236,221,.72),transparent 22%),linear-gradient(180deg,#fffefc,#fff7f1 100%)}.tutorial-hero__title,.tutorial-section__intro h2,.tutorial-summary-card__main h2,.tutorial-community-card h2{margin:0;color:var(--ink-deep);letter-spacing:-.03em}.tutorial-hero__title{margin-top:12px;font-size:clamp(32px,6.8vw,56px);line-height:1.08;font-weight:900}.tutorial-hero__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.tutorial-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer}.tutorial-button--primary{background:linear-gradient(135deg,var(--brand-deep),var(--brand),#ff7d2b);color:#fff;box-shadow:0 10px 22px #ff5b1438}.tutorial-button--secondary{color:var(--ink-deep);background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px #ff5b141f}.tutorial-hero__aside{display:grid;gap:12px;padding:16px;border-radius:24px;background:rgba(255,255,255,.8);box-shadow:0 10px 22px #1c1f260d,inset 0 0 0 1px #ff5b1414}.tutorial-hero__badge{display:inline-flex;width:fit-content;min-height:28px;padding:0 12px;border-radius:999px;background:rgba(255,91,20,.08);color:var(--brand);font-size:12px;font-weight:800;align-items:center}.tutorial-hero__summary,.tutorial-summary-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.tutorial-hero__summary li,.tutorial-summary-list li,.tutorial-point-list li{position:relative;padding-left:18px;color:var(--text-secondary);line-height:1.75}.tutorial-hero__summary li:before,.tutorial-summary-list li:before,.tutorial-point-list li:before{content:"";position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:999px;background:linear-gradient(135deg,var(--brand-deep),#ff9a45)}.tutorial-section,.tutorial-section[id]{scroll-margin-top:0}.tutorial-section--video{margin-top:28px}.tutorial-section__intro{max-width:620px;margin-bottom:18px}.tutorial-section__intro h2{font-size:clamp(28px,4.8vw,40px);line-height:1.12}.tutorial-section__intro p,.tutorial-step-card__head p,.tutorial-usage-card__copy p,.tutorial-image-caption,.tutorial-community-card p{margin:10px 0 0;color:var(--text-secondary);line-height:1.75}.tutorial-section__intro--compact{margin-bottom:0}.tutorial-steps,.tutorial-usage-list{display:grid;gap:16px}.tutorial-step-card,.tutorial-usage-card,.tutorial-video-card,.tutorial-summary-card,.tutorial-community-card{overflow:hidden;padding:20px 18px;background:radial-gradient(circle at top right,rgba(255,91,20,.06),transparent 24%),linear-gradient(180deg,#ffffff,#fffaf6 100%)}.tutorial-step-card{display:grid;gap:16px}.tutorial-step-card__content{display:grid;gap:14px}.tutorial-step-card__head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}.tutorial-step-card__head h3,.tutorial-usage-card__copy h3{margin:0;font-size:20px;line-height:1.3}.tutorial-step-card__no{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--brand-deep),var(--brand),#ff9a45);color:#fff;font-size:14px;font-weight:800;box-shadow:0 10px 22px #ff5b1433}.tutorial-point-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.tutorial-image-panel{display:grid;gap:12px;padding:14px;border-radius:22px;background:linear-gradient(180deg,#fff8f2,#fffdfa);box-shadow:inset 0 0 0 1px #ff5b1414}.tutorial-image-panel>span{display:inline-flex;width:fit-content;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tutorial-image-group{display:grid;gap:10px;margin:0}.tutorial-image-frame-button{display:block;padding:0;border-radius:18px;cursor:zoom-in}.tutorial-image-frame{position:relative;overflow:hidden;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #2e31380d}.tutorial-image-frame--phone{width:min(220px,100%);margin:0 auto}.tutorial-image-frame img{display:block;width:100%;height:auto}.tutorial-image-zoom{position:absolute;right:10px;top:10px;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.9);color:var(--brand);font-size:11px;font-weight:800;box-shadow:0 8px 18px #2e313814}.tutorial-image-caption{font-size:14px}.tutorial-image-caption--center{text-align:center}.tutorial-usage-card{display:grid;gap:16px}.tutorial-video-player{display:block;width:100%;margin-top:12px;border-radius:22px;background:#000;box-shadow:inset 0 0 0 1px #2e31380d}.tutorial-section--summary,.tutorial-summary-card__main{display:grid;gap:16px}.tutorial-summary-card__main h2,.tutorial-community-card h2{font-size:clamp(28px,4.8vw,40px);line-height:1.02}.tutorial-community-card{display:grid;gap:18px}.tutorial-community-card__copy{max-width:520px}.tutorial-community-card__copy p+p{margin-top:12px}.tutorial-community-card__join-button{position:relative;display:flex;align-items:center;gap:14px;width:min(100%,260px);margin:0 auto;padding:16px 18px;border-radius:24px;border:0;text-align:left;color:#fff;background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.34),transparent 22%),linear-gradient(135deg,#ffb777 0%,#ff9456 56%,#f07434 100%);box-shadow:0 16px 32px #ff94562e,inset 0 1px #ffffff4d;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.tutorial-community-card__join-button:after{content:"";position:absolute;inset:auto -36px -42px auto;width:108px;height:108px;border-radius:50%;background:rgba(255,255,255,.12)}.tutorial-community-card__join-button:active{transform:translateY(1px) scale(.995);box-shadow:0 10px 22px #ff945624,inset 0 1px #ffffff3d}.tutorial-community-card__join-icon{position:relative;z-index:1;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px #ffffff38}.tutorial-community-card__join-icon:before,.tutorial-community-card__join-icon:after{content:"";position:absolute;background:#fff}.tutorial-community-card__join-icon:before{left:13px;top:15px;width:22px;height:16px;border-radius:9px 9px 9px 4px}.tutorial-community-card__join-icon:after{left:27px;top:25px;width:8px;height:8px;border-radius:2px 2px 6px;transform:rotate(38deg)}.tutorial-community-card__join-copy{position:relative;z-index:1;display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.tutorial-community-card__join-title{font-size:16px;font-weight:900;line-height:1.2}.tutorial-community-card__join-subtitle{color:#fff5eee6;font-size:12px;line-height:1.45}.tutorial-community-card__join-arrow{position:relative;z-index:1;font-size:24px;line-height:1;color:#ffffffeb}.tutorial-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;display:grid;place-items:center;padding:24px;background:rgba(16,19,25,.72)}.tutorial-lightbox__dialog{position:relative;width:min(960px,100%);min-height:min(720px,calc(100vh - 48px));max-height:calc(100vh - 48px);padding:20px;border-radius:28px;background:rgba(255,255,255,.98);box-shadow:0 30px 70px #0003;display:flex;flex-direction:column}.tutorial-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;margin-bottom:8px}.tutorial-lightbox__hint{color:#6a6f79;font-size:13px;line-height:1.5}.tutorial-lightbox__toolbar-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.tutorial-lightbox__controls{display:inline-flex;align-items:center;gap:8px}.tutorial-lightbox__action{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:36px;padding:0 12px;border-radius:999px;background:rgba(255,91,20,.08);color:var(--brand);font-size:13px;font-weight:800;line-height:1;box-shadow:inset 0 0 0 1px #ff5b141a;cursor:pointer;border:0}.tutorial-lightbox__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:999px;background:rgba(255,91,20,.12);color:var(--ink-deep);font-size:24px;line-height:1;cursor:pointer;border:0;flex-shrink:0}.tutorial-lightbox__media{overflow:auto;flex:1 1 auto;min-height:0;max-height:none;width:100%;border-radius:18px;display:grid;place-items:center;touch-action:none;-webkit-user-select:none;user-select:none}.tutorial-lightbox__media img{display:block;width:auto;max-width:100%;max-height:100%;margin:0 auto;transform-origin:center center;transition:transform .12s ease;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media (max-width: 420px){.modal-backdrop{padding-top:12px}.skill-detail{max-height:min(74vh,680px)}.skill-detail__header{gap:12px;padding:20px 20px 10px}.skill-detail__body{padding:12px 20px 16px}.skill-detail__hero{min-width:0}.skill-detail__title{font-size:19px}.skill-detail__desc{font-size:15px;line-height:1.75}.skill-detail__label{font-size:16px}.skill-detail__feature{font-size:15px}.skill-detail__actions{grid-template-columns:64px minmax(0,1fr);gap:8px;padding:10px 10px calc(12px + env(safe-area-inset-bottom))}.skill-detail__action{min-height:44px;border-radius:12px;font-size:11px}.skill-detail__action--primary{padding:0 10px;font-size:12px}.skill-detail__action-icon{font-size:15px}.page--tutorial{padding-top:12px}.tutorial-hero,.tutorial-step-card,.tutorial-usage-card,.tutorial-video-card,.tutorial-summary-card,.tutorial-community-card{border-radius:24px}.tutorial-hero__panel,.tutorial-step-card,.tutorial-usage-card,.tutorial-video-card,.tutorial-summary-card,.tutorial-community-card{padding-left:16px;padding-right:16px}.tutorial-hero__actions{grid-template-columns:1fr}.tutorial-lightbox{padding:12px}.tutorial-lightbox__dialog{width:calc(100vw - 24px);min-height:calc(100vh - 24px);max-height:calc(100vh - 24px);padding:16px;border-radius:22px}.tutorial-lightbox__toolbar{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:6px}.tutorial-lightbox__toolbar-actions{width:100%}.tutorial-lightbox__controls{width:calc(100% - 44px)}.tutorial-lightbox__action{flex:1 1 0}.tutorial-lightbox__hint{font-size:12px;line-height:1.35}.tutorial-lightbox__media{min-height:0}.tutorial-lightbox__media img{max-height:100%}}.skeleton-card{padding:18px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow)}.skeleton{border-radius:999px;background:linear-gradient(90deg,#f1f2f5 25%,#e7e9ed 37%,#f1f2f5 63%);background-size:400% 100%;animation:loading-shimmer 1.2s ease infinite}.skeleton--title{width:42%;height:20px}.skeleton--line{width:100%;height:14px;margin-top:12px}.skeleton--short{width:70%}.skeleton-row{display:flex;gap:10px;margin-top:16px}.skeleton--tag{width:74px;height:30px}@keyframes loading-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width: 380px){.hero__title{font-size:24px}.primary-btn,.bottom-bar__button{font-size:16px}.install-guide-card__copy-btn{font-size:15px}}@media (min-width: 700px){.page{padding-bottom:132px}.page--skills{padding-bottom:42px}.brand-banner,.hero,.card,.usage-card,.empty-state,.skeleton-card{border-radius:28px}.skill-list,.usage-list{grid-template-columns:repeat(2,minmax(0,1fr))}.community-card__body{grid-template-columns:minmax(0,1fr) 248px;align-items:center}.community-card__join-btn{margin:0 0 0 auto}.tutorial-hero__panel{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:24px;padding:30px 28px}.tutorial-community-card{grid-template-columns:minmax(0,1fr) 260px;align-items:center;padding:22px}.tutorial-summary-card__main{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:center;gap:24px}.tutorial-summary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.tutorial-summary-list li{padding:14px 16px 14px 24px;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px #ff5b1414}.tutorial-summary-list li:before{left:12px;top:50%;transform:translateY(-50%)}}@media (min-width: 1100px){.page{padding-top:22px}.page--skills{padding-bottom:52px}.hero{padding:38px 36px 34px}.hero__desc{max-width:720px}.skill-list{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-list{grid-template-columns:repeat(2,minmax(0,1fr))}.page--tutorial{padding-top:22px}.tutorial-steps{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.tutorial-step-card:nth-child(3),.tutorial-step-card:nth-child(4){grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:20px}.tutorial-usage-list{gap:18px}.tutorial-usage-card{grid-template-columns:minmax(0,.75fr) minmax(320px,1fr);align-items:start;gap:20px}.tutorial-section--video{margin-top:36px}}.cli-auth-page{--cli-ink: #101827;--cli-muted: rgba(16, 24, 39, .7);--cli-soft: rgba(16, 24, 39, .55);--cli-line: rgba(16, 24, 39, .12);--cli-card: rgba(255, 255, 255, .92);--cli-warm: #ff5b14;--cli-warm-2: #ff7a2a;--cli-good: #0d6d3f;--cli-bad: #a02f2f;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px;font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,SF Pro Display,sans-serif;background:radial-gradient(circle at 14% 12%,rgba(255,91,20,.14),transparent 40%),radial-gradient(circle at 84% 20%,rgba(0,103,200,.1),transparent 46%),linear-gradient(180deg,#f6f7fb 0%,#f2f5fb 60%,#f3f6ff 100%)}.cli-auth-page:before{content:"";position:fixed;top:-40px;right:-40px;bottom:-40px;left:-40px;pointer-events:none;background:radial-gradient(900px 400px at 40% 0%,rgba(255,91,20,.08),transparent 55%),radial-gradient(600px 320px at 90% 20%,rgba(0,103,200,.06),transparent 65%);filter:blur(.4px);z-index:0}.cli-auth-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.7;background:repeating-radial-gradient(circle at 10% 20%,rgba(16,24,39,.06) 0,rgba(16,24,39,.06) 1px,transparent 1px,transparent 16px);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.2));mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.2))}.cli-auth-card{position:relative;z-index:1;width:min(100%,560px);padding:26px;border-radius:22px;background:var(--cli-card);border:1px solid rgba(255,255,255,.55);box-shadow:0 18px 48px #1018271f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:cli-auth-fade-in .32s ease-out both}.cli-auth-card:after{content:"";position:absolute;right:14px;top:14px;width:140px;height:140px;border-radius:26px;background:radial-gradient(circle at 30% 30%,rgba(255,91,20,.18),transparent 55%),radial-gradient(circle at 70% 20%,rgba(0,103,200,.12),transparent 60%);transform:rotate(8deg);opacity:.65;pointer-events:none}@keyframes cli-auth-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cli-auth-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#1018278c}.cli-auth-layout{display:grid;gap:20px}.cli-auth-panel{min-width:0}.cli-auth-qr-card{border-radius:20px;border:1px solid rgba(16,24,39,.08);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,255,.9));padding:18px 18px 16px;box-shadow:inset 0 1px #fff9}.cli-auth-qr-card__title{font-size:14px;font-weight:700;color:#101827db;display:flex;justify-content:space-between;align-items:center}.cli-auth-qr-card__title-text{display:inline-flex;align-items:center;gap:8px}.cli-auth-qr-card__hint{margin-top:12px;text-align:center;font-size:12px;color:#1018278a}.cli-auth-qr-card__meta{margin-top:12px;display:grid;gap:8px;font-size:12px;color:#101827b8}.cli-auth-qr-card__meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.cli-auth-qr-card__meta-row strong{color:#101827eb;font-weight:800;letter-spacing:.04em}.cli-auth-qr-card__meta-row a{color:#0067c8;text-decoration:none}.cli-auth-qr-card__meta-row a:hover{text-decoration:underline;text-underline-offset:3px}.cli-auth-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cli-auth-brand{display:flex;align-items:flex-start;gap:14px;min-width:0}.cli-auth-brand__mark{width:52px;height:52px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin-top:2px;border-radius:16px;background:rgba(255,255,255,.58);border:1px solid rgba(16,24,39,.05);box-shadow:0 8px 18px #1018270a}.cli-auth-brand__logo{width:38px;height:38px;display:block;object-fit:cover;border-radius:10px}.cli-auth-brand__text{min-width:0}.cli-auth-title{margin:0;font-size:34px;line-height:1.08;letter-spacing:-.03em;color:var(--cli-ink)}.cli-auth-title--approve{font-size:28px;line-height:1.12;letter-spacing:-.02em}.cli-auth-subtitle{margin:10px 0 0;color:var(--cli-muted);font-size:14px;line-height:1.6}.cli-auth-subtitle--tight{margin-top:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#10182775}.cli-auth-hero-art{position:relative;height:168px;margin-top:18px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(246,249,255,.58)),radial-gradient(circle at 78% 22%,rgba(0,103,200,.06),transparent 36%);border:1px solid rgba(16,24,39,.04);box-shadow:inset 0 1px #ffffff8a,0 10px 24px #1018270a}.cli-auth-hero-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(16,24,39,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,39,.04) 1px,transparent 1px),repeating-radial-gradient(circle at 76% 68%,rgba(16,24,39,.03) 0,rgba(16,24,39,.03) 1px,transparent 1px,transparent 18px);background-size:22px 22px,22px 22px,auto;opacity:.42}.cli-auth-hero-art:after{content:"";position:absolute;top:28px;right:26px;bottom:30px;left:26px;border-radius:20px;background:linear-gradient(126deg,transparent 0 30%,rgba(0,103,200,.05) 30% 31%,transparent 31% 100%),linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04));border:1px solid rgba(16,24,39,.04)}.cli-auth-hero-art__core,.cli-auth-hero-art__halo,.cli-auth-hero-art__chip,.cli-auth-hero-art__spark{position:absolute}.cli-auth-hero-art__core{left:26px;top:36px;width:144px;height:96px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(236,244,255,.72)),linear-gradient(90deg,rgba(0,103,200,.08),rgba(0,103,200,0));border:1px solid rgba(0,103,200,.06);box-shadow:0 10px 18px #1018270a}.cli-auth-hero-art__halo{left:118px;top:24px;width:122px;height:122px;border-radius:999px;border:1px dashed rgba(0,103,200,.1);background:radial-gradient(circle,rgba(0,103,200,.03),transparent 70%)}.cli-auth-hero-art__chip{border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cli-auth-hero-art__chip--warm{right:42px;top:30px;width:112px;height:28px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(246,249,255,.78));border:1px solid rgba(16,24,39,.06);box-shadow:0 8px 16px #10182708}.cli-auth-hero-art__chip--cool{right:64px;top:72px;width:104px;height:70px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(233,241,255,.74)),radial-gradient(circle at 70% 30%,rgba(0,103,200,.1),transparent 42%);border:1px solid rgba(0,103,200,.06);box-shadow:0 8px 18px #0067c80a}.cli-auth-hero-art__chip--glass{right:170px;top:116px;width:82px;height:18px;background:rgba(255,255,255,.6);border:1px solid rgba(16,24,39,.05)}.cli-auth-hero-art__spark{width:10px;height:10px;border-radius:999px}.cli-auth-hero-art__spark--one{left:174px;top:48px;background:rgba(0,103,200,.2);box-shadow:0 0 0 5px #0067c80a}.cli-auth-hero-art__spark--two{right:146px;bottom:32px;background:rgba(35,122,214,.12);box-shadow:0 0 0 5px #237ad609}.cli-auth-hero-art__core:before,.cli-auth-hero-art__core:after,.cli-auth-hero-art__chip--warm:before,.cli-auth-hero-art__chip--cool:before,.cli-auth-hero-art__chip--cool:after{content:"";position:absolute}.cli-auth-hero-art__core:before{left:16px;right:18px;top:18px;height:2px;background:linear-gradient(90deg,rgba(0,103,200,.1),rgba(0,103,200,.01)),rgba(0,103,200,.05);box-shadow:0 14px #1018270d,0 28px #1018270d,0 42px #1018270d}.cli-auth-hero-art__core:after{left:18px;bottom:16px;width:64px;height:24px;border-left:2px solid rgba(0,103,200,.1);border-bottom:2px solid rgba(0,103,200,.1);border-radius:0 0 0 12px}.cli-auth-hero-art__chip--warm:before{left:12px;right:12px;top:12px;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(0,103,200,.1) 0 30%,rgba(16,24,39,.05) 30% 58%,rgba(255,91,20,.08) 58% 100%)}.cli-auth-hero-art__chip--cool:before{left:14px;right:14px;bottom:18px;height:22px;border-radius:12px 12px 10px 10px;background:linear-gradient(180deg,rgba(0,103,200,.09),rgba(0,103,200,.025)),rgba(255,255,255,.6)}.cli-auth-hero-art__chip--cool:after{left:18px;right:18px;top:16px;height:2px;background:rgba(16,24,39,.05);box-shadow:0 10px #1018270d}.cli-auth-approve-hero{position:relative;height:124px;margin-top:18px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(244,248,255,.7)),radial-gradient(circle at 70% 24%,rgba(0,103,200,.08),transparent 32%);border:1px solid rgba(16,24,39,.05);box-shadow:inset 0 1px #ffffff9e,0 10px 24px #1018270a}.cli-auth-approve-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(16,24,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,39,.035) 1px,transparent 1px);background-size:20px 20px;opacity:.32}.cli-auth-approve-hero__badge{position:absolute;left:24px;top:26px;width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(233,241,255,.78)),linear-gradient(90deg,rgba(0,103,200,.06),rgba(0,103,200,0));border:1px solid rgba(0,103,200,.08);color:#0067c8b3;box-shadow:0 12px 24px #1018270d}.cli-auth-approve-hero__beam{position:absolute;left:106px;right:28px;top:42px;height:40px;border-radius:999px;background:linear-gradient(90deg,rgba(0,103,200,.08),rgba(0,103,200,.02) 42%,rgba(255,91,20,.05));border:1px solid rgba(16,24,39,.05)}.cli-auth-approve-hero__beam:before,.cli-auth-approve-hero__beam:after{content:"";position:absolute;left:18px;right:18px;height:2px;border-radius:999px;background:rgba(16,24,39,.05)}.cli-auth-approve-hero__beam:before{top:12px}.cli-auth-approve-hero__beam:after{top:22px}.cli-auth-approve-hero__dot{position:absolute;width:10px;height:10px;border-radius:999px;background:rgba(0,103,200,.16)}.cli-auth-approve-hero__dot--one{right:86px;top:28px;box-shadow:0 0 0 5px #0067c80a}.cli-auth-approve-hero__dot--two{right:42px;bottom:24px;background:rgba(255,91,20,.12);box-shadow:0 0 0 5px #ff5b1409}.cli-auth-status{margin-top:14px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:600}.cli-auth-status--pending{color:#7a3900f2;background:rgba(255,172,65,.16)}.cli-auth-status--approved{color:var(--cli-good);background:rgba(24,186,107,.12)}.cli-auth-status--rejected,.cli-auth-status--expired,.cli-auth-status--consumed,.cli-auth-status--revoked{color:var(--cli-bad);background:rgba(246,87,87,.12)}.cli-auth-hint{margin:10px 0 0;font-size:13px;line-height:1.5;color:#525864}.cli-auth-steps{margin-top:12px;display:grid;gap:8px}.cli-auth-step{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.78);border:1px solid rgba(16,24,39,.08);color:#101827c7;font-size:13px}.cli-auth-step span{width:20px;height:20px;flex:0 0 auto;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,91,20,.12);color:#bb3400f2;font-size:12px;font-weight:700}.cli-auth-qr{display:block;width:min(100%,240px);aspect-ratio:1 / 1;margin:14px auto 0;border-radius:18px;border:1px solid rgba(16,24,39,.08);object-fit:contain;background:rgba(255,255,255,.9);box-shadow:0 10px 24px #10182714}.cli-auth-qr--placeholder{display:grid;place-items:center;color:#8b919b;font-size:13px;background:#fafafb}.cli-auth-meta{margin-top:14px;display:grid;gap:8px;font-size:13px;line-height:1.5;color:#101827c7}.cli-auth-meta--grid{padding:14px;border-radius:16px;border:1px solid rgba(16,24,39,.08);background:rgba(255,255,255,.72)}.cli-auth-meta--compact{gap:10px}.cli-auth-meta__row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:baseline}.cli-auth-meta__label{color:#1018278c;font-size:12px;display:inline-flex;align-items:center;gap:6px}.cli-auth-meta__icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:#0067c89e}.cli-auth-meta__value{color:#101827eb;word-break:break-word}.cli-auth-meta__row--code .cli-auth-meta__value{display:flex;justify-content:flex-start}.cli-auth-code{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(0,103,200,.1);color:#00498dfa;letter-spacing:.06em;font-weight:900}.cli-auth-tip,.cli-auth-error,.cli-auth-success{margin:14px 0 0;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.55}.cli-auth-tip{color:#525864;background:#f5f7fb}.cli-auth-error{color:#b53030;background:rgba(246,87,87,.14)}.cli-auth-success{color:#0e6a40;background:rgba(24,186,107,.14)}.cli-auth-page--success{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:12vh}.cli-auth-success-view{width:min(560px,calc(100vw - 48px));padding:28px 20px;display:flex;align-items:center;justify-content:center}.cli-auth-success-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.cli-auth-success-mark{width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;color:#111827;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,248,251,.94));border:1px solid rgba(16,24,39,.08);box-shadow:0 10px 24px #10182714,inset 0 1px #ffffffe6}.cli-auth-success-title{margin:0;font-size:32px;line-height:1.08;letter-spacing:-.04em;color:#111827;font-weight:700}.cli-auth-success-title span{font-weight:500}.cli-auth-success-copy{margin:0;font-size:16px;line-height:1.7;color:#1018279e}.cli-auth-result{margin-top:16px;padding:18px 16px;border-radius:18px;border:1px solid rgba(16,24,39,.08);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(243,248,255,.86));text-align:center}.cli-auth-result--success{border-color:#18ba6b29;box-shadow:0 12px 24px #1018270d}.cli-auth-result__icon{width:56px;height:56px;margin:0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;color:#0e6a40;background:rgba(24,186,107,.12)}.cli-auth-result__title{margin-top:12px;font-size:22px;line-height:1.2;font-weight:700;color:#0f1727}.cli-auth-result__desc{margin-top:8px;font-size:13px;line-height:1.55;color:#101827ad}.cli-auth-result__countdown{margin-top:12px;font-size:13px;color:#0067c8c2}.cli-auth-result__action{flex:0 0 auto;width:auto;min-width:112px;max-width:none;height:40px;padding:0 16px;margin-left:auto;margin-right:auto;border-radius:999px;border-color:#1018271a;background:rgba(255,255,255,.98);color:#101827c7;box-shadow:0 6px 14px #1018270d}.cli-auth-result .cli-auth-btn{margin-top:14px}.cli-auth-actions{margin-top:16px;display:flex;gap:10px}.cli-auth-actions--stack{flex-direction:column}.cli-auth-actions--left{justify-content:flex-start}.cli-auth-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;color:#0067c8;font-weight:700;font-size:13px;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.cli-auth-link:hover{color:#0053a6}.cli-auth-btn{flex:1;height:42px;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px}.cli-auth-btn__content{display:inline-flex;align-items:center;justify-content:center;gap:8px}.cli-auth-spinner{width:15px;height:15px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:cli-auth-spin .7s linear infinite}.cli-auth-btn:disabled{cursor:not-allowed;opacity:.92}.cli-auth-card--approve .cli-auth-btn{min-height:50px;height:50px;border-radius:14px;font-size:15px}.cli-auth-btn--primary{color:#fff;background:linear-gradient(135deg,var(--cli-warm),var(--cli-warm-2))}.cli-auth-btn--ghost{color:#555b66;border:1px solid #d8dde5;background:#fff}.cli-auth-btn--ghost:disabled{background:#f5f7fb;border-color:#e3e7ee}.cli-auth-btn--small{width:auto;min-width:104px;height:36px;padding:0 12px}.cli-auth-icon-btn{width:34px;height:34px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(16,24,39,.08);background:rgba(255,255,255,.96);color:#101827b3;cursor:pointer;transition:transform .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.cli-auth-icon-btn:hover{color:#101827e6;border-color:#ff5b1442;box-shadow:0 8px 20px #10182714;transform:rotate(20deg)}.cli-auth-icon-btn:active{transform:scale(.96)}@keyframes cli-auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cli-auth-token{margin-top:14px;padding:12px;border-radius:12px;border:1px solid rgba(255,91,20,.22);background:#fffaf6}.cli-auth-token__title{font-size:13px;color:#8a4200;font-weight:600}.cli-auth-token__value{margin-top:8px;display:block;width:100%;padding:8px;border-radius:8px;background:#ffffff;border:1px solid #f1d4c1;color:#282d34;font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.cli-auth-token__copy-btn{margin-top:10px}.cli-auth-help{margin-top:14px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid rgba(16,24,39,.08)}.cli-auth-help--compact strong{display:none}.cli-auth-help--compact{padding:10px 12px}.cli-auth-help--compact p{margin-top:0}.cli-auth-help strong{display:block;font-size:13px;color:#3f4654}.cli-auth-help p{margin:6px 0 0;font-size:12px;line-height:1.5;color:#626a78}.cli-auth-empty{margin-top:12px}.cli-auth-help--approve{margin-top:16px}@media (min-width: 920px){.cli-auth-card--login{width:min(920px,calc(100vw - 64px));padding:30px}.cli-auth-layout{grid-template-columns:minmax(0,1fr) 332px;align-items:start;gap:28px}.cli-auth-panel--right{position:sticky;top:22px}.cli-auth-qr{width:240px}}@media (max-width: 919px){.cli-auth-page{padding:12px;align-items:center}.cli-auth-card{padding:18px 16px;border-radius:18px}.cli-auth-subtitle{margin-top:8px;font-size:13px;line-height:1.5}.cli-auth-meta{margin-top:10px;gap:6px}.cli-auth-meta--grid{padding:12px;border-radius:14px}.cli-auth-tip,.cli-auth-error,.cli-auth-success{margin-top:10px;padding:9px 10px;font-size:12px}.cli-auth-result{margin-top:12px;padding:16px 14px;border-radius:16px}.cli-auth-result__icon{width:50px;height:50px;border-radius:16px}.cli-auth-result__title{margin-top:10px;font-size:20px}.cli-auth-result__desc,.cli-auth-result__countdown{font-size:12px}.cli-auth-success-view{width:min(100%,420px);padding:20px 12px}.cli-auth-page--success{padding-top:9vh}.cli-auth-success-mark{width:58px;height:58px;border-radius:16px}.cli-auth-success-title{font-size:28px}.cli-auth-success-copy{font-size:14px}.cli-auth-actions{margin-top:12px;gap:8px}.cli-auth-qr-card{padding:14px 14px 12px;border-radius:18px}.cli-auth-qr{width:min(100%,212px);margin-top:12px}.cli-auth-brand__mark{width:46px;height:46px;border-radius:14px}.cli-auth-brand__logo{width:34px;height:34px}.cli-auth-title--approve{font-size:24px}.cli-auth-approve-hero{height:92px;margin-top:14px}.cli-auth-approve-hero__badge{left:18px;top:18px;width:54px;height:54px;border-radius:18px}.cli-auth-approve-hero__beam{left:82px;right:18px;top:28px;height:32px}.cli-auth-approve-hero__beam:before{top:9px}.cli-auth-approve-hero__beam:after{top:18px}.cli-auth-approve-hero__dot--one{right:76px;top:22px}.cli-auth-approve-hero__dot--two{right:34px;bottom:18px}.cli-auth-hero-art{height:118px;margin-top:14px}.cli-auth-hero-art__core{left:18px;top:24px;width:100px;height:66px;border-radius:20px}.cli-auth-hero-art__halo{left:78px;top:16px;width:84px;height:84px}.cli-auth-hero-art__chip--warm{right:20px;top:20px;width:78px;height:24px}.cli-auth-hero-art__chip--cool{right:24px;top:58px;width:72px;height:46px}.cli-auth-hero-art__chip--glass{right:106px;top:84px;width:48px;height:14px}.cli-auth-hero-art__spark--one{left:146px;top:38px}.cli-auth-hero-art__spark--two{right:108px;bottom:18px}}