:root { --orange:#ff7a1a; --bg:#0e0e10; --card:#17171b; --text:#eee; --muted:#aaa; }
  *{box-sizing:border-box}
  body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
  header{position:relative;background:linear-gradient(135deg,#1a1a20,#0e0e10);padding:48px 24px;text-align:center;border-bottom:3px solid var(--orange)}
  header h1{margin:0 0 12px;font-size:2.2rem;color:var(--orange)}
  header p{max-width:720px;margin:0 auto;font-size:1.1rem;color:var(--muted)}
  .site-back{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;color:var(--orange);text-decoration:none;border:1px solid var(--orange);border-radius:6px;transition:all .2s}
  .site-back:hover{background:var(--orange);color:#fff}
  @media(max-width:600px){.site-back{position:static;display:inline-flex;margin-bottom:16px}}
  main{max-width:1100px;margin:0 auto;padding:32px 20px}
  .app{background:var(--card);border-radius:14px;padding:28px;margin-bottom:32px;border:1px solid #222}
  .app h2{margin-top:0;color:var(--orange);font-size:1.6rem}
  .test-btn{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;font-weight:600;padding:14px 24px;border-radius:8px;margin:12px 0 20px;transition:transform .15s}
  .test-btn:hover{transform:translateY(-2px)}
  .shots{display:flex;gap:12px;overflow-x:auto;padding:12px 0;scroll-snap-type:x mandatory}
  .shots img{height:420px;width:auto;border-radius:10px;border:1px solid #2a2a30;flex:0 0 auto;scroll-snap-align:start}
  .why{background:#17171b;border-left:4px solid var(--orange);padding:24px;border-radius:10px;margin-top:32px}
  .why h3{margin-top:0;color:var(--orange)}
  .notice{max-width:820px;margin:24px auto 0;background:#2a1a08;border:2px solid var(--orange);border-radius:12px;padding:22px;text-align:left;color:#fff}
  .notice h2{margin:0 0 10px;color:var(--orange);font-size:1.25rem}
  .notice ol{margin:10px 0 0 20px;padding:0}
  .notice li{margin-bottom:8px}
  .notice a{color:var(--orange)}
  .notice .tip{margin-top:14px;padding:12px;background:#0e0e10;border-radius:8px;font-size:.95rem;color:var(--muted)}
  footer{text-align:center;padding:32px 20px;color:var(--muted);font-size:.9rem;border-top:1px solid #222;margin-top:40px}
  @media(max-width:600px){
    header h1{font-size:1.6rem}
    .shots img{height:320px}
    .app{padding:20px}
  }
  .lang-switch{position:absolute;top:16px;right:16px;z-index:200}
  .lang-switch>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;border:1px solid var(--orange);color:var(--orange);font-size:1.05rem;line-height:1;background:rgba(255,122,26,0.08)}
  .lang-switch>summary::-webkit-details-marker{display:none}
  .lang-switch>summary:hover{background:var(--orange);color:#fff}
  .lang-caret{font-size:.6rem;opacity:.8}
  .lang-menu{position:absolute;top:100%;right:0;margin-top:6px;z-index:200;width:210px;max-height:340px;overflow-y:auto;background:var(--card);border:1px solid #333;border-radius:8px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.5);display:grid;gap:2px}
  .lang-option{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;border-radius:5px;cursor:pointer;background:transparent;color:var(--text);font-size:.82rem;text-align:left}
  .lang-option:hover{background:rgba(255,255,255,.08)}
  .lang-option.is-active{background:rgba(255,122,26,.18);color:var(--orange)}
  @media(max-width:600px){.lang-switch{top:12px;right:12px}}