E F A T ツ :
Nova — Modern Website Template :root{ --bg: #0b0d12; --bg-soft: #121622; --panel: #0f1422; --text: #e7eaf3; --muted:#b9c0d4; --brand: #66e0ff; /* accent */ --brand-2:#9b8cff; /* secondary accent */ --ring: rgba(102,224,255,.35); --shadow: 0 20px 60px rgba(0,0,0,.35); --radius: 20px; } *{box-sizing:border-box} html,body{height:100%} body{ margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; background: radial-gradient(1200px 600px at 70% -10%, #16203a 0%, #0c101a 45%, var(--bg) 80%); color: var(--text); line-height:1.5; letter-spacing:.2px; } a{color:inherit; text-decoration:none} img{max-width:100%; display:block} /* Layout */ .container{width:min(1100px, 92vw); margin-inline:auto} .grid{display:grid; gap:24px} .btn{ appearance:none; border:0; cursor:pointer; font-weight:700; padding:12px 18px; border-radius:14px; box-shadow:var(--shadow); transition: transform .08s ease, box-shadow .2s ease, background .3s ease; } .btn:active{transform:translateY(1px)} .btn-primary{background:linear-gradient(135deg, var(--brand), var(--brand-2)); color:#0a0c12} .btn-ghost{background:rgba(255,255,255,.06); color:var(--text); border:1px solid rgba(255,255,255,.08)} /* Navbar */ .nav{position:sticky; top:0; z-index:10; backdrop-filter: blur(8px); background:rgba(15,20,34,.6); border-bottom:1px solid rgba(255,255,255,.06)} .nav-inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0} .brand{display:flex; align-items:center; gap:10px; font-weight:900; letter-spacing:.5px} .badge{font-size:12px; padding:4px 8px; border-radius:999px; background:rgba(102,224,255,.15); color:var(--brand); border:1px solid var(--ring)} .nav-links{display:flex; gap:16px; align-items:center} .nav-links a{padding:8px 10px; border-radius:10px} .nav-links a:hover{background:rgba(255,255,255,.06)} .toggle{width:44px; height:28px; border-radius:999px; background:#0e1320; border:1px solid rgba(255,255,255,.08); position:relative} .toggle .dot{position:absolute; top:3px; left:3px; width:22px; height:22px; border-radius:50%; background:linear-gradient(135deg, #fff, #cfe8ff)} /
2025-09-04 05:38:56