:root{--ink: #123d75;--ink-soft: #6683a6;--paper: #eef7ff;--paper-deep: #dceeff;--card: #ffffff;--orange: #ff8a32;--orange-deep: #e5681a;--mint: #1b9b73;--line: rgba(38, 105, 171, .16);--shadow: 0 24px 70px rgba(39, 108, 173, .14);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--font-display: "Avenir Next", "Noto Sans SC", "PingFang SC", sans-serif;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-number: "SF Mono", "Roboto Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100dvh;overflow:hidden;position:relative;background:radial-gradient(circle at 82% 3%,rgba(47,139,218,.15),transparent 26rem),var(--paper)}.app-shell.selection-shell{background:var(--paper)}.selection-shell>.grain,.selection-shell>.orbit{display:none}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.orbit{position:fixed;border:1px solid rgba(16,36,62,.08);border-radius:50%;pointer-events:none;z-index:0}.orbit-a{width:34rem;height:34rem;right:-16rem;top:13rem}.orbit-b{width:22rem;height:22rem;left:-13rem;bottom:7rem;border-color:#ff6b352e}.page{position:relative;z-index:1;width:min(100%,1120px);min-width:0;margin:0 auto;padding:24px 20px calc(34px + env(safe-area-inset-bottom))}.page-narrow{max-width:720px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:var(--ink);font:700 14px var(--font-number);transform:rotate(-7deg)}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--orange-deep);font-weight:800}.selection-page{padding-top:max(20px,calc(env(safe-area-inset-top) + 14px))}.selection-header{margin:4px 0 24px}.selection-heading-row{display:flex;align-items:center;gap:14px;min-width:0}.selection-back{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(39,112,176,.12);border-radius:50%;color:#6d8bab;background:#ffffff7a;box-shadow:0 7px 22px #286fae0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.selection-back svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.selection-back:hover{color:#1768ba;border-color:#1768ba38;background:#fffc;transform:translate(-2px)}.selection-back:focus-visible{outline:3px solid rgba(47,131,201,.2);outline-offset:3px}.selection-heading-row h1{min-width:0;margin:0;color:#104a8f;font:850 clamp(30px,4.2vw,48px)/1.08 var(--font-display);letter-spacing:-.055em}.availability{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin-top:14px;padding:5px 11px;border:1px solid rgba(37,128,199,.12);border-radius:999px;color:#5f7f9f;background:#ffffffa3;box-shadow:0 7px 20px #286fae0f;font-size:12px;white-space:nowrap}.availability strong{color:#1768ba;font:800 15px var(--font-number)}.selection-helper{max-width:100%;margin:9px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.55;letter-spacing:0}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #158a731f}.toolbar{display:flex;width:100%;min-width:0;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}.search{flex:1 1 210px;display:flex;min-width:0;align-items:center;gap:10px;padding:0 14px;height:48px;border:1px solid var(--line);background:#fffdf8c7;border-radius:999px}.search span{color:var(--orange);font-weight:800}.search input{min-width:0;width:100%;border:0;outline:0;color:var(--ink);background:transparent}.filter-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-width:0;gap:7px;padding-bottom:3px}.chip{min-width:0;height:40px;overflow:hidden;border:1px solid var(--line);border-radius:999px;padding:0 10px;color:var(--ink-soft);background:#fffdf88a;text-overflow:ellipsis;white-space:nowrap}.chip.active{border-color:var(--ink);color:#fff;background:var(--ink)}.number-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.number-card{position:relative;width:100%;aspect-ratio:1171 / 586;min-width:0;padding:0;overflow:visible;color:var(--ink);background:transparent;filter:drop-shadow(0 8px 9px rgba(31,75,114,.12));isolation:isolate;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:filter .2s ease,transform .2s ease}.sim-card-base{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:fill;pointer-events:none}.number-card:before{display:none}.number-card:hover{z-index:2;filter:drop-shadow(0 11px 13px rgba(31,75,114,.18));transform:translateY(-2px)}.number-card:active{filter:drop-shadow(0 5px 7px rgba(31,75,114,.13));transform:translateY(1px) scale(.99)}.number-card:focus-visible{z-index:3;filter:drop-shadow(0 0 0 rgba(0,0,0,0)) drop-shadow(0 0 7px rgba(23,104,186,.48)) drop-shadow(0 9px 11px rgba(31,75,114,.15))}.number-card.locked{opacity:.56;cursor:not-allowed;filter:saturate(.35) drop-shadow(0 5px 7px rgba(31,75,114,.08))}.number-card.locked:hover,.number-card.locked:active{transform:none}.trait{position:absolute;top:13%;right:10%;z-index:2;max-width:48%;overflow:hidden;padding:.34em .65em;color:#1768ba;background:#eaf5ffe6;border:1px solid rgba(47,131,201,.1);border-radius:999px;box-shadow:inset 0 1px #fffffff0;font-size:clamp(7px,2.1vw,11px);font-weight:800;line-height:1;text-overflow:ellipsis;white-space:nowrap}.number-card.locked .trait{color:#66798c;background:#ebeff2eb;border-color:#6174851f}.sim-number-panel{position:absolute;top:43%;right:8%;left:35%;z-index:2;min-width:0}.phone-number{display:flex;align-items:baseline;justify-content:flex-end;gap:.14em;width:100%;color:#0d2b53;font:750 clamp(11px,3.55vw,20px)/1 var(--font-number);letter-spacing:-.09em;white-space:nowrap}.phone-number strong{color:#1768ba;font-weight:800}.primary-btn{position:relative;z-index:2;border:0;color:#fff;background:var(--ink);transition:transform .2s ease,background .2s ease}.primary-btn:hover{transform:translateY(-2px);background:var(--orange)}.loading-card{display:grid;place-items:center;overflow:hidden;color:var(--ink-soft);background:linear-gradient(105deg,#ffffffb8 25%,#eaf4fceb,#ffffffb8 59%);background-size:220% 100%;border:1px solid rgba(52,128,193,.08);border-radius:13px;filter:none;clip-path:polygon(0 0,91% 0,100% 19%,100% 100%,0 100%);animation:sim-loading 1.45s ease-in-out infinite}.loading-card span{font-size:clamp(8px,2.4vw,12px)}.loading-card:after{display:none}@keyframes sim-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.empty-state{padding:52px 20px;text-align:center;color:var(--ink-soft);border:1px dashed var(--line);border-radius:var(--radius-xl)}.empty-state strong{display:block;margin-bottom:8px;color:var(--ink);font-size:18px}.rules{display:flex;justify-content:space-between;gap:20px;margin-top:30px;color:var(--ink-soft);font-size:12px}.rules a{color:inherit}.ticket{position:relative;padding:30px;background:var(--card);border:1px solid rgba(16,36,62,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.ticket:before,.ticket:after{content:"";position:absolute;top:42%;width:22px;height:44px;background:var(--paper);border-radius:50%}.ticket:before{left:-12px}.ticket:after{right:-12px}.ticket-head{display:flex;justify-content:space-between;align-items:start;gap:18px;padding-bottom:22px;border-bottom:1px dashed rgba(16,36,62,.22)}.ticket-heading{min-width:0}.ticket-title{margin:0;font:800 28px/1.24 var(--font-display);letter-spacing:0}.ticket-title-line{display:block;white-space:nowrap}.ticket-title-accent{color:var(--orange)}.stamp{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border:2px solid var(--mint);border-radius:50%;color:var(--mint);font-weight:800;font-size:12px;transform:rotate(12deg)}.locked-number{padding:24px 0}.locked-number small{color:var(--ink-soft)}.locked-number strong{display:block;margin-top:8px;font:800 clamp(34px,10vw,68px)/1 var(--font-number);letter-spacing:-.08em}.countdown{display:flex;align-items:center;gap:12px;margin:14px 0 26px;color:var(--ink-soft);font-size:13px}.countdown strong{color:var(--orange);font:800 18px var(--font-number)}.form-grid{display:grid;gap:17px}.field label{display:block;margin-bottom:7px;font-size:13px;font-weight:700}.field input{width:100%;height:50px;padding:0 15px;border:1px solid var(--line);border-radius:13px;outline:0;color:var(--ink);background:#fffefa}.field input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ff6b351f}.field-error{margin:6px 0 0;color:#b63e2b;font-size:12px}.privacy{display:flex;gap:9px;align-items:start;color:var(--ink-soft);font-size:12px;line-height:1.6}.privacy input{width:18px;height:18px;accent-color:var(--orange)}.primary-btn{width:100%;min-height:52px;border-radius:15px;font-weight:800}.secondary-btn{width:100%;min-height:48px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:transparent;font-weight:700}.form-actions{display:grid;gap:10px;margin-top:10px}.alert{margin:14px 0;padding:12px 14px;border-radius:12px;color:#9e3825;background:#fff0ea;font-size:13px}.receipt-number{margin:30px 0;font:800 clamp(36px,10vw,70px)/1 var(--font-number);letter-spacing:-.09em}.receipt-number:first-letter{color:var(--orange)}.receipt-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid rgba(16,36,62,.1);font-size:13px}.receipt-row span:first-child{color:var(--ink-soft)}.receipt-row span:last-child{font-weight:700;text-align:right}.success-note{margin:18px 0 26px;color:var(--ink-soft);font-size:13px;line-height:1.7}.registration-page{padding-top:max(20px,calc(env(safe-area-inset-top) + 14px))}.change-number-button{display:inline-flex;min-height:48px;align-items:center;gap:10px;margin:0 0 24px;padding:5px 14px 5px 6px;border:1px solid rgba(39,112,176,.15);border-radius:999px;color:#155a9d;background:linear-gradient(135deg,#fffffff0,#eff8ffd1);box-shadow:0 10px 30px #286fae1a,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.change-number-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#2d86d1,#1768ba);box-shadow:0 6px 14px #1768ba38;transition:transform .2s ease}.change-number-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.change-number-copy{display:grid;gap:1px;min-width:0;text-align:left}.change-number-title{font-size:13px;font-weight:800;line-height:1.25;letter-spacing:.01em}.change-number-note{color:#7893ae;font-size:10px;font-weight:600;line-height:1.25}.change-number-button:hover{color:#0f58a5;border-color:#1768ba47;box-shadow:0 13px 34px #286fae26,inset 0 1px #fffffff0;transform:translateY(-1px)}.change-number-button:hover .change-number-icon{transform:translate(-2px)}.change-number-button:active{box-shadow:0 6px 18px #286fae1a,inset 0 1px #ffffffe0;transform:translateY(1px)}.change-number-button:focus-visible{outline:3px solid rgba(47,131,201,.22);outline-offset:3px}.change-number-button:disabled{cursor:wait;opacity:.72;transform:none}.change-number-button:disabled .change-number-icon{animation:release-pulse 1s ease-in-out infinite}@keyframes release-pulse{50%{box-shadow:0 0 0 6px #2f83c91f,0 6px 14px #1768ba2e}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.welcome-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100vh;overflow:hidden;isolation:isolate;overscroll-behavior:none;touch-action:pan-x;background:#dcefff;transition:background-color .52s ease}@supports (height: 100dvh){.welcome-page{height:100dvh}}.welcome-track{width:100%;height:200%;transform:translateZ(0);transition:transform .56s cubic-bezier(.74,0,.2,1);will-change:transform}.welcome-stage-1{background:#d9c9f4}.welcome-stage-1 .welcome-track{transform:translate3d(0,-50%,0)}.welcome-page.entering .welcome-track{transform:translate3d(0,-100%,0)}.welcome-panel{position:relative;display:grid;place-items:start center;width:100%;height:50%;overflow:hidden;isolation:isolate}.welcome-panel-hero{background:#dcefff}.welcome-panel-plan{background:#d9c9f4}.welcome-panel:before{content:"";position:absolute;top:-28px;right:-28px;bottom:-28px;left:-28px;z-index:0;background-position:center top;background-size:cover;background-repeat:no-repeat;filter:blur(24px) saturate(.82) brightness(1.04);opacity:.58;transform:scale(1.08);pointer-events:none}.welcome-panel-hero:before{background-image:url(/assets/campus-card-hero-output1.webp)}.welcome-panel-plan:before{background-image:url(/assets/campus-card-plan-59e1bad7.webp)}.welcome-poster{position:relative;z-index:1;display:block;width:min(100%,56.25vh);max-width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center top;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 91%,rgba(0,0,0,.92) 94%,rgba(0,0,0,.48) 98%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 91%,rgba(0,0,0,.92) 94%,rgba(0,0,0,.48) 98%,transparent 100%);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.welcome-panel-plan .welcome-poster{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 97%,rgba(0,0,0,.86) 98.5%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 97%,rgba(0,0,0,.86) 98.5%,transparent 100%)}@supports (height: 100dvh){.welcome-poster{width:min(100%,56.25dvh)}}.swipe-cue{position:fixed;left:50%;bottom:max(14px,calc(env(safe-area-inset-bottom) + 8px));z-index:3;display:grid;grid-template-rows:12px 12px;place-items:center;width:48px;height:48px;padding:7px 0 4px;border:0;border-radius:50%;color:#0a4a8fcc;background:#ffffff14;filter:drop-shadow(0 2px 3px rgba(255,255,255,.86));transform:translate(-50%);transition:opacity .2s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent}.welcome-stage-1 .swipe-cue{color:#5b1f81cc}.swipe-cue:active{background:#ffffff38}.swipe-cue:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:2px}.swipe-cue:disabled{cursor:default}.swipe-chevron{width:16px;height:16px;border-top:2px solid currentColor;border-left:2px solid currentColor;transform:rotate(45deg);animation:welcome-swipe 1.7s cubic-bezier(.4,0,.2,1) infinite}.swipe-chevron-second{margin-top:-7px;animation-delay:.14s}.welcome-page.entering .swipe-cue{opacity:0;pointer-events:none}@keyframes welcome-swipe{0%{opacity:.16;transform:translateY(7px) rotate(45deg)}42%{opacity:.9}to{opacity:.1;transform:translateY(-5px) rotate(45deg)}}.topbar{padding-top:4px}.brand-mark{color:#fff;background:#1768ba}.search{background:#ffffffd6;border-color:#2b79be2b;box-shadow:0 8px 25px #3582c214}.chip{border-color:#2b79be2e;background:#ffffffa8}.chip.active{background:#1768ba;border-color:#1768ba}.number-card{border-color:#3480c121;box-shadow:none}.number-card:before{border-color:#2c87d333}.trait{color:#1c72b5;background:#eaf5ff}.primary-btn{background:#1768ba}.primary-btn:hover{background:#0f58a5}.field input{background:#fff}.field input:focus{border-color:#2f83c9;box-shadow:0 0 0 4px #2f83c91f}@media(min-width:720px){.number-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media(min-width:980px){.number-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}@media(max-width:480px){.page{padding-left:16px;padding-right:16px}.selection-page,.registration-page{padding-top:max(16px,calc(env(safe-area-inset-top) + 10px))}.selection-header{margin-bottom:20px}.selection-heading-row{gap:10px}.selection-back{width:36px;height:36px;flex:0 0 36px}.selection-heading-row h1{font-size:28px}.availability{min-height:28px;margin-top:12px;padding:4px 9px}.selection-helper{margin-top:7px;font-size:10px;line-height:1.4}.toolbar{margin-bottom:16px}.search{flex-basis:100%;width:100%}.filter-row{gap:5px}.chip{height:38px;padding-inline:6px;font-size:12px}.change-number-button{margin-bottom:20px}.ticket{padding:23px 20px}.ticket-title{font-size:24px}.rules{display:block;line-height:1.8}.rules a{display:block}}@media(max-width:350px){.page{padding-left:12px;padding-right:12px}.selection-heading-row h1{font-size:24px}.selection-helper{max-width:30em}.filter-row{gap:4px}.chip{height:36px;padding-inline:3px;font-size:11px}.number-list{gap:6px}.locked-number strong{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.swipe-chevron{opacity:.72;transform:rotate(45deg)}}