.opc-token-page{background:var(--v7-ground,#f4f6f9);flex-direction:column;align-items:center;gap:20px;padding:24px 28px 48px;display:flex}.opc-token-body{border:1px solid var(--v7-line,#e4e7ec);background:#fff;border-radius:12px;width:100%;max-width:1320px}.opc-token-hero{isolation:isolate;background:radial-gradient(circle at 78% 30%,#fffc,#0000 45%),linear-gradient(110deg,#f4f9ff 0%,#eaf4ff 55%,#dcebff 100%);border-radius:20px;align-items:center;width:calc(100% + 24px);max-width:1360px;min-height:440px;padding:40px 0 32px;display:flex;position:relative;overflow:hidden}.opc-token-hero:before{content:"";background-image:linear-gradient(#6799d308 1px,#0000 1px),linear-gradient(90deg,#6799d308 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.opc-token-hero-layout{flex:1;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;display:grid;position:relative}.opc-token-eyebrow{color:#2784e8;letter-spacing:1px;background:#ffffffb5;border:1px solid #dce9fc;border-radius:30px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.opc-token-eyebrow i{background:#2289f6;border-radius:100%;width:6px;height:6px;box-shadow:0 0 0 4px #2289f614}.opc-token-title{color:#13294a;letter-spacing:-2px;margin:22px 0;font-size:clamp(38px,4vw,58px);font-weight:800;line-height:1.22}.opc-token-title span{color:#0000;background:linear-gradient(110deg,#087afb,#7068ec);-webkit-background-clip:text;background-clip:text;display:inline-block}.opc-token-intro{color:#70829c;margin:0 0 26px;font-size:16px;line-height:1.9}.opc-token-hero-actions{align-items:center;gap:24px;display:flex}.opc-token-hero-actions .btn{background:linear-gradient(110deg,#147df8,#526df3);border:0;border-radius:10px;min-height:48px;padding:14px 24px;font-weight:600}.opc-token-hero-actions .btn span{margin-left:8px}.opc-token-explore{color:#516983;font-size:14px;text-decoration:none}.opc-token-explore span{margin-left:8px}.opc-token-hero-features{color:#7e8ca4;gap:20px;margin-top:27px;font-size:12px;display:flex}.opc-token-hero-features span:before{content:"✓";color:#4e89d4;margin-right:6px}.opc-token-visual{justify-self:center;width:100%;max-width:580px;height:350px;position:relative}.opc-token-orbit{border:1px solid #9bb4e340;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:300px;height:300px}.orbit-two{width:470px;height:310px;transform:translate(-50%,-50%)rotate(-24deg)}.opc-token-core{background:#f9fbff;border:1px solid #fff;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;width:178px;height:178px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 55px #556fdc1d}.opc-token-core-symbol{color:#367ff6;font-size:62px;line-height:1}.opc-token-core strong{color:#253f74;letter-spacing:5px;margin:10px 0 6px;font-size:22px}.opc-token-core>span:last-child{color:#8797b4;letter-spacing:1px;font-size:10px}.opc-token-float{background:#f9fbff;border:1px solid #fff;border-radius:16px;align-items:center;gap:12px;padding:16px 19px;display:flex;position:absolute;box-shadow:0 12px 35px #6784bd16}.opc-token-float>span{color:#438af6;background:#eaf2ff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:27px;display:grid}.opc-token-float strong{color:#3c5274;font-size:14px}.opc-token-float small{color:#4f5d73;margin-top:6px;font-size:11px;display:block}.float-text{top:16px;left:12px;transform:rotate(-4deg)}.float-vision{top:72px;right:0;transform:rotate(4deg)}.float-vision>span{color:#916ad5;background:#f1eafa}.float-video{bottom:14px;left:52px;transform:rotate(-3deg)}.float-video>span{color:#20aca2;background:#e5f7f5}.opc-token-dot{background:linear-gradient(120deg,#8abbff,#667fe6);border-radius:50%;position:absolute}.dot-one{width:18px;height:18px;top:26px;right:145px}.dot-two{width:10px;height:10px;bottom:44px;right:52px}.opc-token-body{padding-top:32px;padding-bottom:32px}.opc-token-market-head{text-align:center;margin:0 0 28px;scroll-margin-top:90px}.opc-token-market-head h2{color:#16181d;letter-spacing:1px;margin:0 0 10px;font-size:34px;font-weight:800}.opc-token-market-head p{color:#5c6778;margin:0;font-size:15px}.opc-token-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.opc-token-card{border:1px solid var(--v7-line,#e4e7ec);min-width:0;height:100%;color:inherit;background:#fff;border-radius:12px;flex-direction:column;gap:14px;padding:22px 20px 18px;text-decoration:none;display:flex;position:relative}.opc-token-card:hover{border-color:var(--v7-accent,#1767e8)}.opc-token-badge{color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.6;position:absolute;top:14px;right:14px}.opc-token-badge.is-hot{background:var(--v7-accent,#1767e8)}.opc-token-badge.is-new{background:var(--v7-ink,#101828)}.opc-token-card-top{align-items:center;gap:12px;min-width:0;padding-right:42px;display:flex}.opc-token-card-top>span:last-child{min-width:0}.opc-token-model-icon{background:var(--v7-accent-soft,#e8f0ff);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.opc-token-model-icon img{object-fit:contain;width:26px;height:26px}.opc-token-name{overflow-wrap:anywhere;color:var(--v7-ink,#101828);font-size:16px;font-weight:700;line-height:1.4;display:block}.opc-token-provider{color:var(--v7-faint,#667085);margin-top:2px;font-size:12px;display:block}.opc-token-card-description{color:var(--v7-soft-ink,#475467);flex:1;margin:0;font-size:13px;line-height:1.75}.opc-token-tags{flex-wrap:wrap;gap:6px;display:flex}.opc-token-tags span{background:var(--v7-soft,#eef2f7);color:var(--v7-soft-ink,#475467);border-radius:6px;padding:3px 8px;font-size:11px}.opc-token-tags span:first-child{background:var(--v7-accent-soft,#e8f0ff);color:var(--v7-accent,#1767e8)}.opc-token-note{color:var(--v7-faint,#667085);margin:18px 0 0;font-size:12px;line-height:1.7}.opc-token-ecosystem{background:var(--v7-ground,#f4f6f9);text-align:center;border-radius:12px;margin-top:36px;padding:28px 24px}.opc-token-ecosystem h2,.opc-token-cta h2{color:var(--v7-ink,#101828);margin:0 0 8px;font-size:22px}.opc-token-ecosystem p,.opc-token-cta p{color:var(--v7-soft-ink,#475467);margin:0;font-size:14px}.opc-token-ecosystem-icons{flex-wrap:wrap;justify-content:center;gap:16px;margin:22px 0 0;padding:0;list-style:none;display:flex}.opc-token-ecosystem-icons li{border:1px solid var(--v7-line,#e4e7ec);background:var(--v7-ground,#f4f6f9);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:96px;height:96px;display:flex}.opc-token-ecosystem-icons img{object-fit:contain;width:28px;height:28px}.opc-token-ecosystem-icons span{color:var(--v7-soft-ink,#475467);font-size:12px}.opc-token-cta{background:var(--v7-accent,#1767e8);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:28px 32px;display:flex}.opc-token-cta h2,.opc-token-cta p,.opc-token-cta p{color:#fff}body:has(.app-shell) .opc-token-cta .btn.btn--primary{color:var(--v7-accent,#1767e8);background:#fff;border-color:#fff;flex:none}body:has(.app-shell) .opc-token-cta .btn.btn--primary:hover{color:var(--v7-accent-deep,#0d4fc0);background:#eef4ff;border-color:#eef4ff}@media (max-width:1099px){.opc-token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opc-token-visual{transform-origin:50%;transform:scale(.86)}.opc-token-title{font-size:42px}.orbit-two{width:380px}}@media (max-width:699px){.opc-token-hero{padding:32px 0 20px}.opc-token-hero-layout{grid-template-columns:minmax(0,1fr)}.opc-token-title{letter-spacing:-1.5px;font-size:36px}.opc-token-intro{font-size:14px}.opc-token-visual{max-width:390px;height:275px;margin-top:10px;transform:none}.orbit-one{width:240px;height:240px}.orbit-two{width:320px;height:220px}.opc-token-core{border-radius:33px;width:145px;height:145px}.opc-token-core-symbol{font-size:48px}.opc-token-float{gap:9px;padding:12px}.opc-token-float>span{width:30px;height:30px;font-size:22px}.float-text{top:0;left:0}.float-vision{top:62px;right:0}.float-video{bottom:0;left:8px}.opc-token-hero-features{flex-wrap:wrap;gap:12px;font-size:11px}.opc-token-market-head h2{font-size:24px}}@media (max-width:599px){.opc-token-page{gap:16px;padding:16px 16px 32px}.opc-token-grid{grid-template-columns:minmax(0,1fr)}.opc-token-cta{flex-direction:column;align-items:flex-start;padding:22px 18px}}.opc-token-float>span img{width:26px;height:26px;display:block}.opc-token-chip{background:#fff;border:1px solid #fff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;position:absolute;box-shadow:0 10px 28px #5b7fc22b}.chip-deepseek{top:150px;left:0}.chip-zhipu{bottom:30px;right:36px}@media (max-width:799px){.opc-token-hero{min-height:0}}
