:root {
  --bg: #1d1a1a;
  --bg-header: #2b2727;
  --bg-sidebar: #262222;
  --bg-panel: #2f2b2b;
  --bg-panel-2: #3a3636;
  --bg-btn-2: #3f3b3b;
  --bg-input: #2f2c2c;
  --blue: #e03131;
  --blue-hover: #dd5959;
  --blue-soft: rgba(244, 146, 146, .15);
  --blue-line: rgba(249, 193, 193, .15);
  --blue-text: #f49292;
  --green: #f08c00;
  --green-hover: #ff9c12;
  --yellow: #f5d34a;
  --purple: #e8a449;
  --text: #ffffff;
  --text-body: #f3f1f1;
  --text-soft: #c2c0c0;
  --text-muted: #979393;
  --line: rgba(255, 255, 255, .06);
  --r-sm: 4px; --r: 6px; --r-lg: 8px; --r-xl: 12px;
  --sidebar-w: 256px;
  --header-h: 64px;
  --maxw: 1160px;
  --font: "DM Sans", "Noto Sans SC", -apple-system, "Segoe UI", Roboto, sans-serif;
  --shadow: 0 4px 16px rgba(0, 0, 0, .25);
}
:root:lang(zh) { --font: "DM Sans", "Noto Sans SC", -apple-system, "Segoe UI", Roboto, sans-serif; }
:root:lang(zh-TW), :root:lang(zh-HK) { --font: "DM Sans", "Noto Sans TC", -apple-system, "Segoe UI", Roboto, sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0; background: var(--bg); color: var(--text-body);
  font: 400 14.5px/1.75 var(--font); overflow-wrap: anywhere; line-break: strict;
}
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4 { color: var(--text); margin: 0 0 .5em; line-height: 1.3; font-weight: 600; }
h1 { font-size: clamp(26px, 2.8vw, 35px); line-height: 1.2; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }
p { margin: 0 0 1em; }
ul, ol { margin: 0 0 1em; padding-left: 1.4em; }
strong { color: var(--text); font-weight: 600; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th, td { padding: 12px 16px; text-align: left; }
th { color: var(--text-muted); font-weight: 500; }
tbody tr:nth-child(even) { background: var(--bg-panel); }
tbody td { color: var(--text); }
.sq90dae { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sq7779c { display: grid; grid-template-columns: var(--sidebar-w) 1fr; min-height: 100vh; }
.sqbecc5 {
  position: sticky; top: 0; z-index: 60; height: var(--header-h);
  background: var(--bg-header); border-bottom: 1px solid var(--line);
  display: grid; grid-template-columns: var(--sidebar-w) 1fr;
}
.sq5e79a { display: flex; align-items: center; gap: 10px; padding: 0 10px 0 14px; }
.sq53d49 { width: 40px; height: 40px; border: 0; background: transparent; cursor: pointer; display: grid; place-items: center; border-radius: var(--r); }
.sq53d49 svg { width: 22px; height: 22px; color: var(--text-soft); }
.sqe29f5 { display: inline-flex; background: var(--bg-btn-2); padding: 4px; border-radius: var(--r); gap: 2px; }
.sqe29f5 a { display: inline-flex; align-items: center; justify-content: center; height: 38px; padding: 0 16px; border-radius: var(--r-sm); font-size: 13px; color: var(--text-soft); min-width: 80px; white-space: nowrap; }
.sqe29f5 a.sq3217a { background: var(--blue); color: var(--text); }
.sq188ad { display: flex; align-items: center; gap: 12px; padding: 0 32px 0 34px; max-width: calc(var(--maxw) + 66px); width: 100%; }
.sq23a7d { display: inline-flex; align-items: center; gap: 8px; color: var(--text); }
.sq0cc7e { height: 30px; width: auto; display: block; }
.sq6c8fe { font-size: 11px; font-weight: 600; color: var(--text-soft); padding: 3px 8px; border: 1px solid var(--line); border-radius: 999px; }
.sqdcb36 { flex: 1; }
.sqae3ef { display: flex; align-items: center; gap: 8px; }
.sqcc437 { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: var(--r); background: var(--bg-btn-2); color: var(--text-soft); border: 0; cursor: pointer; }
.sqcc437 svg { width: 18px; height: 18px; }
.sqcc437:hover { background: var(--bg-panel-2); color: var(--text); }
.sq2daf9 { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border: 0; border-radius: var(--r); font: 600 13px/1 var(--font); color: var(--text); cursor: pointer; white-space: nowrap; transition: background .15s; }
.sqb8bba { background: var(--blue); } .sqb8bba:hover { background: var(--blue-hover); }
.sq4b299 { background: var(--bg-btn-2); } .sq4b299:hover { background: var(--bg-panel-2); }
.sqa11f9 { background: var(--green); } .sqa11f9:hover { background: var(--green-hover); }
.sq6fc53 { height: 52px; padding: 0 26px; font-size: 14px; }
.sq2daf9 svg { width: 16px; height: 16px; }
.sqe6c43 { display: inline-block; padding: 5px; border-radius: 10px; background: rgba(240, 140, 0, .18); border: 1px solid rgba(240, 140, 0, .35); }
.sqd2a9c {
  position: sticky; top: var(--header-h); height: calc(100vh - var(--header-h)); overflow-y: auto;
  background: var(--bg-sidebar); border-right: 1px solid var(--line); padding: 14px 10px 24px;
  scrollbar-width: thin; scrollbar-color: var(--bg-panel-2) transparent;
}
.sq669c5 { display: flex; align-items: center; gap: 10px; padding: 8px 8px 12px; }
.sq669c5 > span:not([class]) { min-width: 0; }
.sq15249 { width: 28px; height: 28px; flex: none; color: var(--yellow); }
.sq39c12 { font-size: 15px; font-weight: 700; font-style: italic; color: var(--text); line-height: 1.1; }
.sqf81ac { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; font-weight: 700; font-style: italic; color: var(--yellow); letter-spacing: .3px; }
.sqfec0b { margin-left: auto; flex: none; white-space: nowrap; font-size: 11px; font-weight: 700; font-style: italic; color: var(--yellow); border: 1px solid var(--yellow); border-radius: var(--r-sm); padding: 2px 8px; }
.sqffec2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 6px 8px 14px; border-bottom: 1px solid var(--line); margin-bottom: 12px; }
.sqa3ce5 { text-align: center; position: relative; }
.sqa3ce5::before { content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); border-radius: 50%; background: rgba(255, 255, 255, .04); }
.sq39d37 { position: relative; font-size: 9px; font-weight: 700; font-style: italic; color: var(--text-muted); letter-spacing: .4px; }
.sq719d1 { position: relative; font-size: 13px; font-weight: 700; font-style: italic; color: var(--text); }
.sq4fdf1 { list-style: none; margin: 0; padding: 0; }
.sq4fdf1 li { margin: 0; }
.sq4fdf1 a, .sq35e81 summary {
  display: flex; align-items: center; gap: 12px; height: 38px; padding: 0 16px; border-radius: var(--r);
  font-size: 13px; color: var(--text); border: .8px solid transparent; margin-bottom: 4px;
}
.sq4fdf1 a:hover { background: rgba(255, 255, 255, .03); }
.sq4fdf1 a.sq3217a { background: var(--blue-soft); border-color: var(--blue-line); color: var(--blue-text); }
.sq4fdf1 svg { width: 18px; height: 18px; flex: none; color: var(--text-soft); }
.sq4fdf1 a.sq3217a svg { color: var(--blue-text); }
.sq1dca0 { height: 1px; background: var(--line); margin: 10px 0 12px; }
.sq35e81 { margin-bottom: 6px; }
.sq35e81 summary { list-style: none; cursor: pointer; background: var(--bg-panel); position: relative; padding-right: 40px; white-space: nowrap; }
.sq35e81 summary svg { width: 18px; height: 18px; flex: none; color: var(--text-soft); }
.sq35e81 summary::-webkit-details-marker { display: none; }
.sq35e81 summary::after {
  content: ""; position: absolute; right: 8px; top: 50%; width: 22px; height: 22px; transform: translateY(-50%);
  border-radius: var(--r-sm); background: var(--bg-btn-2);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2c0c0' stroke-width='2.5'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-size: 12px; background-repeat: no-repeat; background-position: center;
}
.sq35e81[open] summary::after { transform: translateY(-50%) rotate(180deg); }
.sq491c8 { list-style: none; margin: 0 0 4px; padding: 0 0 0 4px; }
.sq491c8 a { height: 40px; padding: 0 12px; }
.sq491c8 a svg { width: 22px; height: 22px; }
.sq098fe { display: flex; flex-direction: column; min-width: 0; line-height: 1.15; }
.sq64b06 { font-size: 13px; font-weight: 700; color: var(--text); }
.sqaeda5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; color: var(--text-soft); }
.sqbdb59 { margin-left: auto; flex: none; white-space: nowrap; font-size: 10px; font-weight: 700; font-style: italic; letter-spacing: .4px; padding: 3px 6px; border-radius: var(--r-sm); border: 1px solid; }
.sq6ee19 { color: #f8ce9c; border-color: #f2a048; }
.sq05927 { color: #ffc57a; border-color: var(--green); font-family: "DM Sans", monospace; }
.sq3eccc { color: var(--blue-text); border-color: var(--blue); }
.sqb4223 { display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 16px; font-size: 13px; color: var(--text-soft); }
.sqb4223 svg { width: 18px; height: 18px; }
.sq5f6db { min-width: 0; }
.sq9bbaa { max-width: var(--maxw); margin: 0 auto; padding: 0 32px; }
.sqfc26c { padding: 28px 0; }
.sqafedc { padding: 44px 0; }
.sq78558 { background: var(--bg-sidebar); }
.sq60d70 { position: relative; padding: 28px 0; overflow: hidden; border-bottom: 1px solid var(--line);
  background: radial-gradient(900px 340px at 30% 20%, rgba(235, 138, 123, .22), transparent 60%),
              radial-gradient(700px 300px at 85% 80%, rgba(232, 164, 73, .16), transparent 60%),
              #272323; }
.sq60d70::before { content: ""; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.035'%3E%3Ccircle cx='60' cy='80' r='120'/%3E%3Ccircle cx='330' cy='300' r='160'/%3E%3Ccircle cx='250' cy='60' r='60'/%3E%3C/g%3E%3C/svg%3E"); opacity: 1; pointer-events: none; }
.sq98a11 { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; min-height: 287px; }
.sq07476 { color: var(--text-soft); font-size: 14px; max-width: 480px; margin: 12px 0 18px; }
.sqd6ba2 { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sq21d52 { color: var(--text-muted); font-size: 13px; }
.sq93391 { display: inline-flex; align-items: center; gap: 10px; height: 62px; padding: 0 16px; border-radius: 10px; background: var(--bg-btn-2); border: 1px solid var(--line); }
.sqa202b { display: inline-flex; }
.sq54589 { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font: 700 10px/1 var(--font); color: #1d1a1a; margin-left: -6px; border: 2px solid var(--bg-btn-2); }
.sq54589:first-child { margin-left: 0; }
.sqe96e7 { background: #f7931a; } .sq06e84 { background: #8c9eff; } .sq2972c { background: #4ad2a4; } .sqd440e { background: #26a17b; color: #fff; } .sq31a19 { background: #d7dce8; }
.sq93391 svg { width: 14px; height: 14px; color: var(--text-soft); }
.sq206fe { font-size: 12px; color: var(--text-muted); margin: 14px 0 0; }
.sqbb85b { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.sqc0d8d { position: relative; display: block; border-radius: var(--r-lg); overflow: hidden; background: var(--bg-panel); box-shadow: var(--shadow); aspect-ratio: 370 / 290; }
.sqc0d8d img { width: 100%; height: 100%; object-fit: cover; }
.sq80271 { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 10px; white-space: nowrap; height: 52px; padding: 0 20px; background: rgba(128, 115, 115, .78); font-size: 17px; font-weight: 600; color: var(--text); }
.sq80271 svg { width: 20px; height: 20px; }
.sq80271 .sq06890 { margin-left: 8px; opacity: .7; width: 16px; height: 16px; }
.sqe770e { display: flex; align-items: flex-start; gap: 12px; padding: 22px 0 18px; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; }
.sqe770e::-webkit-scrollbar { display: none; }
.sqab8bf { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: var(--r); background: var(--bg-btn-2); font-size: 13px; font-weight: 600; color: var(--text); align-self: flex-start; margin-top: 2px; }
.sqab8bf i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 6px var(--green); }
.sq059b3 { flex: none; width: 107px; text-align: center; }
.sq059b3 img { width: 107px; height: 143px; object-fit: cover; border-radius: var(--r-lg); }
.sqccb48 { display: block; font-size: 12px; font-weight: 600; color: var(--text); margin-top: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sq24a67 { display: block; font-size: 11px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sq658d9 { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; }
.sq658d9 svg { width: 22px; height: 22px; color: var(--blue-text); flex: none; }
.sq658d9 h2 { margin: 0; font-size: 18px; }
.sq80a0d { font-size: 14px; color: var(--text-muted); margin-left: 4px; }
.sq80a0d:hover { color: var(--text); }
.sq36848 { margin-left: auto; display: inline-flex; gap: 4px; }
.sq36848 button { width: 40px; height: 32px; border: 0; border-radius: var(--r); background: var(--bg-btn-2); color: var(--text-soft); cursor: pointer; display: grid; place-items: center; }
.sq36848 button:first-child { opacity: .5; }
.sq36848 svg { width: 14px; height: 14px; }
.sq41383 { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 6 * 12px) / 7); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
.sq41383::-webkit-scrollbar { display: none; }
.sq6d4f3 { grid-auto-columns: calc((100% - 5 * 12px) / 6); }
.sq02406 { scroll-snap-align: start; display: block; border-radius: var(--r-lg); overflow: hidden; background: var(--bg-panel); transition: transform .15s; position: relative; }
.sq02406:hover { transform: translateY(-4px); }
.sq02406 img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }
.sqf683c { position: absolute; top: 8px; right: 8px; font-size: 9px; font-weight: 700; letter-spacing: .5px; padding: 3px 7px; border-radius: var(--r-sm); background: rgba(255, 255, 255,.9); color: #2f2b2b; }
.sqb3286 { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 10px 10px; text-align: center; background: linear-gradient(to top, rgba(21, 19, 19,.9), transparent); }
.sq20fb2 { display: block; font-size: 13px; font-weight: 800; color: var(--text); line-height: 1.15; text-transform: uppercase; letter-spacing: .2px; }
.sq4e56b { display: block; font-size: 9px; font-weight: 600; color: var(--text-soft); margin-top: 3px; text-transform: uppercase; letter-spacing: .6px; }
.sq20fb2, .sq4e56b { display: none; }
.sqccb48, .sq24a67 { display: none; }
.sq63dac { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.sq7bca1 { position: relative; height: 140px; border-radius: var(--r-lg); overflow: hidden; background: linear-gradient(90deg, #564f4f, #413a3a 60%, #363131); display: flex; align-items: center; padding: 0 20px; }
.sq7bca1 img { position: absolute; right: 0; top: 0; height: 100%; width: 45%; object-fit: cover; opacity: .9; }
.sq81146 { position: relative; }
.sq3e3b6 { font-size: 13px; color: #fbdcd9; margin: 0; }
.sqfd966 { font-size: 20px; font-weight: 600; color: var(--text); margin: 0; }
.sq5647f { padding: 40px 0 48px; background: radial-gradient(600px 300px at 20% 10%, rgba(235, 138, 123,.10), transparent 60%), var(--bg); }
.sq5647f h2 { text-align: center; font-size: 30px; font-weight: 600; margin-bottom: 30px; }
.sq3a5a6 { background: var(--bg-sidebar); border-radius: var(--r-xl); padding: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; }
.sq84132 { display: grid; gap: 12px; }
.sq01a38 { display: flex; align-items: center; gap: 22px; background: var(--bg-panel-2); border-radius: var(--r-lg); padding: 18px 24px; border-bottom: 3px solid transparent; }
.sq47daa { border-bottom-color: var(--green); }
.sqefd2f { width: 56px; height: 56px; border-radius: var(--r-lg); display: grid; place-items: center; flex: none; }
.sqefd2f svg { width: 26px; height: 26px; color: #ffffff; }
.sq3e406 { background: #c87b00; } .sqff177 { background: #dd9529; } .sq5c1d7 { background: #b7791f; } .sqc497b { background: #dc2626; }
.sq01a38 h3 { margin: 0; font-size: 18px; }
.sq01a38 p { margin: 4px 0 0; color: var(--text-soft); font-size: 14px; }
.sqc3072 { text-align: center; }
.sqc3072 h3 { font-size: 26px; font-weight: 600; margin-bottom: 40px; }
.sqe6ea7 { display: flex; align-items: center; justify-content: center; gap: 24px; margin-bottom: 30px; }
.sq257f4 { width: 110px; height: 110px; position: relative; }
.sq257f4 svg { width: 100%; height: 100%; }
.sq7d012 { width: 80px; height: 80px; opacity: .6; }
.sqb1b22 { display: block; font-size: 14px; font-weight: 600; color: var(--text); margin-top: 10px; }
.sq7d012 .sqb1b22 { font-size: 11px; color: var(--text-muted); }
.sqb2b2e { padding: 44px 0; background: var(--bg-sidebar); }
.sqb2b2e h2 { text-align: center; font-size: 30px; margin-bottom: 30px; }
.sqd8470 { border: 1px solid var(--line); border-radius: var(--r-xl); padding: 20px; display: grid; grid-template-columns: 350px 1fr; gap: 20px; background: var(--bg); }
.sq2c2e5 { border-radius: var(--r-lg); background: linear-gradient(160deg, #805400, #4f3800 60%, #3f2c00); border: 1px solid #c87b00; display: grid; place-items: center; min-height: 420px; padding: 24px; text-align: center; }
.sq2c2e5 .sq0cc7e { height: 34px; margin-bottom: 40px; }
.sq2c2e5 svg { width: 150px; height: 150px; color: #ffffff; opacity: .95; }
.sq68c51 { background: var(--bg-sidebar); border-radius: var(--r-lg); padding: 24px; }
.sq755b4 details { background: var(--bg-panel-2); border-radius: var(--r); margin-bottom: 10px; }
.sq755b4 summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 14px 20px; font-size: 14px; font-weight: 600; color: var(--text); }
.sq755b4 summary::-webkit-details-marker { display: none; }
.sq755b4 summary::after { content: ""; margin-left: auto; width: 7px; height: 7px; border-right: 2px solid var(--text-soft); border-bottom: 2px solid var(--text-soft); transform: rotate(-45deg); transition: transform .15s; }
.sq755b4 details[open] summary::after { transform: rotate(45deg); }
.sqa9d20 { padding: 0 20px 16px; font-size: 13px; color: var(--text-soft); }
.sqa9d20 p:last-child { margin: 0; }
.sqc229b { display: flex; gap: 10px; margin-top: 16px; }
.sqc229b .sq6d6d7 { flex: 1; height: 46px; border-radius: var(--r); background: var(--bg-panel-2); display: flex; align-items: center; padding: 0 16px; color: var(--text-muted); font-size: 13px; }
.sqe80e8 { padding: 40px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.sqd70f4 { display: flex; align-items: center; gap: 28px; }
.sqf8c25 { width: 54px; height: 54px; color: var(--green); flex: none; }
.sqe80e8 h2 { font-size: 18px; margin-bottom: 4px; }
.sqe80e8 p { margin: 0; color: var(--text-soft); font-size: 14px; max-width: 640px; }
.sq82b45 { margin-left: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.sqc1f8c { height: 30px; padding: 0 12px; border-radius: var(--r-sm); background: #ffffff; color: #2f2b2b; font: 800 12px/30px var(--font); letter-spacing: .3px; }
.sq0a93d { background: #3d3737; color: #ffffff; }
.sqe7a3f { padding: 32px 0; }
.sqe7a3f details { background: var(--bg-panel); border-radius: var(--r-lg); }
.sqe7a3f summary { list-style: none; cursor: pointer; display: flex; align-items: center; padding: 16px 18px; font-size: 14px; font-weight: 600; color: var(--text); }
.sqe7a3f summary::-webkit-details-marker { display: none; }
.sqe7a3f summary::after { content: ""; margin-left: auto; width: 8px; height: 8px; border-right: 2px solid var(--text-soft); border-bottom: 2px solid var(--text-soft); transform: rotate(45deg); transition: transform .15s; }
.sqe7a3f details[open] summary::after { transform: rotate(-135deg); }
.sq46800 { padding: 8px 24px 28px; max-width: 860px; }
.sq46800 h2 { font-size: 20px; margin-top: 1.6em; }
.sq46800 h2:first-child { margin-top: .4em; }
.sq46800 h3 { font-size: 16px; margin-top: 1.3em; }
.sq46800 p, .sq46800 li { color: var(--text-soft); font-size: 14px; line-height: 1.85; }
.sq46800 a { color: var(--blue-text); }
.sq46800 a:hover { text-decoration: underline; }
.sq46800 table { margin: 12px 0 20px; border-radius: var(--r); overflow: hidden; }
.sq46800 thead th { background: var(--bg-panel-2); }
.sq46800 tbody tr:nth-child(even) { background: rgba(255, 255, 255,.03); }
.sq2e2ec { background: var(--bg-sidebar); border-top: 1px solid var(--line); padding: 36px 0 28px; font-size: 13px; color: var(--text-soft); }
.sq32520 { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 28px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.sq2e2ec p { margin: 0 0 .7em; }
.sq2e2ec h4 { font-size: 12px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--text); margin-bottom: 12px; }
.sq2e2ec ul { list-style: none; padding: 0; margin: 0; }
.sq2e2ec li { margin-bottom: 8px; }
.sq2e2ec a:hover { color: var(--text); }
.sq191c2 { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding-top: 22px; }
.sq738c2 { display: flex; gap: 8px; flex-wrap: wrap; }
.sq4cbc2 { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid var(--line); border-radius: var(--r); font-size: 12px; font-weight: 600; color: var(--text-soft); background: var(--bg-panel); }
.sq4cbc2 svg { width: 14px; height: 14px; }
.sqc8c69 { margin-left: auto; color: var(--text-muted); }
.sq6ad7b { position: fixed; right: 32px; bottom: 28px; width: 46px; height: 46px; border-radius: 50%; background: var(--blue); color: #ffffff; display: grid; place-items: center; box-shadow: 0 6px 18px rgba(224, 49, 49,.45); z-index: 70; }
.sq6ad7b svg { width: 22px; height: 22px; }
.sq6ad7b:hover { background: var(--blue-hover); }
@media (max-width: 1100px) {
  .sq41383 { grid-auto-columns: calc((100% - 5 * 12px) / 6); }
  .sq63dac { grid-template-columns: repeat(2, 1fr); }
  .sq3a5a6, .sqd8470 { grid-template-columns: 1fr; }
  .sq2c2e5 { min-height: 260px; }
}
@media (max-width: 900px) {
  .sq7779c { grid-template-columns: 1fr; }
  .sqbecc5 { display: flex; align-items: center; gap: 4px; padding: 0 10px 0 4px; }
  .sq5e79a { padding: 0; flex: none; }
  .sqe29f5 { display: none; }
  .sq188ad { padding: 0; gap: 8px; flex: 1; min-width: 0; }
  .sq23a7d { flex: none; white-space: nowrap; }
  .sq0cc7e { height: 24px; }
  .sq6c8fe { white-space: nowrap; }
  .sqae3ef { flex: none; gap: 6px; }
  .sqae3ef .sq2daf9 { height: 38px; padding: 0 12px; font-size: 12px; }
  .sqd30ac, .sq64e5f, .sq068f5 { display: none; }
  .sqd2a9c { position: fixed; left: 0; top: var(--header-h); width: var(--sidebar-w); transform: translateX(-100%); transition: transform .2s; z-index: 55; box-shadow: var(--shadow); }
  .sqd2a9c.sqecf8b { transform: none; }
  .sq9bbaa { padding: 0 16px; }
  .sq98a11 { grid-template-columns: 1fr; }
  .sq41383 { grid-auto-columns: 140px; }
  .sq32520 { grid-template-columns: 1fr 1fr; }
  .sqd70f4 { flex-wrap: wrap; } .sq82b45 { margin-left: 0; justify-content: flex-start; }
  .sq6ad7b { right: 16px; bottom: 16px; }
}
@media (max-width: 520px) {
  .sq6c8fe { display: none; }
  .sq0cc7e { height: 22px; }
  .sqbb85b, .sq63dac, .sq32520 { grid-template-columns: 1fr; }
  .sq5647f h2, .sqb2b2e h2 { font-size: 24px; }
  .sqe6ea7 { gap: 12px; }
}
.sq206fe a { color: var(--text-soft); text-decoration: underline; text-underline-offset: 3px; }
.sq206fe a:hover { color: var(--text); }
.sq6386f { font-size: 12px; color: var(--text-muted); margin-bottom: 14px; }
.sq6386f ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.sq6386f li + li::before { content: "›"; margin-right: 6px; opacity: .6; }
.sq6386f a { color: var(--text-soft); }
.sq6386f a:hover { color: var(--text); }
.sqf8ba5 { position: relative; padding: 32px 0 28px; border-bottom: 1px solid var(--line); overflow: hidden;
  background: radial-gradient(900px 340px at 30% 20%, rgba(235, 138, 123, .22), transparent 60%),
              radial-gradient(700px 300px at 85% 80%, rgba(232, 164, 73, .16), transparent 60%), #272323; }
.sqb48ac { position: relative; display: grid; grid-template-columns: 1fr; gap: 24px; align-items: center; }
.sq6d88a { grid-template-columns: 1.2fr .8fr; }
.sqf8ba5 h1 { margin-bottom: 4px; }
.sqf8ba5 .sq07476 { max-width: 720px; }
.sqc5a54 img { width: 100%; border-radius: var(--r-lg); box-shadow: var(--shadow); }
.sqfbadd { padding: 12px 0 8px; }
.sqf77d9 { max-width: 860px; padding: 8px 0 12px; }
.sqf77d9 h2 { font-size: 22px; margin-top: 1.8em; }
.sqf77d9 h2:first-child { margin-top: .6em; }
.sqf77d9 h3 { font-size: 17px; margin-top: 1.4em; }
.sqf77d9 p, .sqf77d9 li { font-size: 14.5px; line-height: 1.9; }
.sqf77d9 ul, .sqf77d9 ol { margin-bottom: 1.2em; }
.sqf77d9 table { margin: 14px 0 22px; border-radius: var(--r); overflow: hidden; }
.sqf77d9 thead th { background: var(--bg-panel-2); }
.sqf77d9 tbody tr:nth-child(even) { background: rgba(255, 255, 255,.03); }
.sqf77d9 .sq4668f { background: var(--bg-panel); border-left: 3px solid var(--blue); border-radius: var(--r); padding: 12px 16px; font-size: 14px; }
.sqf77d9 .sq9ce76 { counter-reset: s; list-style: none; padding: 0; }
.sqf77d9 .sq9ce76 li { position: relative; padding-left: 44px; margin-bottom: 12px; }
.sqf77d9 .sq9ce76 li::before { counter-increment: s; content: counter(s); position: absolute; left: 0; top: 2px; width: 30px; height: 30px; border-radius: 50%; background: var(--blue); color: #ffffff; font-weight: 700; font-size: 13px; display: grid; place-items: center; }
.sq845ae { padding: 32px 0; }
.sq845ae h2 { font-size: 24px; margin-bottom: 20px; text-align: left; }
.sq845ae .sq68c51 { max-width: 860px; padding: 8px 0 0; background: transparent; }
.sq16dff { background: linear-gradient(90deg, var(--bg-panel), var(--bg-panel-2)); border-radius: var(--r-xl); padding: 28px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.sq16dff h2 { margin: 0 0 4px; font-size: 20px; }
.sq16dff p { margin: 0; font-size: 14px; color: var(--text-soft); }
.sq16dff .sqe6c43 { margin-left: auto; }
@media (max-width: 900px) { .sq6d88a { grid-template-columns: 1fr; } .sq16dff .sqe6c43 { margin-left: 0; } }
.sq71d58 { position: relative; }
.sq71d58 > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 12px; border-radius: var(--r); background: var(--bg-btn-2); color: var(--text-soft); font: 600 12px/1 var(--font); cursor: pointer; white-space: nowrap; }
.sq71d58 > summary::-webkit-details-marker { display: none; }
.sq71d58 > summary:hover { background: var(--bg-panel-2); color: var(--text); }
.sq71d58 > summary:focus-visible { outline: 2px solid var(--blue-text); outline-offset: 2px; }
.sq71d58 > summary::after { content: ""; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s; }
.sq71d58[open] > summary { background: var(--bg-panel-2); color: var(--text); }
.sq71d58[open] > summary::after { transform: translateY(1px) rotate(-135deg); }
.sqe01ee { width: 16px; height: 16px; flex: none; }
.sqe2ae3 { position: absolute; top: calc(100% + 6px); right: 0; z-index: 70; min-width: 190px; padding: 6px; background: var(--bg-panel); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow); }
.sq3fb7e { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border-radius: var(--r); font-size: 13px; color: var(--text-soft); }
a.sq3fb7e:hover { background: var(--bg-panel-2); color: var(--text); }
.sq3fb7e[aria-current] { background: var(--blue-soft); color: var(--text); font-weight: 600; cursor: default; }
.sqecd3e { flex: 1; white-space: nowrap; }
.sqd8144 { font-size: 11px; font-weight: 600; color: var(--text-muted); padding: 3px 7px; border: 1px solid var(--line); border-radius: 999px; }
.sq3fb7e[aria-current] .sqd8144 { color: var(--blue-text); border-color: var(--blue-line); }
@media (max-width: 900px) { .sq71d58 > summary { height: 38px; padding: 0 9px; } }
@media (max-width: 520px) { .sqe01ee { display: none; } .sq71d58 > summary { padding: 0 8px; } }
@media (max-width: 900px) {
  .sq53d49 { width: 44px; height: 44px; }
  .sqae3ef { gap: 8px; }
  .sqae3ef .sq2daf9 { height: 44px; }
  .sq71d58 > summary { height: 44px; }
  .sq23a7d { padding: 11px 0; }
  .sq4fdf1 a, .sq35e81 summary, .sqb4223 { height: 44px; }
  .sq36848 { display: none; }
  .sq2e2ec li { margin-bottom: 0; }
  .sq2e2ec li a { display: block; padding: 14px 0; }
  .sq191c2 a { display: inline-block; padding: 14px 0; }
  .sq80a0d { display: inline-block; padding: 10px 8px; margin-left: 0; }
  .sq32520 p > a:only-child { display: inline-block; padding: 14px 0; }
}
.sqb8bba, .sqe29f5 a.sq3217a, .sq6ad7b { color: #ffffff; }
.sqa11f9 { color: #ffffff; }
.sqf77d9 .sq9ce76 li::before { color: #ffffff; }
.sq658d9 h2 { box-shadow: inset 0 -3px 0 var(--blue-soft); }
.sq658d9 h2, .sq16dff h2, .sq2e2ec h4 { text-transform: uppercase; letter-spacing: .06em; }
@media (min-width: 901px) { .sqbb85b { order: -1; } }
h1 { font-weight: 800; letter-spacing: -.01em; } h2, h3 { font-weight: 700; }
.sq07476 { max-width: 540px; font-size: 15px; }