:root{--av-navy:#24324a;--av-paper:#fffaf0;--av-white:#fffef9;--av-yellow:#ffd84d;--av-mint:#84e4b1;--av-coral:#ff8f85;--av-blue:#72c7f5;--av-pink:#ffb8d2;--av-muted:#5e6570;--av-line:3px solid var(--av-navy);--av-shadow:6px 7px 0 var(--av-navy);--av-small-shadow:3px 4px 0 var(--av-navy)}*{box-sizing:border-box}body:has(.av-page){background:var(--av-paper);color:var(--av-navy);margin:0}.av-page{isolation:isolate;min-height:100svh;color:var(--av-navy);background:radial-gradient(circle at 8% 10%,#ffd84db8 0 7%,transparent 7.2%),radial-gradient(circle at 94% 20%,#72c7f580 0 9%,transparent 9.2%),linear-gradient(#24324a0b 1px,transparent 1px),linear-gradient(90deg,#24324a0b 1px,transparent 1px),var(--av-paper);background-size:auto,auto,28px 28px,28px 28px,auto;padding:0 max(18px,50vw - 590px) 136px;font-family:ui-rounded,Arial Rounded MT Bold,PingFang SC,Microsoft YaHei,system-ui,sans-serif;position:relative;overflow:hidden}.av-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle at 82% 54%,#84e4b166,#0000 23%),radial-gradient(circle at 12% 76%,#ff8f8547,#0000 22%);position:absolute;inset:0}.av-topbar{border-bottom:3px solid var(--av-navy);justify-content:space-between;align-items:center;gap:18px;min-height:88px;display:flex;position:relative}.av-topbar a{color:var(--av-navy);align-items:center;gap:12px;font-weight:1000;text-decoration:none;display:flex}.av-topbar a span{border:var(--av-line);background:var(--av-yellow);width:48px;height:48px;box-shadow:var(--av-small-shadow);letter-spacing:-.08em;border-radius:15px 9px 14px 8px;place-items:center;font-size:12px;display:grid;transform:rotate(-5deg)}.av-topbar small{border:2px solid var(--av-navy);background:var(--av-mint);box-shadow:2px 3px 0 var(--av-navy);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;transform:rotate(1deg)}.av-hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(32px,6vw,86px);padding:clamp(50px,7vw,86px) 0 58px;display:grid;position:relative}.av-hero>div:first-child>p:first-child,.av-preview small,.av-picker header small,.av-savebar small{border:2px solid var(--av-navy);background:var(--av-yellow);width:fit-content;box-shadow:2px 3px 0 var(--av-navy);color:var(--av-navy);letter-spacing:.08em;border-radius:999px;margin:0;padding:6px 10px;font-size:12px;font-weight:1000;transform:rotate(-2deg)}.av-hero h1{letter-spacing:-.055em;margin:22px 0 16px;font-size:clamp(42px,5.5vw,72px);font-weight:1000;line-height:1.08}.av-hero h1 span{background:linear-gradient(transparent 57%,var(--av-coral) 57%);color:var(--av-navy);margin-top:8px;padding:2px 9px 6px;display:inline-block;transform:rotate(-1deg)}.av-lead{max-width:570px;color:var(--av-muted);margin:0;font-size:15px;font-weight:700;line-height:1.85}.av-guide{border:var(--av-line);background:var(--av-mint);box-shadow:var(--av-small-shadow);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:-24px 0 34px;padding:14px 18px;font-size:12px;font-weight:850;line-height:1.65;display:grid}.av-guide b{border:2px solid var(--av-navy);background:var(--av-yellow);border-radius:9px;padding:6px 9px;font-weight:1000;transform:rotate(-2deg)}.av-preview{border:var(--av-line);background:var(--av-blue);min-height:310px;box-shadow:var(--av-shadow);border-radius:28px 20px 30px 18px;align-items:center;gap:28px;padding:30px;display:flex;position:relative;transform:rotate(1deg)}.av-preview:before{content:"LOOK!";border:2px solid var(--av-navy);background:var(--av-coral);box-shadow:2px 3px 0 var(--av-navy);border-radius:10px;padding:8px 12px;font-size:12px;font-weight:1000;position:absolute;top:-22px;right:18px;transform:rotate(6deg)}.av-preview:after{content:"";border-right:3px solid var(--av-navy);border-bottom:3px solid var(--av-navy);background:var(--av-blue);width:28px;height:28px;position:absolute;bottom:-17px;right:38px;transform:rotate(45deg)}.av-preview small{background:var(--av-white);box-shadow:none}.av-preview h2{margin:12px 0 7px;font-size:30px;font-weight:1000}.av-preview p{margin:0 0 12px;font-size:13px;font-weight:800;line-height:1.7}.av-preview>div>span{border:2px solid var(--av-navy);background:var(--av-mint);border-radius:9px;padding:6px 9px;font-size:12px;font-weight:900;display:inline-block}.av-picker{border:var(--av-line);background:var(--av-white);box-shadow:var(--av-shadow);border-radius:24px;padding:30px 26px 34px;position:relative}.av-picker:before{content:"PICK YOUR PARTNER";border:2px solid var(--av-navy);background:var(--av-pink);box-shadow:2px 3px 0 var(--av-navy);padding:7px 11px;font-size:12px;font-weight:1000;position:absolute;top:-18px;right:24px;transform:rotate(3deg)}.av-picker>header{justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px;display:flex}.av-picker header small{background:var(--av-mint)}.av-picker h2{letter-spacing:-.04em;margin:11px 0 0;font-size:clamp(28px,3vw,40px);font-weight:1000}.av-picker header>p{max-width:360px;color:var(--av-muted);text-align:right;margin:0;font-size:12px;font-weight:750;line-height:1.7}.av-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.av-card{border:var(--av-line);background:var(--av-cream,#fff2bf);min-height:374px;color:var(--av-navy);box-shadow:var(--av-small-shadow);cursor:pointer;touch-action:manipulation;border-radius:19px 13px 20px 12px;flex-direction:column;align-items:center;gap:17px;padding:24px 13px 18px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.av-card:nth-child(4n+2){background:#eafaf1}.av-card:nth-child(4n+3){background:#ffe8e5}.av-card:nth-child(4n){background:#e6f5fd}.av-card:nth-child(2n){transform:rotate(1deg)}.av-card:nth-child(odd){transform:rotate(-.7deg)}.av-card:hover{box-shadow:6px 7px 0 var(--av-navy);transform:translate(-2px,-3px)rotate(0)}.av-card.selected{background:var(--av-yellow);box-shadow:7px 8px 0 var(--av-navy);transform:translate(-2px,-3px)rotate(0)}.av-card.selected:after{content:"就 TA!";border:2px solid var(--av-navy);background:var(--av-coral);border-radius:8px;padding:5px 8px;font-size:12px;font-weight:1000;position:absolute;bottom:10px;left:10px;transform:rotate(-8deg)}.av-card:focus-visible,.av-savebar button:focus-visible,.av-topbar a:focus-visible,.av-entry:focus-visible{outline-offset:4px;outline:4px solid #167a9c}.av-check{z-index:4;border:2px solid var(--av-navy);background:var(--av-white);min-width:30px;height:30px;box-shadow:2px 2px 0 var(--av-navy);border-radius:50%;place-items:center;font-size:12px;font-weight:1000;display:grid;position:absolute;top:10px;right:11px}.av-presentation-badge{z-index:4;border:2px solid var(--av-navy);background:var(--av-white);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:1000;position:absolute;top:10px;left:10px}.av-presentation-badge.masculine{background:var(--av-blue)}.av-presentation-badge.feminine{background:var(--av-pink)}.av-presentation-badge.neutral{background:var(--av-mint)}.av-card-copy{text-align:center;flex-direction:column;align-items:center;gap:9px;width:100%;display:flex}.av-card-copy>b{font-size:20px;font-weight:1000}.av-card-copy>em{color:#4f5868;min-height:34px;font-size:12px;font-style:normal;font-weight:800;line-height:1.6}.av-card-copy>span{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.av-card-copy i{border:2px solid var(--av-navy);background:var(--av-white);border-radius:999px;padding:4px 6px;font-size:12px;font-style:normal;font-weight:900}.av-portrait{border:3px solid var(--av-navy);background:radial-gradient(circle at 18% 16%,#fffc 0 3px,transparent 4px),linear-gradient(160deg,var(--av-backdrop),var(--av-accent));box-shadow:4px 5px 0 var(--av-navy);border-radius:44% 44% 20px 20px;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.av-small{width:52px;height:52px;box-shadow:2px 2px 0 var(--av-navy);border-width:2px}.av-player{width:88px;height:110px}.av-medium{width:146px;height:178px}.av-large{width:184px;height:226px}.av-portrait img{object-fit:cover;width:100%;height:100%}.av-comic{width:100%;height:100%;display:block;position:relative}.av-comic i,.av-comic b{display:block;position:absolute}.av-hair{z-index:1;border:2px solid var(--av-navy);background:var(--av-hair);border-radius:48% 48% 32% 32%;width:67%;height:61%;top:7%;left:16.5%}.av-hair:before{content:"";z-index:4;background:var(--av-hair);border-radius:80% 25% 70% 20%;width:76%;height:28%;position:absolute;top:8%;left:8%;transform:rotate(-5deg)}.av-hair:after{content:"";border:2px solid var(--av-navy);background:var(--av-hair);border-radius:50%;width:26%;height:38%;position:absolute;top:29%;right:-10%}.av-face{z-index:2;border:2px solid var(--av-navy);background:var(--av-skin);border-radius:46% 46% 49% 49%;width:47%;height:43%;top:24%;left:26.5%}.av-face:before{content:"";background:var(--av-navy);width:8%;height:11%;box-shadow:22px 0 0 var(--av-navy),-1px -6px 0 -2px var(--av-hair),23px -6px 0 -2px var(--av-hair);border-radius:50%;position:absolute;top:39%;left:21%}.av-face:after{content:"";border-bottom:2px solid var(--av-navy);border-radius:0 0 50% 50%;width:20%;height:10%;position:absolute;top:65%;left:39%}.av-neck{z-index:2;border-right:2px solid var(--av-navy);border-left:2px solid var(--av-navy);background:var(--av-skin);width:22%;height:18%;top:58%;left:39%}.av-look{z-index:3;border:2px solid var(--av-navy);background:var(--av-accent);border-radius:48% 48% 10px 10px;width:74%;height:43%;bottom:-7%;left:13%}.av-look:before,.av-look:after{content:"";border:2px solid var(--av-navy);background:var(--av-skin);border-radius:999px;width:17%;height:64%;position:absolute;top:21%}.av-look:before{left:-7%;transform:rotate(14deg)}.av-look:after{right:-7%;transform:rotate(-14deg)}.av-comic b{z-index:5;border:2px solid var(--av-navy);background:var(--av-white);width:24px;height:24px;color:var(--av-navy);border-radius:50%;place-items:center;font-size:12px;font-weight:1000;display:grid;top:76%;left:44%}.av-soft .av-look{width:84%;left:8%}.av-presentation-masculine .av-hair{border-radius:48% 48% 18% 18%;height:42%}.av-presentation-masculine .av-hair:after{height:22%;top:19%;right:-5%}.av-presentation-masculine .av-face{border-radius:42% 42% 38% 38%;width:51%;left:24.5%}.av-presentation-masculine .av-look{border-radius:34% 34% 10px 10px;width:86%;left:7%}.av-presentation-neutral .av-face{border-radius:48% 48% 42% 42%}.av-presentation-neutral .av-look{width:80%;left:10%}.av-card:nth-child(2) .av-hair,.av-id-qixi .av-hair{border-radius:50% 50% 18% 18%;height:48%}.av-card:nth-child(2) .av-hair:after,.av-id-qixi .av-hair:after{width:32%;height:47%;top:20%;left:-18%;right:auto}.av-card:nth-child(2) .av-face:after,.av-id-qixi .av-face:after{border-bottom-width:3px;width:25%;height:14%;left:37%}.av-card:nth-child(3) .av-hair,.av-id-ali .av-hair{border-radius:48%;width:78%;left:11%}.av-card:nth-child(3) .av-hair:after,.av-id-ali .av-hair:after{width:30%;height:30%;box-shadow:-76px 9px 0 var(--av-hair);top:10%;right:-4%}.av-card:nth-child(3) .av-look,.av-id-ali .av-look{border-radius:45% 45% 28% 28%}.av-card:nth-child(4) .av-hair,.av-id-momo .av-hair{border-radius:45% 45% 12% 12%;height:43%}.av-card:nth-child(4) .av-hair:before,.av-id-momo .av-hair:before{clip-path:polygon(0 0,100% 0,82% 100%,60% 45%,42% 100%,22% 45%);height:36%}.av-card:nth-child(4) .av-face:before,.av-id-momo .av-face:before{border-radius:2px;width:11%;height:5%}.av-card:nth-child(5) .av-hair:before,.av-id-nana .av-hair:before{border:2px solid var(--av-navy);width:34%;height:34%;box-shadow:52px -2px 0 var(--av-hair);border-radius:50%;top:-21%;left:-7%}.av-card:nth-child(5) .av-face:after,.av-id-nana .av-face:after{border:2px solid var(--av-navy);background:#fff;border-top:0;height:15%;top:63%}.av-card:nth-child(6) .av-hair,.av-id-qingdou .av-hair{border-radius:50% 50% 40% 18%;height:53%}.av-card:nth-child(6) .av-hair:after,.av-id-qingdou .av-hair:after{width:43%;height:56%;top:11%;right:-33%;transform:rotate(-18deg)}.av-card:nth-child(6) .av-look,.av-id-qingdou .av-look{background:linear-gradient(90deg,var(--av-accent) 48%,var(--av-backdrop) 48%)}.av-card:nth-child(7) .av-hair,.av-id-lulu .av-hair{border-radius:48% 48% 42% 42%;width:80%;height:66%;left:10%}.av-card:nth-child(7) .av-hair:before,.av-id-lulu .av-hair:before{background:repeating-radial-gradient(circle at 0 50%,var(--av-hair) 0 8px,#6f352c 9px 11px)}.av-card:nth-child(7) .av-comic:after,.av-id-lulu .av-comic:after{content:"★";z-index:6;color:var(--av-yellow);text-shadow:2px 2px 0 var(--av-navy);font-size:22px;position:absolute;top:22%;right:19%}.av-card:nth-child(8) .av-hair,.av-id-azhao .av-hair{border-radius:50% 50% 18% 18%;height:39%}.av-card:nth-child(8) .av-face:before,.av-id-azhao .av-face:before{border:2px solid var(--av-navy);width:13%;height:10%;box-shadow:22px 0 0 -2px var(--av-skin);background:0 0;border-radius:50%}.av-card:nth-child(8) .av-face:after,.av-id-azhao .av-face:after{border-radius:50%;width:14%;left:43%}.av-small .av-comic b{display:none}.av-small .av-face:before{box-shadow:8px 0 0 var(--av-navy)}.av-small .av-look:before,.av-small .av-look:after{display:none}.av-savebar{z-index:10;border:var(--av-line);background:var(--av-white);min-height:96px;box-shadow:var(--av-shadow);border-radius:20px;align-items:center;gap:22px;padding:12px 14px 12px 18px;display:flex;position:fixed;bottom:16px;left:clamp(12px,4vw,64px);right:clamp(12px,4vw,64px)}.av-savebar>div{align-items:center;gap:12px;min-width:205px;display:flex}.av-savebar p{margin:0}.av-savebar b{margin-top:5px;font-weight:1000;display:block}.av-savebar small{box-shadow:none;color:#167a9c;background:0 0;border:0;padding:0;transform:none}.av-boundary{color:var(--av-muted);flex:1;font-size:12px;font-weight:800}.av-savebar button{border:var(--av-line);background:var(--av-yellow);min-width:138px;min-height:50px;box-shadow:var(--av-small-shadow);color:var(--av-navy);cursor:pointer;border-radius:13px;font-weight:1000}.av-savebar button:hover:not(:disabled){box-shadow:5px 6px 0 var(--av-navy);transform:translate(-1px,-2px)}.av-savebar button:disabled{opacity:.58;cursor:default}.av-error{border:2px solid var(--av-navy);background:var(--av-coral);box-shadow:var(--av-small-shadow);border-radius:10px;padding:10px 13px;font-size:12px;font-weight:900;position:absolute;bottom:calc(100% + 10px);right:10px}.av-entry{border:2px solid var(--av-navy);background:var(--av-blue);min-width:205px;box-shadow:var(--av-small-shadow);color:var(--av-navy);border-radius:15px;align-items:center;gap:10px;padding:7px 10px;text-decoration:none;display:inline-flex}.av-entry:hover{box-shadow:5px 6px 0 var(--av-navy);transform:translate(-1px,-1px)}.av-entry span:nth-child(2){flex-direction:column;flex:1;display:flex}.av-entry small{color:#465469;font-size:12px;font-weight:800}.av-entry b{margin-top:3px;font-size:12px;font-weight:1000}.av-entry>i{color:var(--av-navy);font-style:normal;font-weight:1000}.av-entry-plus{border:2px dashed var(--av-navy);background:var(--av-yellow);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:1000;display:grid}.av-entry.needs-avatar{background:var(--av-mint)}.av-entry-loading{opacity:.55;min-height:54px}.av-closet{border:var(--av-line);box-shadow:var(--av-shadow);background:#e6f5fd;border-radius:24px;margin-top:34px;padding:30px 26px 34px;position:relative}.av-closet>header{justify-content:space-between;align-items:end;gap:25px;display:flex}.av-closet header small{border:2px solid var(--av-navy);background:var(--av-coral);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:1000;display:inline-block}.av-closet h2{margin:10px 0 0;font-size:clamp(28px,3vw,40px)}.av-closet header p{text-align:right;max-width:470px;margin:0;font-size:13px;font-weight:800;line-height:1.65}.av-options{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px;display:grid}.av-options fieldset{border:2px solid var(--av-navy);background:var(--av-white);border-radius:13px;min-width:0;margin:0;padding:12px}.av-options legend{padding:0 7px;font-size:13px;font-weight:1000}.av-options button{border:2px solid var(--av-navy);width:100%;min-height:44px;color:var(--av-navy);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:9px;margin-top:7px;font-size:12px;font-weight:900}.av-options button[aria-pressed=true]{background:var(--av-yellow);box-shadow:2px 3px 0 var(--av-navy)}.av-reset{border:2px solid var(--av-navy);background:var(--av-white);min-height:44px;color:var(--av-navy);cursor:pointer;border-radius:9px;margin-top:16px;padding:8px 14px;font-size:12px;font-weight:900}.av-options button:focus-visible,.av-reset:focus-visible{outline-offset:3px;outline:4px solid #167a9c}.av-options{grid-template-columns:repeat(3,1fr)}.av-hair-short .av-hair{border-radius:48% 48% 16% 16%;height:41%}.av-hair-short .av-hair:after{height:20%;right:-4%}.av-hair-wave .av-hair{border-radius:48% 48% 40% 40%;width:78%;height:66%;left:11%}.av-hair-wave .av-hair:after{height:48%;right:-15%;transform:rotate(-12deg)}.av-hair-curl .av-hair{background:repeating-radial-gradient(circle at 20% 20%,var(--av-hair) 0 8px,#111 9px 10px);width:76%;height:59%;left:12%}.av-shape-relaxed .av-look{border-radius:50% 50% 18px 18px;width:82%;left:9%}.av-shape-sharp .av-look{clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);width:72%;left:14%}.av-shape-broad .av-look{border-radius:32% 32% 10px 10px;width:90%;left:5%}.av-outfit-street .av-look{background:linear-gradient(135deg,var(--av-accent) 0 45%,var(--av-backdrop) 45% 55%,var(--av-accent) 55%)}.av-outfit-formal .av-look{background:linear-gradient(80deg,var(--av-navy) 0 42%,#fff 42% 58%,var(--av-navy) 58%)}.av-outfit-outdoor .av-look{background:linear-gradient(0deg,var(--av-backdrop) 0 28%,var(--av-accent) 28%)}.av-expression-calm .av-face:after{border-radius:0;width:17%;height:2%;left:41%}.av-expression-spark .av-face:before{box-shadow:22px 0 0 var(--av-navy),-1px -6px 0 -2px var(--av-hair),23px -6px 0 -2px var(--av-hair);transform:scale(1.25)}.av-expression-spark .av-face:after{border:2px solid var(--av-navy);background:#fff;border-top:0;height:15%}@media (width<=960px){.av-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.av-hero{grid-template-columns:1fr}.av-preview{max-width:680px}.av-boundary{display:none}.av-options{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.av-page{padding-inline:14px;padding-bottom:154px}.av-topbar small{text-align:center;max-width:160px}.av-hero{padding-top:44px}.av-preview{gap:16px;min-height:230px;padding:20px}.av-large{width:126px;height:158px}.av-guide{grid-template-columns:1fr;margin-top:-30px}.av-guide b{width:max-content}.av-picker{padding:28px 12px 25px}.av-picker>header,.av-closet>header{flex-direction:column;align-items:flex-start}.av-picker header>p,.av-closet header p{text-align:left}.av-card{min-height:314px;padding-inline:8px}.av-medium{width:110px;height:138px}.av-closet{padding:25px 12px}.av-options{grid-template-columns:1fr}.av-savebar{flex-wrap:wrap;align-items:center;gap:9px}.av-savebar>div{flex:1;min-width:180px}.av-savebar button{min-width:116px}.av-error{left:0;right:0}.av-entry{min-width:0}}@media (width<=390px){.av-hero h1{font-size:38px}.av-preview{transform:none}.av-grid{gap:10px}.av-card-copy>b{font-size:17px}.av-card-copy i{padding:3px 4px}.av-savebar{left:8px;right:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.av-card,.av-savebar button,.av-entry{transition:none}.av-card:hover,.av-card.selected,.av-savebar button:hover:not(:disabled),.av-entry:hover{transform:none}}@media (width<=520px){.av-topbar{min-height:58px}.av-topbar small{display:none}.av-hero{gap:12px;padding:22px 0 12px}.av-hero h1{margin:7px 0;font-size:34px}.av-lead{line-height:1.45}.av-preview{min-height:112px;padding:10px 14px;transform:none}.av-preview .av-large{width:72px;height:90px}.av-preview p,.av-preview span{display:none}.av-guide{gap:7px;margin:0 0 12px;padding:10px 12px}.av-picker{padding:16px 10px}.av-picker>header{gap:5px}.av-picker>header p{margin:0}.av-card{min-height:230px}.av-medium{width:82px;height:103px}}