*,:after,:before{box-sizing:border-box}:root{--bg:#1c205c;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--brand:#1d4ed8;--ok:#166534;--bad:#b91c1c;--shadow:0 10px 30px rgba(0,0,0,.1);--radius:14px;--side-w:192px;--gap:10px}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;margin:0}.container{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin:24px auto 40px;max-width:1100px;padding:24px}.center-text{text-align:center}.hidden{display:none!important}.hero{border-bottom:1px solid var(--line);margin-bottom:18px;padding:6px 0 14px}.kicker{color:var(--muted);font-size:.8rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.kicker,h1{text-align:center}h1{font-size:1.65rem;margin:10px 0 8px}.description{color:#4b5563;font-size:.95rem;margin:0 auto 8px;max-width:880px}.section{margin-top:22px}.section-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.section-title{display:block;font-weight:700;margin:0}.status{color:var(--muted);font-size:.85rem;margin-top:8px}.status.error{color:var(--bad)}.status.success{color:var(--ok)}.mode-toggle{background:#f9fafb;border:1px solid var(--line);border-radius:12px;display:flex;overflow:hidden}.seg{background:transparent;border:0;color:#374151;cursor:pointer;font-weight:700;padding:9px 12px}.seg.active{background:#eef2ff;color:#1e3a8a}.mode-toggle .seg{border-right:1px solid var(--line)}.mode-toggle .seg:last-child{border-right:0}.grid-two{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}@media (max-width:940px){.grid-two{grid-template-columns:1fr}.section-head{justify-content:flex-start}}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.06);overflow:hidden;padding:14px;position:relative}.card.compact{padding:14px 16px}.card-head{margin-bottom:8px}.card-head h2{font-size:1.05rem;margin:0}.muted{color:var(--muted);font-size:.9rem;margin:4px 0 0}.card-title{font-size:1rem;margin:0 0 10px}.main-video{aspect-ratio:16/9;background:#000;border-radius:12px;display:block;margin-top:10px;max-height:360px;width:100%}.server-wrap{margin-top:6px}.server-badge{background:#f9fafb;border:1px solid var(--line);border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.01em;padding:6px 10px;position:absolute;right:12px;top:12px;z-index:3}.server-badge.standard{background:#ffe7f2;border-color:#b3063d;color:#b3063d}.server-badge.e2ee{background:#cdf5b2;border-color:#05690d;color:#05690d}.video-wrap{margin-top:10px;position:relative}.server-overlay{border-radius:12px;inset:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:2}.server-overlay.on{opacity:.65}.overlay-line{animation:scan 1.8s linear infinite;background:hsla(0,0%,100%,.35);height:2px;margin:14px 0}.overlay-line:nth-child(2){animation-duration:2.3s;opacity:.7}.overlay-line:nth-child(3){animation-duration:2.9s;opacity:.55}@keyframes scan{0%{transform:translateX(-20%)}to{transform:translateX(20%)}}:root{--enc-side-w:70px;--enc-gap:12px}.enc-layout{align-items:center;display:grid;gap:var(--enc-gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr) var(--enc-side-w);margin-top:10px}.enc-main{grid-column:1/span 2}.enc-main canvas{aspect-ratio:16/9;background:#0b1020;border:1px solid var(--line);border-radius:12px;display:block;filter:contrast(1.05) saturate(1.1);height:auto;width:100%}.enc-side{display:flex;flex-direction:column;gap:8px;grid-column:3;max-width:var(--enc-side-w);min-width:var(--enc-side-w);width:var(--enc-side-w)}.enc-thumb{aspect-ratio:16/9;background:#0b1020;border:1px solid rgba(0,0,0,.1);border-radius:10px;display:block;filter:contrast(1.05) saturate(1.1);height:auto;width:100%}@media (max-width:560px){.enc-layout{grid-template-columns:1fr}.enc-main{grid-column:auto}.enc-side{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);max-width:none;min-width:0;width:auto}.enc-layout{grid-template-columns:1fr}.enc-side{grid-template-columns:repeat(3,1fr);grid-template-rows:auto;max-width:none;min-width:0;width:auto}.enc-thumb{height:auto}}.hint{color:var(--muted);font-size:.84rem}.hint,.mini{margin-top:10px}.mini{border-top:1px dashed var(--line);padding-top:10px}.mini-row{align-items:baseline;color:#374151;display:flex;font-size:.9rem;gap:10px;justify-content:space-between}.mini-label{color:var(--muted)}.mini-value{font-weight:700}.checklist,.meta-list{margin:0;padding-left:18px}.checklist li,.meta-list li{color:#374151;margin:8px 0}.checklist li.ok::marker{color:var(--ok);content:"✓  ";font-weight:900}.checklist li.no::marker{color:var(--bad);content:"✕  ";font-weight:900}.note{margin:12px 0 0}.footer-note,.note{color:var(--muted);font-size:.9rem}.footer-note{border-top:1px solid var(--line);margin-top:14px;padding-top:14px;text-align:center}video::-webkit-media-controls,video::-webkit-media-controls-enclosure{display:none!important}video::-webkit-media-controls-panel,video::-webkit-media-controls-play-button{display:none!important}video::-webkit-media-controls-start-playback-button{display:none!important}video{pointer-events:none}