:root{font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#06153a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#06153a}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ffe86a;outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;display:grid;min-height:100svh;grid-template-rows:auto 1fr auto;isolation:isolate;overflow:hidden;background:linear-gradient(118deg,rgba(4,17,54,.89) 0%,rgba(4,23,70,.64) 48%,rgba(7,22,57,.84) 100%)}.background,.background:before,.background:after,.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.background{z-index:-3;overflow:hidden;background:#0e3982}.background:before,.background:after{content:"";background-image:url(/assets/scnu-prank-2ba6db16.jpg);background-position:center;background-repeat:no-repeat}.background:before{top:-8%;right:-8%;bottom:-8%;left:-8%;background-size:cover;filter:blur(26px) saturate(1.25) contrast(1.08);transform:scale(1.08);opacity:.8}.background:after{background-size:contain;background-position:72% center;filter:saturate(1.08) contrast(1.08);opacity:.72}.noise{z-index:-1;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 64px,1440px);margin:0 auto;padding:24px 0 16px;border-bottom:1px solid rgba(255,255,255,.22)}.brand{display:inline-flex;justify-self:start;align-items:center;gap:11px;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.brand__mark{display:grid;width:47px;height:47px;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:rgba(9,40,103,.52);box-shadow:inset 0 0 0 4px #ffffff14;font-size:14px;font-weight:800;letter-spacing:-1px}.brand__text{display:grid;line-height:1}.brand__text strong{font:700 18px/1 Inter,Arial,sans-serif;letter-spacing:.13em}.brand__text small{margin-top:6px;color:#ffffffa3;font-size:10px;letter-spacing:.24em}nav{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(5,24,68,.34);box-shadow:0 16px 38px #020c2829;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}nav button{position:relative;padding:9px 18px;border:0;border-radius:999px;background:transparent;color:#ffffffad;font-size:13px;font-weight:600;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}nav button:hover{color:#fff;transform:translateY(-1px)}nav button.is-active{background:#fff;color:#0a317c;box-shadow:0 5px 20px #00134142}.unofficial-label{justify-self:end;padding:7px 11px;border:1px solid rgba(255,232,106,.42);color:#ffe86a;font-size:10px;font-weight:700;letter-spacing:.16em}.site-main{position:relative;display:flex;align-items:center;width:min(100% - 64px,1440px);margin:0 auto;padding:40px 0}.content-panel{width:min(680px,59vw);animation:page-in .52s cubic-bezier(.2,.7,.2,1) both}.content-panel--wide{width:min(1060px,79vw)}.site-main--results{align-items:flex-start;padding-top:54px}@keyframes page-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.page{padding:28px 0}.hero__eyebrow,.section-kicker{margin:0 0 22px;color:#ffffffb8;font:600 11px/1.5 Inter,Arial,PingFang SC,sans-serif;letter-spacing:.24em;text-transform:uppercase}.hero__eyebrow{display:flex;align-items:center;gap:11px}.hero__eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#ffe86a;box-shadow:0 0 0 7px #ffe86a21}h1,h2{margin:0;font-weight:900;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 8px 42px rgba(0,18,63,.28)}h1{font-size:clamp(62px,7.15vw,118px);line-height:.94}h1 span{display:block;color:#ffe86a;font-size:.74em;letter-spacing:-.06em}h2{font-size:clamp(55px,6.2vw,98px);line-height:.95}.hero__copy,.lead{max-width:570px;margin:30px 0 0;color:#ffffffc7;font-size:16px;line-height:1.85}.primary-link{display:inline-flex;align-items:center;gap:42px;margin-top:34px;padding:15px 19px 15px 22px;border-radius:999px;background:#ffe86a;box-shadow:0 17px 44px #01154452;color:#082d74;font-size:15px;font-weight:800;text-decoration:none;transition:gap .18s ease,transform .18s ease,box-shadow .18s ease}.primary-link:hover{gap:51px;transform:translateY(-3px);box-shadow:0 22px 54px #0115446b}.primary-link svg,.qq-card button svg,.group-search svg,.group-card button svg,.back-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.hero__note{margin:13px 0 0 4px;color:#ffffff73;font-size:11px}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.about-grid .lead{grid-column:1 / -1;margin:0 0 9px}.info-card{display:flex;gap:16px;min-height:150px;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(4,24,69,.42);box-shadow:0 16px 44px #01103726;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.info-card>span{color:#ffe86a;font:600 11px/1.4 Inter,Arial,sans-serif}.info-card h3{margin:0 0 9px;font-size:16px}.info-card p{margin:0;color:#ffffff9e;font-size:13px;line-height:1.75}.page--join .lead{max-width:610px}.qq-card{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:34px;padding:24px 24px 24px 28px;border:1px solid rgba(255,255,255,.19);border-radius:21px;background:rgba(4,24,69,.5);box-shadow:0 22px 60px #0110373d;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.qq-card__label{display:block;margin-bottom:7px;color:#ffffff80;font-size:11px;letter-spacing:.1em}.qq-card strong{font:700 clamp(29px,3.3vw,47px)/1 Inter,Arial,sans-serif;letter-spacing:.06em}.qq-card button{display:inline-flex;flex:none;align-items:center;gap:8px;padding:13px 16px;border:0;border-radius:999px;background:#fff;color:#0a327e;font-size:13px;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease}.qq-card button:hover{background:#ffe86a;transform:translateY(-2px)}.find-title span,.page--results h2 span{display:block;color:#ffe86a}.page--find .lead{max-width:620px}.group-search{width:min(660px,100%);margin-top:34px}.group-search__control{display:flex;align-items:center;gap:14px;min-height:66px;padding:7px 7px 7px 20px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(4,24,69,.68);box-shadow:0 22px 58px #01103747;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:border-color .18s ease,box-shadow .18s ease}.group-search__control:focus-within{border-color:#ffe86abd;box-shadow:0 22px 58px #01103757,0 0 0 4px #ffe86a1a}.group-search__control>svg{flex:none;color:#ffffff80}.group-search input{min-width:0;flex:1;padding:8px 0;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.group-search input::placeholder{color:#ffffff6b}.group-search input::-webkit-search-cancel-button{filter:invert(1);opacity:.55}.group-search button{display:inline-flex;flex:none;align-items:center;gap:22px;min-height:50px;padding:0 17px 0 22px;border:0;border-radius:999px;background:#ffe86a;color:#082d74;font-size:14px;font-weight:800;cursor:pointer;transition:gap .18s ease,transform .18s ease,background .18s ease}.group-search button:hover{gap:28px;background:#fff3a0;transform:translateY(-1px)}.group-search__error{margin:10px 0 0 21px;color:#ffe86a;font-size:12px}.search-tip{display:flex;align-items:center;gap:10px;margin:16px 0 0 4px;color:#ffffff80;font-size:11px}.search-tip span{padding:4px 8px;border:1px solid rgba(255,232,106,.36);border-radius:999px;color:#ffe86a}.group-directory{width:min(760px,100%);margin-top:28px}.group-directory__heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:13px}.group-directory__heading span{color:#ffffff6b;font:700 9px/1 Inter,Arial,sans-serif;letter-spacing:.18em}.group-directory__heading h3{margin:7px 0 0;font-size:17px}.group-directory__heading p,.group-directory__footer p{margin:0;color:#ffffff7a;font-size:10px}.group-directory__heading p strong{color:#ffe86a;font:800 20px/1 Inter,Arial,sans-serif}.group-directory__rail{display:grid;gap:11px;max-height:min(430px,50vh);padding:3px 8px 3px 3px;overflow-y:auto;overscroll-behavior-block:contain;scroll-snap-type:block proximity;scrollbar-color:rgba(255,232,106,.58) rgba(255,255,255,.1);scrollbar-width:thin}.group-directory__rail::-webkit-scrollbar{width:5px}.group-directory__rail::-webkit-scrollbar-track{border-radius:999px;background:rgba(255,255,255,.1)}.group-directory__rail::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(255,232,106,.58)}.group-preview-card{position:relative;display:grid;grid-template-columns:36px minmax(150px,.9fr) minmax(180px,1.35fr) auto;align-items:center;gap:14px;width:100%;min-height:86px;padding:17px;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:linear-gradient(145deg,rgba(7,34,91,.82),rgba(3,20,61,.7));box-shadow:0 15px 36px #000b282e;color:#fff;cursor:pointer;scroll-snap-align:start;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .18s ease,transform .18s ease,background .18s ease}.group-preview-card:after{position:absolute;top:-35px;right:-35px;width:95px;height:95px;border-radius:50%;background:rgba(255,232,106,.09);content:""}.group-preview-card:hover{border-color:#ffe86a80;background:linear-gradient(145deg,rgba(10,44,113,.9),rgba(4,26,76,.78));transform:translateY(-3px)}.group-preview-card__index{color:#ffe86a;font:800 10px/1 Inter,Arial,sans-serif;letter-spacing:.12em}.group-preview-card strong{position:relative;z-index:1;margin:0;font-size:17px;letter-spacing:-.02em}.group-preview-card__games{display:-webkit-box;margin:0;overflow:hidden;color:#ffffff94;font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.group-preview-card__qq{margin:0;padding:0;color:#ffffffc7;font:700 11px/1 Inter,Arial,sans-serif;letter-spacing:.05em}.group-directory__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px;margin-top:5px}.group-pagination{display:flex;align-items:center;gap:9px}.group-pagination span{min-width:38px;color:#ffffff94;font:700 10px/1 Inter,Arial,sans-serif;text-align:center}.group-pagination button{padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(4,24,69,.6);color:#ffffffc2;font-size:10px;font-weight:700;cursor:pointer}.group-pagination button:disabled{cursor:not-allowed;opacity:.35}.back-button{display:inline-flex;align-items:center;gap:8px;margin:0 0 27px;padding:0;border:0;background:transparent;color:#ffffffad;font-size:12px;font-weight:700;cursor:pointer;transition:color .18s ease,transform .18s ease}.back-button:hover{color:#fff;transform:translate(-3px)}.back-button svg{width:18px;height:18px}.results-heading{display:flex;align-items:end;justify-content:space-between;gap:32px}.results-heading .section-kicker{margin-bottom:14px}.page--results h2{font-size:clamp(42px,5vw,72px)}.results-heading>p{flex:none;margin:0 0 6px;color:#ffffff94;font-size:13px}.results-heading>p strong{color:#ffe86a;font:800 27px/1 Inter,Arial,sans-serif}.group-search--compact{width:100%;margin-top:28px}.group-search--compact .group-search__control{min-height:58px;background:rgba(4,24,69,.78)}.group-search--compact button{min-height:44px}.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;margin-top:20px}.group-card{position:relative;display:flex;min-height:350px;flex-direction:column;padding:24px;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:linear-gradient(145deg,rgba(7,34,91,.84),rgba(3,20,61,.76));box-shadow:0 24px 62px #000b2845;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.group-card:before{position:absolute;top:-80px;right:-65px;width:190px;height:190px;border-radius:50%;background:rgba(255,232,106,.09);content:""}.group-card__topline{position:relative;display:flex;justify-content:space-between;gap:12px;color:#ffffff6b;font:700 10px/1 Inter,Arial,sans-serif;letter-spacing:.12em}.group-card__topline span:first-child{color:#ffe86a}.group-card h3{position:relative;margin:27px 0 8px;font-size:clamp(25px,3vw,38px);letter-spacing:-.04em}.group-card>p{position:relative;margin:0;color:#ffffff96;font-size:13px;line-height:1.7}.game-list{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px}.game-list span{padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.06);color:#ffffffbf;font-size:11px}.group-card__qq{position:relative;display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.group-card__qq span{display:block;margin-bottom:6px;color:#ffffff73;font-size:10px;letter-spacing:.13em}.group-card__qq strong{font:700 clamp(23px,2.5vw,34px)/1 Inter,Arial,sans-serif;letter-spacing:.04em}.group-card__qq button{display:inline-flex;flex:none;align-items:center;gap:7px;padding:11px 13px;border:0;border-radius:999px;background:#fff;color:#0a327e;font-size:12px;font-weight:800;cursor:pointer;transition:background .18s ease,transform .18s ease}.group-card__qq button:hover{background:#ffe86a;transform:translateY(-2px)}.empty-results{margin-top:20px;padding:38px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(4,24,69,.62);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.empty-results strong{font-size:25px}.empty-results p{margin:10px 0 20px;color:#ffffff94;font-size:13px}.empty-results button{padding:10px 16px;border:0;border-radius:999px;background:#ffe86a;color:#082d74;font-size:12px;font-weight:800;cursor:pointer}.year-mark{position:absolute;right:0;bottom:25px;display:grid;color:#ffffff1a;font:700 clamp(80px,10vw,160px)/.63 Inter,Arial,sans-serif;letter-spacing:-.09em;pointer-events:none}footer{display:flex;justify-content:space-between;width:min(100% - 64px,1440px);margin:0 auto;padding:17px 0 22px;border-top:1px solid rgba(255,255,255,.14);color:#ffffff7a;font-size:10px;letter-spacing:.12em}footer p{margin:0}@media (max-width: 860px){.site-header{grid-template-columns:1fr auto;width:min(100% - 36px,720px)}nav{position:fixed;right:18px;bottom:18px;left:18px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;background:rgba(4,20,57,.87);box-shadow:0 12px 40px #00092066}nav button{padding-inline:8px;font-size:11px;line-height:1.2}.site-main{width:min(100% - 36px,720px);padding:48px 0 90px}.content-panel{width:min(650px,100%)}.content-panel--wide{width:100%}.background:after{background-position:60% center;opacity:.55}footer{display:none}}@media (max-width: 560px){.site-header{padding-top:16px}.brand__mark{width:41px;height:41px}.unofficial-label{padding-inline:8px;letter-spacing:.08em}.site-main{align-items:start;padding-top:68px}.page{padding:0}h1{font-size:clamp(52px,16.5vw,76px)}h2{font-size:clamp(48px,15vw,68px)}.hero__copy,.lead{font-size:14px;line-height:1.8}.about-grid{grid-template-columns:1fr}.about-grid .lead{grid-column:auto}.info-card{min-height:auto}.qq-card{align-items:stretch;flex-direction:column}.qq-card button{justify-content:center}.results-heading{align-items:start;flex-direction:column;gap:14px}.results-heading>p{margin:0}.group-search__control{gap:9px;min-height:58px;padding-left:15px}.group-search button{min-height:44px;gap:8px;padding-inline:15px 12px}.group-search button:hover{gap:8px}.group-search button svg{display:none}.group-card{min-height:auto;padding:21px}.group-card__qq{align-items:stretch;flex-direction:column}.group-card__qq button{justify-content:center}.search-tip{align-items:flex-start;flex-direction:column}.group-directory{margin-top:24px}.group-preview-card{grid-template-columns:30px minmax(0,1fr) auto;gap:8px 11px;min-height:104px;padding:15px}.group-preview-card__index{align-self:start;grid-row:1 / 3;padding-top:3px}.group-preview-card__games{grid-column:2 / 4}.group-directory__footer{align-items:flex-start;flex-direction:column}.year-mark{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
