html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box}body{position:relative;width:100%;height:100%;font-size:1rem;font-family:roboto,Noto Sans TC,sans-serif}a{text-decoration:none}.box-wrapper[data-v-4a56c4ef]{width:100%;aspect-ratio:1}.box-wrapper svg[data-v-4a56c4ef]{width:100%;height:100%}button[data-v-7dfa5886]{padding:6px 12px;color:#fff;background:transparent;border:1px solid #ddd;border-radius:2px;transition:all .3s ease;cursor:pointer}button[data-v-7dfa5886]:hover{border-color:#fff}button.active[data-v-7dfa5886]{color:#000;background:#fff;border-color:#fff}.radio-label[data-v-bd42f606]{display:flex;align-items:center;gap:4px;color:#fff;cursor:pointer}.radio-label:hover .radio-button[data-v-bd42f606]{border-color:#fff}.radio-label input[type=radio][data-v-bd42f606]{display:none}.radio-label input[type=radio]:checked+.radio-button[data-v-bd42f606]{border-color:#fff}.radio-label input[type=radio]:checked+.radio-button[data-v-bd42f606]:after{opacity:1}.radio-label .radio-button[data-v-bd42f606]{position:relative;width:16px;height:16px;border:2px solid #ddd;border-radius:50%;transition:all .3s ease}.radio-label .radio-button[data-v-bd42f606]:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#fff;transition:all .3s ease;transform:translate(-50%,-50%);opacity:0}.flex-box[data-v-60a9271e]{display:var(--6e560d21);justify-content:var(--7f914222);align-items:var(--025a1724);flex-wrap:var(--31515f6a);flex-direction:var(--2e353fc4);gap:var(--963cea96);width:var(--038eade5)}main[data-v-db24230d]{min-height:100svh;background-color:#000}.page-container[data-v-db24230d]{margin:0 auto;width:100%;padding:20px}@media only screen and (min-width: 390px){.page-container[data-v-db24230d]{max-width:390px}}.shapes[data-v-db24230d]{display:grid;grid-template-columns:repeat(var(--grid-size),1fr);grid-template-rows:repeat(var(--grid-size),1fr);gap:4px;margin-bottom:20px}.shapes[data-v-db24230d] .box-wrapper{width:100%;height:100%;aspect-ratio:1}