:root{--bg:#f4f5f7;--paper:#fff;--ink:#17191d;--muted:#6f747d;--line:#e2e4e8;--line-strong:#d3d6dc;--accent:#d94a4a;--accent-soft:#fff0ef;--sidebar:224px;--top:76px;--max:1320px;--violet:#6254b8;--blue:#2e72b9;--rose:#b94f70;--green:#27836a;--radius:14px;--shadow:0 12px 35px rgba(24,29,38,.06);--ease:cubic-bezier(.2,.7,.2,1)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-overlay{display:none}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:25px 18px 18px;background:#fafafa;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column}.brand{height:52px;display:flex;align-items:center;gap:12px;padding:0 10px;margin-bottom:26px}.brand-symbol{width:34px;height:34px;border:1px solid #bfc3ca;border-radius:10px;display:grid;place-items:center;position:relative;transform:rotate(45deg)}.brand-symbol:before,.brand-symbol:after,.brand-symbol i{content:"";position:absolute;border:1px solid #969da7;border-radius:50%}.brand-symbol:before{width:20px;height:20px}.brand-symbol:after{width:8px;height:8px}.brand-symbol i{width:26px;height:10px}.brand-symbol i:nth-child(2){transform:rotate(60deg)}.brand-symbol i:nth-child(3){transform:rotate(120deg)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.02;letter-spacing:.08em;font-size:14px}.brand em{font-style:normal;color:var(--muted);font-size:11px;margin-top:4px}.primary-nav,.topic-nav{display:grid;gap:5px}.primary-nav a,.topic-nav a{min-height:42px;border-radius:10px;display:flex;align-items:center;gap:11px;padding:0 11px;color:#50555e;position:relative;transition:.22s var(--ease)}.primary-nav a:hover,.topic-nav a:hover{background:#f0f1f4;color:#111;transform:translateX(2px)}.primary-nav a.active{background:#ededf0;color:#111;font-weight:650}.primary-nav a.active:before{content:"";position:absolute;left:-18px;width:3px;height:22px;border-radius:2px;background:var(--accent)}.nav-icon{width:19px;height:19px;display:grid;place-items:center}.nav-icon svg{width:18px;height:18px}.primary-nav small{margin-left:auto;color:#9a9fa7;font-size:11px}.nav-group{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.nav-group-title{font-size:10px;letter-spacing:.16em;color:#9b9fa7;padding:0 11px 9px}.topic-nav{gap:2px}.topic-nav a{min-height:35px;font-size:13px}.topic-nav i{width:6px;height:6px;border-radius:50%;background:var(--dot)}.sidebar-foot{margin-top:auto}.progress-card{display:block;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;transition:.2s var(--ease)}.progress-card:hover{border-color:#c7cad0;box-shadow:var(--shadow)}.progress-card>div:first-child{display:flex;justify-content:space-between}.progress-card b{font-size:13px}.progress-track{height:4px;background:#eceef1;border-radius:10px;overflow:hidden;margin:10px 0}.progress-track i{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .45s var(--ease)}.progress-card small,.sidebar-meta{font-size:11px;color:var(--muted)}.sidebar-meta{text-align:center;margin-top:14px}.topbar{position:fixed;left:var(--sidebar);right:0;top:0;height:var(--top);background:rgba(244,245,247,.88);backdrop-filter:blur(14px);z-index:20;display:flex;align-items:center;padding:0 34px;border-bottom:1px solid rgba(220,222,226,.8)}.searchbox{width:min(100%,var(--max));margin:0 auto;position:relative;height:44px;border:1px solid var(--line-strong);background:rgba(255,255,255,.82);border-radius:12px;display:flex;align-items:center;padding:0 14px;transition:.2s var(--ease)}.searchbox:focus-within{background:#fff;border-color:#aeb3bc;box-shadow:0 0 0 4px rgba(0,0,0,.035)}.searchbox>svg{width:18px;color:#868b94}.searchbox input{border:0;outline:0;background:none;width:100%;padding:0 12px;color:#222}.searchbox kbd{border:1px solid var(--line);background:#f5f5f7;border-radius:6px;font-size:11px;padding:2px 7px;color:#858a92}.search-suggestions{position:absolute;top:51px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 45px rgba(18,22,30,.14);padding:7px;max-height:420px;overflow:auto}.search-suggestions a{display:flex;gap:10px;padding:10px;border-radius:8px}.search-suggestions a:hover{background:#f3f4f6}.suggestion-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:7px}.search-suggestions span:nth-child(2){display:flex;flex-direction:column}.search-suggestions small{color:var(--muted)}.header-action{display:none}.menu-button{display:none}main{margin-left:var(--sidebar);padding-top:var(--top);min-height:100vh}.app,footer{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.app{padding:34px 0 52px}footer{border-top:1px solid var(--line);height:70px;display:flex;align-items:center;gap:30px;color:#8a8f97;font-size:12px}footer span:last-child{margin-left:auto}.youkit-credit{font-weight:650;color:#4f5560;white-space:nowrap}.youkit-credit:hover{color:var(--accent)} .home-shell{display:grid;gap:26px}.home-intro{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:44px;align-items:end;padding:8px 0 4px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:750;color:#8f949c}.home-intro h1,.page-header h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}.home-intro h1{font-size:clamp(44px,5.5vw,76px);line-height:.98;margin:14px 0 20px;max-width:850px}.home-intro p{max-width:720px;font-size:17px;color:#626770;margin:0}.next-principle{position:relative;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);padding:16px 46px 16px 0;display:grid;gap:4px;transition:.22s var(--ease)}.next-principle:hover{padding-left:12px;background:linear-gradient(90deg,var(--accent-soft),transparent)}.next-principle span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.next-principle b{font-size:16px}.next-principle small{color:var(--muted)}.next-principle i{position:absolute;right:4px;top:50%;font-size:25px;transform:translateY(-50%);font-style:normal;color:var(--accent)}.explore-section{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px 18px;box-shadow:0 4px 18px rgba(22,26,33,.025)}.section-heading,.panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2,.panel-head h2{font-size:20px;margin:4px 0 0}.section-heading p{color:var(--muted);font-size:13px;max-width:420px;margin:0}.explore-field{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.explore-lane{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px}.explore-lane header{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:8px}.explore-lane header span{font-variant-numeric:tabular-nums}.explore-lane>div{display:grid}.explore-lane a{display:grid;grid-template-columns:1fr auto;align-items:center;padding:8px 4px;border-top:1px solid transparent;transition:.2s var(--ease);animation:rise .4s calc(var(--i)*45ms) both}.explore-lane a span{font-size:clamp(14px,1.25vw,18px);font-weight:620;letter-spacing:-.02em}.explore-lane a small{font-size:10px;color:#9a9fa7;opacity:0;transform:translateX(-4px);transition:.2s}.explore-lane a:hover{padding-left:10px;background:linear-gradient(90deg,var(--tone),transparent);border-color:var(--lane)}.explore-lane a:hover small{opacity:1;transform:none}.explore-lane.violet{--lane:#dcd7fb;--tone:#f2f0ff}.explore-lane.blue{--lane:#cfe1f5;--tone:#edf6ff}.explore-lane.rose{--lane:#f1d4de;--tone:#fff0f4}.explore-lane.green{--lane:#cce7df;--tone:#edf9f5}.home-metrics{display:grid;grid-template-columns:repeat(3,1fr) 1.8fr;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}.home-metrics>div{min-height:74px;padding:15px 20px;border-right:1px solid var(--line);display:flex;align-items:center;gap:9px}.home-metrics>div:last-child{border:0}.home-metrics b{font-size:22px}.home-metrics span{font-size:12px;color:var(--muted)}.metric-progress{display:grid!important;grid-template-columns:auto 1fr;gap:20px!important}.metric-progress span{display:grid}.metric-progress span b{color:var(--ink)}.metric-progress .progress-track{width:100%;margin:0}.home-lower{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:20px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel-head{margin-bottom:12px}.panel-head a{font-size:12px;color:var(--muted)}.compact-list{border-top:1px solid var(--line)}.compact-principle{display:grid;grid-template-columns:45px minmax(0,1fr) 145px 44px 18px;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);transition:.18s var(--ease)}.compact-principle:hover{background:#f6f7f8;padding-left:10px}.compact-index{color:#a0a4ab;font-size:11px}.compact-principle>span:nth-child(2){min-width:0;display:grid}.compact-principle b{font-size:13px}.compact-principle small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-principle .cat{font-size:11px;color:var(--muted)}.compact-principle strong{font-size:13px;color:var(--accent)}.compact-principle svg{width:15px}.route-stack{display:grid;gap:8px}.route-card{border-top:1px solid var(--line);display:grid;grid-template-columns:32px 1fr 20px;gap:12px;padding:12px 3px;align-items:center;transition:.2s}.route-card:hover{padding-left:9px;background:#f6f7f8}.route-card>span{font-size:11px;color:#9a9fa7}.route-card div{display:grid}.route-card b{font-size:13px}.route-card small{color:var(--muted);font-size:11px}.route-card i{font-style:normal;color:var(--accent)} .page-header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line-strong);padding:12px 0 25px;margin-bottom:20px}.page-header h1{font-size:46px;margin:5px 0 5px}.page-header p{color:var(--muted);margin:0}.page-count{text-align:right}.page-count b{font-size:30px}.page-count span{display:block;color:var(--muted);font-size:11px}.catalog-controls{display:grid;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(110px,1fr));gap:8px;margin-bottom:12px}.catalog-controls input,.catalog-controls select{height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 11px;outline:0;color:#363a41}.catalog-search{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 10px}.catalog-search svg{width:17px;color:#888}.catalog-search input{border:0;width:100%}.catalog-summary{font-size:12px;color:var(--muted);margin:10px 0}.principle-table{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.table-head,.principle-row{display:grid;grid-template-columns:minmax(310px,2fr) 1fr .85fr 90px 100px 20px;gap:14px;align-items:center}.table-head{height:42px;padding:0 16px;background:#f8f8f9;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.1em;color:#969aa2;text-transform:uppercase}.principle-row{min-height:61px;padding:9px 16px;border-bottom:1px solid var(--line);position:relative;transition:.18s var(--ease)}.principle-row:last-child{border:0}.principle-row:hover{background:#f7f8f9}.row-mark{position:absolute;left:5px;width:4px;height:4px;background:#b8bbc1;border-radius:50%}.row-mark.core{background:var(--accent)}.row-main{display:grid;min-width:0}.row-main b{font-size:13px}.row-main small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-category,.row-type{font-size:11px;color:#666b73}.row-rating{font-weight:700;font-size:13px;color:var(--accent)}.row-rating small{font-size:9px;color:#aaa}.row-status{width:max-content;padding:4px 8px;border-radius:20px;font-size:10px}.row-status.new{background:#f0f1f3;color:#777}.row-status.learning{background:#fff1d9;color:#a36e18}.row-status.known{background:#e4f5ec;color:#277654}.row-arrow svg{width:14px}.empty-state{padding:50px;text-align:center;color:var(--muted)} .breadcrumbs{display:flex;gap:8px;color:#8b9098;font-size:11px;margin:5px 0 20px;white-space:nowrap;overflow:hidden}.breadcrumbs b{color:#555;overflow:hidden;text-overflow:ellipsis}.article-page{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.article-header{padding:34px 46px 26px;border-bottom:1px solid var(--line)}.article-labels{display:flex;gap:7px}.article-labels>span{border:1px solid var(--line);border-radius:20px;padding:4px 8px;font-size:10px;color:#737880}.article-labels .core-label{color:var(--accent);border-color:#efb8b8;background:#fff6f5}.article-heading{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start;margin-top:22px}.article-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,64px);line-height:1.03;font-weight:500;letter-spacing:-.04em;margin:0}.article-en{color:var(--muted);margin:8px 0 0}.article-score{text-align:center;border-left:1px solid var(--line);padding-left:28px}.article-score b{font-size:38px}.article-score small{display:block;color:var(--muted);font-size:10px}.article-summary{font-size:20px;max-width:900px;color:#555b64;margin:25px 0}.article-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-btn,.study-switch{height:38px;border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;align-items:center}.tool-btn{padding:0 12px;gap:7px;cursor:pointer}.tool-btn svg{width:16px}.tool-btn:hover,.tool-btn.active{background:#f3f4f6}.study-switch{padding:3px;margin-left:auto}.study-switch button{border:0;background:none;height:30px;padding:0 10px;border-radius:6px;color:#747982;cursor:pointer;font-size:11px}.study-switch button.active{background:#25282d;color:#fff}.article-content{width:min(100% - 92px,900px);margin:0 auto;padding:8px 0 42px}.article-content section{padding:30px 0;border-bottom:1px solid var(--line)}.article-content section:last-child{border:0}.article-content h2{font-size:14px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px}.article-content p{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.72;color:#373b42;margin:0}.topic-tags{display:flex;flex-wrap:wrap;gap:7px}.topic-tags span{background:#f1f2f4;border-radius:20px;padding:7px 11px;font-size:12px}.comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.comparison>div{padding:20px}.comparison>div+div{border-left:1px solid var(--line);background:#f8faf9}.comparison b{font-size:12px}.comparison p{font-size:16px;margin-top:10px}.article-steps{list-style:none;padding:0;margin:0;display:grid;gap:10px}.article-steps li{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start}.article-steps li>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#202329;color:#fff;font-size:11px}.article-steps p{font-size:16px}.warning{border-left:3px solid var(--accent)!important;padding-left:22px!important}.note-links{display:flex;gap:12px;margin-top:15px}.note-links a,.note-links span{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:6px 10px}.note-links a:hover{border-color:#aaa}.related-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.related-list a{border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;justify-content:space-between;font-size:13px}.related-list a:hover{background:#f4f5f6}.article-pagination{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.article-pagination a{border:1px solid var(--line);border-radius:10px;background:#fff;padding:16px;display:grid}.article-pagination a:last-child{text-align:right}.article-pagination small{color:var(--muted)} @keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} @media(max-width:1100px){:root{--sidebar:202px}.app,footer{width:min(calc(100% - 40px),var(--max))}.explore-field{grid-template-columns:1fr 1fr}.home-lower{grid-template-columns:1fr}.catalog-controls{grid-template-columns:2fr repeat(2,1fr)}.table-head,.principle-row{grid-template-columns:minmax(260px,2fr) 1fr 80px 95px 18px}.table-head span:nth-child(3),.row-type{display:none}} @media(max-width:760px){:root{--top:64px}.sidebar{transform:translateX(-102%);transition:.25s var(--ease);box-shadow:15px 0 40px rgba(0,0,0,.12)}.sidebar.open{transform:none}.nav-overlay.show{display:block;position:fixed;inset:0;background:rgba(18,20,24,.35);z-index:29}.topbar{left:0;padding:0 14px;gap:10px}.menu-button{display:grid;width:38px;height:38px;border:0;background:none;place-content:center;gap:4px}.menu-button span{display:block;width:18px;height:1.5px;background:#222}.searchbox{height:40px}.searchbox kbd{display:none}main{margin-left:0}.app,footer{width:calc(100% - 24px)}footer{height:auto;min-height:70px;flex-wrap:wrap;gap:12px 20px;padding:18px 0}footer span:last-child{margin-left:0;width:100%}.app{padding:20px 0 38px}.home-intro{grid-template-columns:1fr;gap:24px}.home-intro h1{font-size:44px}.home-intro p{font-size:15px}.next-principle{max-width:none}.section-heading{display:block}.section-heading p{margin-top:8px}.explore-section{padding:17px 14px}.explore-field{grid-template-columns:1fr}.home-metrics{grid-template-columns:repeat(3,1fr)}.home-metrics>div{padding:12px 10px;min-height:60px}.home-metrics .metric-progress{grid-column:1/-1;border-top:1px solid var(--line)}.compact-principle{grid-template-columns:34px minmax(0,1fr) 38px 16px}.compact-principle .cat{display:none}.page-header h1{font-size:38px}.catalog-controls{grid-template-columns:1fr 1fr}.catalog-search{grid-column:1/-1}.table-head{display:none}.principle-table{border-radius:9px}.principle-row{grid-template-columns:minmax(0,1fr) 65px 20px;gap:8px;padding:11px 12px}.row-category,.row-type,.row-status{display:none}.row-main small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-header{padding:24px 19px}.article-heading{grid-template-columns:1fr}.article-score{position:absolute;right:20px;border:0;padding:0}.article-score b{font-size:26px}.article-score small{display:none}.article-summary{font-size:17px}.article-content{width:calc(100% - 38px)}.study-switch{order:3;width:100%;margin-left:0}.study-switch button{flex:1}.comparison{grid-template-columns:1fr}.comparison>div+div{border-left:0;border-top:1px solid var(--line)}.related-list{grid-template-columns:1fr}.article-pagination{grid-template-columns:1fr}footer{height:auto;flex-wrap:wrap;padding:20px 0}footer span:last-child{margin-left:0}} @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}} :root{--top:68px} .topbar{height:var(--top);padding-inline:28px} .primary-nav a{min-height:39px} .searchbox{height:40px;border-color:#d8dbe0;background:rgba(255,255,255,.68)} .searchbox:hover{background:#fff;border-color:#c6c9cf} .searchbox:focus-within{transform:translateY(-1px);box-shadow:0 8px 26px rgba(27,31,39,.07),0 0 0 3px rgba(217,74,74,.055)} .header-action{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;margin-left:10px;background:rgba(255,255,255,.7);color:#7d828a;transition:.18s var(--ease)} .header-action:hover{background:#fff;color:var(--accent);transform:translateY(-1px)} .header-action svg{width:17px;height:17px} .principle-table{overflow:visible} .table-head{grid-template-columns:minmax(310px,2fr) 1fr .85fr 82px 54px 22px 34px} .principle-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:4px;min-height:58px;padding:0 8px 0 0;overflow:hidden;background:#fff;position:relative;border-bottom:1px solid var(--line);transition:.18s var(--ease)} .principle-row:before{content:"";position:absolute;inset:8px auto 8px 0;width:2px;border-radius:3px;background:var(--row-accent);opacity:.22;transform:scaleY(.45);transition:.2s var(--ease)} .principle-row:hover{background:#f8f8f9;box-shadow:0 4px 14px rgba(20,24,30,.035);z-index:1} .principle-row:hover:before{opacity:1;transform:scaleY(1)} .row-link{display:grid;grid-template-columns:minmax(310px,2fr) 1fr .85fr 82px 54px 22px;gap:14px;align-items:center;min-height:57px;padding:8px 8px 8px 16px;min-width:0} .row-main b{transition:color .18s var(--ease)} .principle-row:hover .row-main b{color:var(--row-accent)} .row-mark{left:8px} .row-status{display:grid;place-items:center;padding:0;width:28px;height:28px;background:none!important} .status-dot,.study-dot{display:inline-block;width:11px;height:11px;border-radius:50%;border:1.5px solid #a9adb5;position:relative} .status-dot.learning,.study-dot.learning{border-color:#c58a2f;background:linear-gradient(90deg,#c58a2f 50%,transparent 50%)} .status-dot.known,.study-dot.known{border-color:#2f8b68;background:#2f8b68;box-shadow:0 0 0 3px rgba(47,139,104,.10)} .bookmark-toggle{width:30px;height:30px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center;color:#a5a9b0;cursor:pointer;transition:.18s var(--ease);align-self:center} .bookmark-toggle svg{width:16px;height:16px;fill:transparent;transition:.18s var(--ease)} .bookmark-toggle:hover{background:#fff;color:#777b83;transform:translateY(-1px)} .bookmark-toggle.active{color:var(--accent);background:var(--accent-soft)} .bookmark-toggle.active svg{fill:currentColor} .compact-principle{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;padding:0;border-bottom:1px solid var(--line);transition:.18s var(--ease)} .compact-principle>a{display:grid;grid-template-columns:45px minmax(0,1fr) 145px 44px 18px;gap:12px;align-items:center;padding:10px 4px;min-width:0;transition:.18s var(--ease)} .compact-principle:hover{background:#f6f7f8} .compact-principle:hover>a{padding-left:9px} .compact-principle .bookmark-toggle{margin-right:1px} .article-tools{gap:7px} .tool-btn{transition:.18s var(--ease)} .tool-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(21,25,32,.06)} .tool-btn.icon-only{width:38px;padding:0;justify-content:center} .tool-btn.icon-only svg{width:17px;height:17px} .tool-btn.icon-only.active{color:var(--accent);background:var(--accent-soft);border-color:#efc5c2} .tool-btn.icon-only.active svg{fill:currentColor} .study-switch{gap:2px} .study-switch button{width:34px;padding:0;display:grid;place-items:center} .study-switch button.active{background:#f0f1f3;color:inherit;box-shadow:inset 0 0 0 1px #dadde1} .study-switch button.active .study-dot.new{border-color:#555} .study-switch button.active .study-dot.learning{box-shadow:0 0 0 3px rgba(197,138,47,.10)} .study-switch button.active .study-dot.known{box-shadow:0 0 0 3px rgba(47,139,104,.14)} .article-pagination a{transition:.2s var(--ease)} .article-pagination a:hover{transform:translateY(-2px);border-color:#c7cad0;box-shadow:0 9px 24px rgba(21,25,32,.055)} .breadcrumbs a:hover{color:var(--accent)} .primary-nav a:active,.topic-nav a:active,.route-card:active,.compact-principle:active,.principle-row:active{transform:scale(.995)} .route-card i,.row-arrow{transition:transform .18s var(--ease)} .route-card:hover i,.principle-row:hover .row-arrow{transform:translateX(3px)} @media(max-width:1100px){.table-head{grid-template-columns:minmax(260px,2fr) 1fr 78px 54px 20px 32px} .row-link{grid-template-columns:minmax(260px,2fr) 1fr 78px 54px 20px}} @media(max-width:760px){:root{--top:60px} .topbar{padding-inline:10px} .header-action{display:grid;margin-left:0;flex:0 0 38px} .principle-row{grid-template-columns:minmax(0,1fr) 32px;padding-right:4px} .row-link{grid-template-columns:minmax(0,1fr) 50px 18px;gap:7px;padding:9px 7px 9px 12px} .compact-principle>a{grid-template-columns:34px minmax(0,1fr) 36px 15px} .study-switch{width:auto;margin-left:auto;order:initial} .study-switch button{flex:0 0 34px} .article-tools{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px} .tool-btn span{display:none} #copyArticle{width:38px;padding:0;justify-content:center}} .search-submit{width:34px;height:32px;flex:0 0 34px;border:0;border-radius:8px;background:#202329;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)} .search-submit svg{width:17px;height:17px}.search-submit:hover{background:var(--accent);transform:translateX(1px);box-shadow:0 5px 14px rgba(217,74,74,.2)}.search-submit:active{transform:scale(.94)} .searchbox kbd{display:none} @media(max-width:760px){.search-submit{width:32px;height:30px;flex-basis:32px}} .search-submit{background:#f3f4f6;color:#676c75;border:1px solid #dfe1e5;box-shadow:none} .search-submit:hover{background:#e9ebee;color:#262a30;border-color:#d3d6dc;transform:none;box-shadow:none} .search-submit:active{background:#dfe2e6;transform:scale(.96)} .search-submit,.global-search button{background:#f3f4f6!important;color:#59606b!important;border:1px solid #e3e6eb!important;box-shadow:none!important;} .search-submit:hover,.global-search button:hover{background:#eceff3!important;color:#20242b!important;transform:none!important;} .collection-grid,.learning-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .collection-page-card,.learning-route-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:grid;gap:10px;position:relative;transition:.2s var(--ease)} .collection-page-card{grid-template-columns:42px minmax(0,1fr) 20px;align-items:start} .collection-page-card>span,.learning-route-card>span{font:600 11px/1 ui-monospace,SFMono-Regular,monospace;color:var(--accent)} .collection-page-card h2,.learning-route-card h2{margin:0;font:500 24px/1.15 Georgia,"Times New Roman",serif} .collection-page-card p,.learning-route-card p{margin:7px 0;color:var(--muted)} .collection-page-card small{display:block;color:#8a8f97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .collection-page-card:hover,.learning-route-card:hover{transform:translateY(-2px);border-color:#c9ccd2;box-shadow:var(--shadow)} .learning-route-card>div{height:4px;background:#eceef1;border-radius:8px;overflow:hidden;margin-top:10px} .learning-route-card>div i{display:block;height:100%;background:var(--accent)} .learning-route-card>small{color:var(--muted)} .route-timeline{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden} .route-timeline li{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);position:relative} .route-timeline li:last-child{border:0}.route-timeline li>span:first-child{font:600 11px ui-monospace,SFMono-Regular,monospace;color:#a2a6ad} .route-timeline a{display:grid;gap:3px}.route-timeline a b{font-size:14px}.route-timeline a small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .route-timeline li.known:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#2f8b68} .graph-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:10px;margin-bottom:12px} .graph-toolbar select{border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:0 12px} .graph-panel{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:520px} .knowledge-svg{width:100%;height:auto;display:block}.knowledge-svg line{stroke:#d8dbe1;stroke-width:1.2} .graph-node circle{fill:#fff;stroke:#c6cad1;stroke-width:1.4;transition:.2s var(--ease)} .graph-node text{font:600 11px Inter,Arial;fill:#242830;pointer-events:none}.graph-node .graph-node-meta{font-size:8px;font-weight:400;fill:#8b9099} .graph-node.root circle{fill:#fff3f2;stroke:var(--accent);stroke-width:2}.graph-node:hover circle{fill:#f5f6f8;stroke:#777e88;transform:scale(1.06)} .graph-node.root:hover circle{fill:#ffe9e7;stroke:var(--accent)} .graph-legend{display:flex;align-items:center;gap:18px;padding:13px 4px;color:var(--muted);font-size:12px}.graph-legend span{display:flex;align-items:center;gap:7px}.graph-legend i{width:10px;height:10px;border:1px solid #aeb3bc;border-radius:50%;background:#fff}.graph-legend i.root{border-color:var(--accent);background:var(--accent-soft)}.graph-legend a{margin-left:auto;color:var(--ink)} .admin-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:14px} .admin-stats>div{padding:16px;border-right:1px solid var(--line);display:grid}.admin-stats>div:last-child{border:0}.admin-stats b{font-size:24px}.admin-stats span{color:var(--muted);font-size:11px} .admin-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.3fr);gap:14px;align-items:start} .admin-list,.admin-editor{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px} .admin-list{position:sticky;top:84px;max-height:calc(100vh - 105px);overflow:auto}.admin-list-head{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px}.admin-list-head .catalog-search{min-height:40px} .admin-row{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:10px;align-items:center;padding:10px;border-radius:9px;border-bottom:1px solid var(--line)} .admin-row:hover{background:#f4f5f7}.admin-row span{display:grid}.admin-row small{color:var(--muted)}.admin-row strong{text-align:right;color:#2f8b68}.admin-row strong.low{color:#c4772a} .admin-editor h2{margin:0 0 14px;font:500 28px Georgia,"Times New Roman",serif} .admin-editor form{display:grid;gap:11px}.admin-editor label{display:grid;gap:5px;font-size:11px;color:var(--muted);font-weight:650} .admin-editor input,.admin-editor textarea,.admin-editor select{width:100%;border:1px solid var(--line-strong);border-radius:9px;background:#fff;color:var(--ink);padding:10px;outline:0} .admin-editor textarea{min-height:78px;resize:vertical;line-height:1.45}.admin-editor input:focus,.admin-editor textarea:focus,.admin-editor select:focus{border-color:#9da3ad;box-shadow:0 0 0 3px rgba(0,0,0,.035)} .admin-field-row{display:grid;grid-template-columns:2fr 1fr;gap:10px}.admin-actions{display:flex;gap:7px;flex-wrap:wrap;padding-top:4px}.admin-button{border:1px solid var(--line-strong);background:#f5f6f7;color:#30343b;border-radius:9px;padding:9px 12px;cursor:pointer;font-size:12px}.admin-button:hover{background:#eceef1}.admin-button.primary{background:#22262d;color:#fff;border-color:#22262d}.admin-button.danger{color:#b33f3f;background:#fff5f4;border-color:#efcfcc}.admin-button.file{position:relative}.admin-button.file input{position:absolute;inset:0;opacity:0;cursor:pointer} .admin-quality{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px}.admin-message{min-height:18px;color:#2f8b68} @media(max-width:1000px){.admin-layout{grid-template-columns:1fr}.admin-list{position:static;max-height:500px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-stats>div:nth-child(2){border-right:0}.admin-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}} @media(max-width:760px){.collection-grid,.learning-route-grid{grid-template-columns:1fr}.graph-toolbar{grid-template-columns:1fr}.graph-panel{min-height:360px;overflow:auto}.knowledge-svg{min-width:720px}.graph-legend{flex-wrap:wrap}.graph-legend a{margin-left:0;width:100%}.admin-stats{grid-template-columns:1fr 1fr}.admin-field-row{grid-template-columns:1fr}.admin-list-head{grid-template-columns:1fr}.admin-layout{gap:10px}} .seo-shell{width:min(calc(100% - 40px),920px);margin:0 auto;padding:42px 0 70px}.seo-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.seo-nav a:first-child{font-weight:750;letter-spacing:.08em}.seo-nav div{display:flex;gap:18px;color:var(--muted);font-size:13px}.seo-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-bottom:22px}.seo-article{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.seo-hero{padding:36px 42px;border-bottom:1px solid var(--line)}.seo-hero h1{font:500 clamp(38px,6vw,62px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:14px 0}.seo-hero p{font-size:18px;max-width:760px;color:#444a53}.seo-labels{display:flex;gap:7px;flex-wrap:wrap}.seo-labels span{border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:10px;color:var(--muted)}.seo-content{padding:10px 42px 40px}.seo-content section{padding:28px 0;border-bottom:1px solid var(--line)}.seo-content section:last-child{border:0}.seo-content h2{font:500 25px Georgia,"Times New Roman",serif}.seo-content p,.seo-content li{font-size:16px;line-height:1.75}.seo-content ul,.seo-content ol{padding-left:22px}.seo-related{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seo-related a{border:1px solid var(--line);border-radius:9px;padding:11px}.seo-cta{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:18px 0}.seo-cta a{border:1px solid var(--line-strong);border-radius:10px;padding:10px 14px;background:#fff}.seo-category-list{display:grid;gap:7px}.seo-category-list a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 15px;display:flex;justify-content:space-between}.seo-category-list small{color:var(--muted)} @media(max-width:760px){.seo-shell{width:calc(100% - 24px);padding-top:20px}.seo-nav{margin-bottom:24px}.seo-nav div{display:none}.seo-hero,.seo-content{padding-left:20px;padding-right:20px}.seo-related{grid-template-columns:1fr}} .loading-state{padding:80px;text-align:center;color:var(--muted)} .hero-actions,.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px} .primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:11px 16px;border:1px solid var(--line);font-weight:700;cursor:pointer;text-decoration:none} .primary-button{background:#18202d;color:#fff;border-color:#18202d}.secondary-button{background:#fff;color:#18202d}.danger-button{background:#fff1f1;color:#a92d2d;border-color:#f0caca} .stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:22px 0}.stats-strip>div{background:#fff;padding:20px}.stats-strip b{display:block;font-size:28px}.stats-strip span{color:var(--muted);font-size:12px} .card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.compact-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0;min-height:190px}.compact-card a{display:flex;flex-direction:column;height:100%;padding:20px;text-decoration:none}.compact-card small{color:var(--muted);font-size:10px;text-transform:uppercase}.compact-card h3{margin:18px 0 8px}.compact-card p{color:var(--muted);font-size:13px;line-height:1.5;flex:1}.compact-card span{font-weight:700;font-size:12px} .category-cloud{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.category-cloud a{display:flex;justify-content:space-between;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none}.category-cloud span{color:var(--muted)} .collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.collection-card{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;text-decoration:none;min-height:210px}.collection-card small{color:var(--muted)}.collection-card p{color:var(--muted);line-height:1.6}.collection-card span{font-weight:700} .route-steps{list-style:none;padding:0;max-width:900px}.route-steps li{display:grid;grid-template-columns:50px 1fr;gap:14px;margin-bottom:12px}.route-steps>li>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#18202d;color:#fff;font-weight:800}.route-steps a{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;text-decoration:none}.route-steps small{display:block;color:var(--muted);margin-top:6px} .graph-panel{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:auto}.graph-panel svg{width:100%;min-width:680px}.graph-lines line{stroke:#d9dce3;stroke-width:2}.graph-panel circle{fill:#fff;stroke:#8992a3;stroke-width:2}.graph-panel text{font-size:10px;fill:#263044;pointer-events:none}.graph-panel .graph-root{fill:#18202d;stroke:#18202d}.graph-panel .graph-root-text{fill:#fff;font-weight:700} .admin-login{max-width:520px;margin:70px auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px}.admin-login form{display:flex;gap:10px}.admin-login input{flex:1;padding:12px;border:1px solid var(--line);border-radius:12px}.admin-login small{display:block;color:var(--muted);margin-top:16px} .admin-layout{display:grid;grid-template-columns:minmax(320px,38%) 1fr;gap:18px}.admin-list,.admin-editor{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;min-width:0}.admin-table{max-height:75vh;overflow:auto}.admin-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--line);text-decoration:none}.admin-row.active{background:#f1f3f8}.admin-row small{display:block;color:var(--muted);margin-top:4px}.status-badge{font-style:normal;font-size:10px;text-transform:uppercase;padding:4px 7px;border-radius:99px;background:#eef0f4;height:max-content}.status-badge.published{background:#e5f4ec;color:#26704c}.status-badge.review{background:#fff3d7;color:#8b641c}.status-badge.draft{background:#edf0f5;color:#596173}.status-badge.archived{background:#f4e6e6;color:#8c4141} .editor-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.editor-head>div{display:flex;gap:8px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.editor-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.editor-form input,.editor-form select,.editor-form textarea{padding:10px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}.wide-field{margin-top:12px}.check-field{flex-direction:row!important;align-items:center;margin-top:24px}.revision-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}.revision-list button{text-align:left;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.file-button input{display:none}.editor-placeholder{padding:50px 20px;text-align:center;color:var(--muted)} .toast{position:fixed;right:24px;bottom:24px;background:#18202d;color:#fff;border-radius:12px;padding:12px 16px;z-index:9999;box-shadow:0 15px 40px #0003} @media(max-width:1050px){.card-grid{grid-template-columns:repeat(2,1fr)}.collection-grid{grid-template-columns:repeat(2,1fr)}.admin-layout{grid-template-columns:1fr}.admin-table{max-height:380px}} @media(max-width:680px){.stats-strip{grid-template-columns:repeat(2,1fr)}.card-grid,.category-cloud,.collection-grid,.field-grid{grid-template-columns:1fr}.admin-actions{width:100%}.article-heading{display:block}.article-score{margin-top:14px}.admin-login form{display:block}.admin-login button{margin-top:10px;width:100%}} .pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:18px}.pagination a:last-child{text-align:right}.pagination a{font-weight:700;text-decoration:none}.category-static-list{display:grid;gap:8px}.category-static-list a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;text-decoration:none} :where(.page-header,.section-head,.section-heading,.panel-head,.article-heading,.compact-card,.collection-card,.principle-row,.row-link,.row-main,.category-cloud a,.route-steps a)>*{min-width:0} :where(h1,h2,h3,b,p,small,span,a){overflow-wrap:anywhere} .page-header h1,.section-head h2,.section-heading h2,.collection-card h2,.compact-card h3{word-break:normal;hyphens:auto} .page-header>div:first-child{min-width:0;max-width:900px}.page-header p{max-width:760px}.page-count{flex:0 0 auto} .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:34px 0 14px}.section-head h2{font:500 clamp(24px,3vw,34px)/1.08 Georgia,"Times New Roman",serif;margin:4px 0 0}.section-head>a{flex:0 0 auto;font-size:13px;color:var(--muted)} .compact-card h3,.collection-card h2{line-height:1.16}.category-cloud b{min-width:0}.route-steps b{display:block;line-height:1.25} .relation-header{margin-bottom:16px}.relation-search-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:16px}.relation-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.relation-search>span{color:#888;font-size:19px}.relation-search input{width:100%;height:42px;border:0;outline:0;background:transparent;color:var(--ink)}.relation-search-hint{border-top:1px solid var(--line);padding-top:10px;margin-top:10px;color:var(--muted);font-size:12px} .relation-map{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,.9fr) minmax(260px,1fr);gap:16px;align-items:start}.relation-column,.relation-focus{background:#fff;border:1px solid var(--line);border-radius:18px;min-width:0}.relation-column>header{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.relation-column>header b{font-size:13px;color:var(--ink)}.relation-stack{display:grid;padding:8px}.relation-card{display:grid;gap:6px;padding:13px 12px;border-radius:12px;border:1px solid transparent;transition:.2s var(--ease);position:relative}.relation-card+.relation-card{border-top-color:var(--line);border-radius:0}.relation-card:hover{background:#f7f8fa;border-color:var(--line);transform:translateY(-1px)}.relation-card-meta{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8c9199}.relation-card-meta i{width:6px;height:6px;border-radius:50%;background:#76839a}.relation-card.incoming .relation-card-meta i{background:#6b62b5}.relation-card.outgoing .relation-card-meta i{background:#b85a68}.relation-card b{font-size:14px;line-height:1.23}.relation-card small{font-size:10px;color:var(--muted)}.relation-card p{font-size:11px;line-height:1.45;color:#666c75;margin:1px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.relation-score{display:flex;justify-content:space-between;font-size:10px;font-weight:750;color:#4e5560}.relation-score em{font-style:normal;color:var(--accent)}.relation-empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:12px} .relation-focus{padding:28px 24px;text-align:center;position:sticky;top:94px;box-shadow:0 18px 50px rgba(25,31,42,.055)}.focus-kicker{font-size:9px;letter-spacing:.18em;color:#9499a1;font-weight:750}.focus-mark{width:68px;height:68px;margin:18px auto;border:1px solid #ccd0d7;border-radius:20px;position:relative;display:grid;place-items:center;transform:rotate(45deg)}.focus-mark:before,.focus-mark:after,.focus-mark i{content:"";position:absolute;border:1px solid #9299a4;border-radius:50%}.focus-mark:before{width:40px;height:40px}.focus-mark:after{width:14px;height:14px;background:#fff}.focus-mark i{width:52px;height:18px}.focus-mark i:nth-child(2){transform:rotate(60deg)}.focus-mark i:nth-child(3){transform:rotate(120deg)}.relation-focus h2{font:500 clamp(27px,3vw,40px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.03em;margin:0}.focus-en{font-size:12px;color:var(--muted);margin:7px 0 16px}.relation-focus>p:not(.focus-en){color:#5e646d;font-size:13px;line-height:1.65}.focus-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:18px 0}.focus-meta span{border:1px solid var(--line);border-radius:99px;padding:5px 8px;font-size:9px;color:var(--muted)}.relation-focus .primary-button{width:100%}.relation-index{margin-top:22px}.relation-index .related-list a{align-items:center}.relation-index .related-list a>span{display:grid}.relation-index .related-list small{color:var(--muted);font-size:10px}.relation-index .related-list em{font-style:normal;color:var(--muted);font-size:11px} body.admin-mode{background:#eef0f3;overflow-x:hidden}.admin-mode .public-shell{display:none!important}.admin-mode>main{margin-left:0;padding-top:0}.admin-mode .app{width:100%;max-width:none;padding:0}.admin-mode .loading-state{min-height:100vh;display:grid;place-items:center} .admin-login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 75% 10%,#fff 0,transparent 34%),#eef0f3}.admin-login-card{width:min(100%,470px);background:#fff;border:1px solid #dcdfe5;border-radius:24px;padding:36px;box-shadow:0 30px 80px rgba(23,28,38,.1)}.admin-login-brand,.admin-brand{display:flex;align-items:center;gap:12px}.admin-login-brand{margin-bottom:42px}.admin-brand-mark{width:35px;height:35px;border:1px solid #aeb4be;border-radius:10px;display:grid;place-items:center;position:relative;transform:rotate(45deg)}.admin-brand-mark:before,.admin-brand-mark:after,.admin-brand-mark i{content:"";position:absolute;border:1px solid #727b88;border-radius:50%}.admin-brand-mark:before{width:21px;height:21px}.admin-brand-mark:after{width:8px;height:8px}.admin-brand-mark i{width:27px;height:10px}.admin-brand-mark i:nth-child(2){transform:rotate(90deg)}.admin-login-brand>span:last-child,.admin-brand>span:last-child{display:grid;line-height:1.05;letter-spacing:.08em}.admin-login-brand small,.admin-brand small{font-size:9px;color:#8c929b;margin-top:4px}