:root{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#e8ecff;background:#070a16}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-height:100%}body{background:radial-gradient(1200px 700px at 15% 10%,rgba(62,89,255,.24),transparent 60%),radial-gradient(1000px 600px at 85% 20%,rgba(0,238,255,.14),transparent 60%),#050812;color:#e8ecff}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 95%);mask-image:radial-gradient(circle at center,black 30%,transparent 95%)}a{color:inherit;text-decoration:none}.site{position:relative;min-height:100vh;overflow-x:hidden}.glow{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,#3a6fff57,#3a6fff00);filter:blur(18px);z-index:0}.topbar{position:sticky;top:14px;z-index:4;width:min(1200px,92vw);margin:8px auto 0;padding:10px 14px;border:1px solid rgba(107,152,255,.45);border-radius:0;background:linear-gradient(90deg,#385ac43d,#081229bd 35%,#09162cd6 75%,#00a7ff24),#080c18e0;box-shadow:inset 0 1px #afdcff40,0 10px 24px #00081c73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));overflow:hidden}.topbar:before{content:"";position:absolute;left:-30%;top:0;width:40%;height:1px;background:linear-gradient(90deg,transparent,rgba(146,217,255,.95),transparent);animation:nav-scan 5.5s linear infinite}.topbar:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,#5e85ffd9,#2dcbff80,#5e85ffd9)}.brand{position:relative;padding:8px 16px 8px 14px;font-size:18px;font-weight:700;letter-spacing:1.4px;color:#cce3ff;text-transform:uppercase;border:1px solid rgba(113,170,255,.5);background:linear-gradient(120deg,#2f4eb973,#112d7540);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,6px 50%);text-shadow:0 0 10px rgba(115,190,255,.55)}.brand:after{content:"PROTOCOL";margin-left:8px;font-size:10px;font-weight:500;letter-spacing:1.1px;color:#c4dfffbf}.nav{position:relative;padding:4px;display:flex;gap:8px;border:1px solid rgba(96,142,255,.35);background:#071227ad;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;color:#bcd5ff;font-size:13px;letter-spacing:.4px;border:1px solid transparent;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,6px 50%)}.nav a:hover{color:#e2f3ff;border-color:#79b1ff9e;background:linear-gradient(120deg,#3755c066,#16479e2e);transform:translateY(-1px)}.nav a:before{content:"";position:absolute;left:8px;right:8px;bottom:2px;height:1px;transform:scaleX(0);transform-origin:center;background:linear-gradient(90deg,transparent,rgba(143,225,255,.95),transparent);transition:transform .2s ease}.nav a:hover:before{transform:scaleX(1)}@keyframes nav-scan{0%{transform:translate(0);opacity:0}12%{opacity:1}50%{opacity:.9}to{transform:translate(320%);opacity:0}}@keyframes float-pulse{0%{transform:translateY(0);opacity:.9}50%{transform:translateY(-4px);opacity:1}to{transform:translateY(0);opacity:.9}}.container{position:relative;z-index:1;width:min(1200px,92vw);margin:26px auto 70px}.section{margin-top:24px}.section h2{margin:0 0 14px;font-size:26px;color:#d7e6ff}.panel{border:1px solid rgba(137,170,255,.26);border-radius:18px;padding:22px;background:linear-gradient(180deg,#ffffff0a,#fff0),radial-gradient(circle at var(--shine-x, 30%) var(--shine-y, 20%),rgba(157,192,255,.16),transparent 40%),#0a0f1dd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff0f,0 14px 32px #03081373;transition:box-shadow .2s ease,border-color .2s ease}.panel:hover{border-color:#93bcff61;box-shadow:inset 0 1px #ffffff14,0 18px 40px #03081394}.tilt-card{transition:transform .14s ease-out;transform-style:preserve-3d;will-change:transform}.hero{padding:34px}.tag{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;letter-spacing:.3px;background:#405fff33;border:1px solid rgba(102,129,255,.45)}.hero h1{margin:14px 0 12px;font-size:clamp(30px,4.1vw,54px);line-height:1.08}.lead{margin:0;max-width:920px;line-height:1.8;color:#cbdbff}.hero-points{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.hero-points span{padding:6px 12px;border-radius:999px;font-size:12px;color:#d8e7ff;border:1px solid rgba(141,175,255,.32);background:#0f1d3a9e}.hero-actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.btn{padding:10px 18px;border-radius:10px;font-size:14px;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#4766ff,#0ec8ff);color:#fff;box-shadow:0 10px 28px #2b73ff66}.btn-ghost{border:1px solid rgba(159,186,255,.45);color:#d7e8ff;background:#0f162db3}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.story-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.story-step{position:relative;overflow:hidden}.story-step:after{content:"";position:absolute;inset:auto -24px -34px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(84,150,255,.2),transparent 72%)}.phase{margin:0 0 8px;display:inline-block;font-size:12px;letter-spacing:.4px;color:#8fb2ff;text-transform:uppercase}h3{margin:0 0 10px;color:#d9e8ff}h4{margin:0 0 6px;font-size:16px}p{color:#c9d7f7;line-height:1.7}.visual{margin:18px 0 0}.visual img{width:100%;display:block;object-fit:cover;opacity:.92;filter:drop-shadow(0 0 18px rgba(79,141,255,.25))}.hero-visual img{max-height:260px;border-top:1px solid rgba(126,176,255,.45);border-bottom:1px solid rgba(126,176,255,.24);animation:float-pulse 7.5s ease-in-out infinite}.section-visual img{max-height:210px;border-top:1px solid rgba(110,166,255,.4);border-bottom:1px solid rgba(110,166,255,.2)}ul{margin:8px 0 0;padding-left:18px}li{margin:8px 0;color:#d0ddfa}.use-list{display:grid;gap:12px}.use-item{border:1px solid rgba(134,165,255,.26);border-radius:12px;padding:14px;background:#0c12219e;display:flex;flex-direction:column;gap:6px}.token-loop{margin-top:16px}.loop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.loop-item{border:1px solid rgba(133,171,255,.2);border-radius:12px;padding:12px;background:#0a14269e;display:flex;flex-direction:column;gap:6px}.loop-index{display:inline-block;margin-bottom:8px;font-size:12px;color:#8eb3ff}.loop-item p{margin:0;font-size:13px;line-height:1.55}.tokenomics,.eco-story{margin-top:16px}.narrative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.narrative-item{border:1px solid rgba(125,165,255,.26);border-radius:12px;padding:16px;background:#0b15279e;display:flex;flex-direction:column;gap:8px}.narrative-stage{margin:0 0 8px;font-size:12px;color:#89b0ff;letter-spacing:.3px}.narrative-item h4{margin:0;line-height:1.45}.narrative-item p{margin:0}.partner-list{display:grid;gap:10px}.partner-item{border:1px solid rgba(120,164,255,.22);border-radius:12px;padding:16px;background:#0b12239e;display:flex;flex-direction:column;gap:6px}.partner-item h4{margin:0 0 6px}.partner-item p{margin:0}.bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:170px 1fr 54px;gap:10px;align-items:center}.bar-label,.bar-value{font-size:14px;color:#d6e4ff}.bar-track{height:9px;border-radius:999px;background:#ffffff1f;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4f74ff,#31e1ff)}.params-table{width:100%;border-collapse:collapse}.params-table th,.params-table td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(133,167,255,.18)}.params-table th{width:220px;color:#9db8fb;font-weight:600}.params-table td{color:#e2ebff}.ending h2{margin:12px 0}.ending p{margin:0}@media(max-width:980px){.grid-2,.grid-3,.story-line,.narrative-grid{grid-template-columns:1fr}.loop-grid{grid-template-columns:1fr 1fr}.bar-row{grid-template-columns:130px 1fr 46px}.topbar{top:8px;flex-direction:column;align-items:stretch;gap:10px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.brand{text-align:center}.nav{justify-content:center;flex-wrap:wrap}}@media(max-width:620px){.loop-grid{grid-template-columns:1fr}}.site:after{content:"";position:fixed;inset:-20% -10% auto -10%;height:70vh;pointer-events:none;background:radial-gradient(700px 300px at 20% 0%,rgba(61,94,255,.22),transparent 70%),radial-gradient(800px 320px at 80% 5%,rgba(0,234,255,.18),transparent 72%);z-index:0}.panel{border:none;border-radius:0;padding:22px 0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .2s ease}.panel:hover{border:none;box-shadow:none}.hero.panel,#launch .panel,.ending.panel,.token-loop,.tokenomics,.eco-story{position:relative;padding:26px 22px;border-left:1px solid rgba(112,153,255,.45);border-right:1px solid rgba(112,153,255,.2);background:linear-gradient(90deg,rgba(66,103,255,.12),transparent 30%,transparent 70%,rgba(0,226,255,.08)),#080e1e57;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.hero.panel:before,#launch .panel:before,.ending.panel:before,.token-loop:before,.tokenomics:before,.eco-story:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(128,190,255,.85),transparent)}.section{margin-top:34px;padding-top:6px}.section h2{margin-bottom:16px;letter-spacing:.3px}.story-line,.grid-3,.grid-2,.narrative-grid{gap:14px}.story-step,.grid-3>.panel,.grid-2>.panel,.narrative-item,.partner-item,.use-item,.loop-item{position:relative;border:none;border-left:2px solid rgba(113,155,255,.7);border-radius:0;padding:14px 14px 14px 18px;background:linear-gradient(120deg,#19274b8c,#09122540);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.story-step:after,.grid-3>.panel:after,.grid-2>.panel:after,.narrative-item:after,.partner-item:after,.use-item:after,.loop-item:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(118,162,255,.7),transparent 55%)}.story-step:before{content:"";position:absolute;left:-7px;top:17px;width:8px;height:8px;border-radius:50%;background:#60baff;box-shadow:0 0 12px #60baffcc}.story-step:after{inset:auto;width:auto;height:1px;border-radius:0;background:linear-gradient(90deg,rgba(118,162,255,.7),transparent 55%)}.phase,.narrative-stage,.loop-index{color:#7ec6ff;font-weight:600;letter-spacing:.5px}.hero-points span{border:1px solid rgba(132,175,255,.5);background:linear-gradient(120deg,#314da566,#183c8c26);border-radius:2px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,6px 50%);padding:6px 14px}.btn{border-radius:2px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,8px 50%)}.btn-primary{background:linear-gradient(90deg,#3557f6,#00c0ff);box-shadow:0 0 24px #3181ff73}.btn-ghost{border:1px solid rgba(122,165,255,.6)}.bar-track{height:10px;border-radius:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);background:#6a88d838}.bar-fill{border-radius:0;background:linear-gradient(90deg,#4a6fff,#31e1ff 60%,#8af7ff)}.params-table th,.params-table td{border-bottom:1px solid rgba(123,161,255,.3)}@media(max-width:980px){.hero.panel,#launch .panel,.ending.panel,.token-loop,.tokenomics,.eco-story{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));padding:22px 14px}.hero-visual img,.section-visual img{max-height:180px}}