@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";.tab-bar[data-v-27549108]{inset-inline:0;z-index:100;width:100%;height:calc(60px + env(safe-area-inset-bottom));padding:7px 0 calc(4px + env(safe-area-inset-bottom));background:#fff;border-top:none;border-radius:20px 20px 0 0;position:fixed;bottom:0;box-shadow:0 -4px 18px #184a7e1a}.tab-bar__items[data-v-27549108]{width:min(100%, var(--layout-tab-content-width));align-items:flex-start;height:100%;margin-inline:auto;display:flex}.tab-item[data-v-27549108]{color:#000;letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;height:49px;font-size:10px;font-weight:400;line-height:14px;text-decoration:none;transition:color .18s;display:flex}.tab-icon[data-v-27549108]{background-color:currentColor;width:20px;height:20px;margin-bottom:0;transition:background-color .18s,transform .18s;display:block}.tabbar-home[data-v-27549108]{-webkit-mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.733524%207.58166C0.269253%207.96152%200%208.52971%200%209.12958V18C0%2019.1046%200.895431%2020%202%2020H18C19.1046%2020%2020%2019.1046%2020%2018V9.12958C20%208.52971%2019.7307%207.96152%2019.2665%207.58166L11.2665%201.03621C10.5297%200.433427%209.47026%200.433426%208.73353%201.03621L0.733524%207.58166ZM8.97223%2013.0435C7.53134%2013.0435%206.36353%2014.2113%206.36353%2015.6522C6.36353%2017.093%207.53134%2018.2609%208.97223%2018.2609H11.2454C12.6862%2018.2609%2013.8541%2017.093%2013.8541%2015.6522C13.8541%2014.2113%2012.6862%2013.0435%2011.2454%2013.0435H8.97223Z'%20fill='black'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.733524%207.58166C0.269253%207.96152%200%208.52971%200%209.12958V18C0%2019.1046%200.895431%2020%202%2020H18C19.1046%2020%2020%2019.1046%2020%2018V9.12958C20%208.52971%2019.7307%207.96152%2019.2665%207.58166L11.2665%201.03621C10.5297%200.433427%209.47026%200.433426%208.73353%201.03621L0.733524%207.58166ZM8.97223%2013.0435C7.53134%2013.0435%206.36353%2014.2113%206.36353%2015.6522C6.36353%2017.093%207.53134%2018.2609%208.97223%2018.2609H11.2454C12.6862%2018.2609%2013.8541%2017.093%2013.8541%2015.6522C13.8541%2014.2113%2012.6862%2013.0435%2011.2454%2013.0435H8.97223Z'%20fill='black'/%3e%3c/svg%3e") 50%/contain no-repeat}.tabbar-reading[data-v-27549108]{-webkit-mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.367%200.656334L10.639%200.90833L11.2689%201.48632C12.0289%202.18731%2012.4259%202.00031%2013.5009%202.00031H17.5588C18.8788%201.97831%2019.9668%202.98029%2019.9908%204.24027V17.234C20.1078%2018.635%2019.0248%2019.866%2017.5588%2019.998L2.4411%2020C0.975124%2019.868%20-0.107857%2018.637%200.00914085%2017.236V2.25031C0.0331404%200.990328%201.12012%20-0.0116543%202.4401%200.0103454H8.3C9.04669%20-0.053317%209.78854%200.178645%2010.366%200.656334H10.367ZM12.6169%2011.2911H7.38301C6.90802%2011.2911%206.67002%2011.5181%206.67002%2011.9721L6.67502%2012.0811C6.71102%2012.4631%206.94702%2012.6541%207.38301%2012.6541H12.6169C13.0919%2012.6541%2013.3299%2012.4261%2013.3299%2011.9721L13.3249%2011.8631C13.2889%2011.4821%2013.0529%2011.2911%2012.6169%2011.2911Z'%20fill='black'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.367%200.656334L10.639%200.90833L11.2689%201.48632C12.0289%202.18731%2012.4259%202.00031%2013.5009%202.00031H17.5588C18.8788%201.97831%2019.9668%202.98029%2019.9908%204.24027V17.234C20.1078%2018.635%2019.0248%2019.866%2017.5588%2019.998L2.4411%2020C0.975124%2019.868%20-0.107857%2018.637%200.00914085%2017.236V2.25031C0.0331404%200.990328%201.12012%20-0.0116543%202.4401%200.0103454H8.3C9.04669%20-0.053317%209.78854%200.178645%2010.366%200.656334H10.367ZM12.6169%2011.2911H7.38301C6.90802%2011.2911%206.67002%2011.5181%206.67002%2011.9721L6.67502%2012.0811C6.71102%2012.4631%206.94702%2012.6541%207.38301%2012.6541H12.6169C13.0919%2012.6541%2013.3299%2012.4261%2013.3299%2011.9721L13.3249%2011.8631C13.2889%2011.4821%2013.0529%2011.2911%2012.6169%2011.2911Z'%20fill='black'/%3e%3c/svg%3e") 50%/contain no-repeat}.tabbar-play[data-v-27549108]{-webkit-mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%209.72727C19.9091%206.45455%2017.4545%204.09091%2014.0909%204.09091C13.1364%204.09091%2012.2273%204.04545%2011.2727%204.04545V3.86364C11.2727%202.40909%2010.0455%201.22727%208.59091%201.22727H7.63636C7.36364%201.22727%207.09091%201%207.09091%200.727273C7.09091%200.318182%206.77273%200%206.36364%200C5.95455%200%205.63636%200.318182%205.63636%200.727273C5.63636%201.81818%206.54545%202.68182%207.63636%202.68182H8.59091C9.27273%202.68182%209.81818%203.22727%209.81818%203.86364V4.04545C8.5%204.04545%207.18182%204.04545%205.86364%204.09091C2.5%204.09091%200%206.5%200%209.86364V14.3182C0.0909091%2017.5909%202.54545%2019.9545%205.90909%2019.9545C7.27273%2020%208.63636%2020%2010%2020C11.3636%2020%2012.7273%2020%2014.0909%2019.9545C17.5%2019.9545%2020%2017.5455%2020%2014.1818V9.72727ZM8.86364%2012.7273H7.81818V13.7727C7.77273%2014.1364%207.45455%2014.4091%207.09091%2014.4091C6.68182%2014.4091%206.36364%2014.0909%206.36364%2013.6818V12.7273H5.27273C4.90909%2012.6818%204.59091%2012.4091%204.59091%2012C4.59091%2011.5909%204.90909%2011.2727%205.31818%2011.2727H6.36364V10.2273C6.40909%209.86364%206.72727%209.59091%207.09091%209.59091C7.5%209.59091%207.81818%209.90909%207.81818%2010.3182V11.3182H8.90909C9.27273%2011.3636%209.59091%2011.6818%209.59091%2012.0455C9.59091%2012.4091%209.27273%2012.7273%208.86364%2012.7273ZM13.1364%2011.1364H13C12.6364%2011.0909%2012.3182%2010.8182%2012.3182%2010.4091C12.3182%2010%2012.6364%209.68182%2013.0455%209.68182H13.1364C13.5455%209.68182%2013.8636%2010%2013.8636%2010.4091C13.8636%2010.8182%2013.5455%2011.1364%2013.1364%2011.1364ZM14.8182%2014.4091H14.6818C14.3182%2014.3636%2014%2014.0909%2014%2013.6818C14%2013.2727%2014.3182%2012.9545%2014.7273%2012.9545H14.8182C15.2273%2012.9545%2015.5455%2013.2727%2015.5455%2013.6818C15.5455%2014.1364%2015.1818%2014.4091%2014.8182%2014.4091Z'%20fill='%233182F6'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%209.72727C19.9091%206.45455%2017.4545%204.09091%2014.0909%204.09091C13.1364%204.09091%2012.2273%204.04545%2011.2727%204.04545V3.86364C11.2727%202.40909%2010.0455%201.22727%208.59091%201.22727H7.63636C7.36364%201.22727%207.09091%201%207.09091%200.727273C7.09091%200.318182%206.77273%200%206.36364%200C5.95455%200%205.63636%200.318182%205.63636%200.727273C5.63636%201.81818%206.54545%202.68182%207.63636%202.68182H8.59091C9.27273%202.68182%209.81818%203.22727%209.81818%203.86364V4.04545C8.5%204.04545%207.18182%204.04545%205.86364%204.09091C2.5%204.09091%200%206.5%200%209.86364V14.3182C0.0909091%2017.5909%202.54545%2019.9545%205.90909%2019.9545C7.27273%2020%208.63636%2020%2010%2020C11.3636%2020%2012.7273%2020%2014.0909%2019.9545C17.5%2019.9545%2020%2017.5455%2020%2014.1818V9.72727ZM8.86364%2012.7273H7.81818V13.7727C7.77273%2014.1364%207.45455%2014.4091%207.09091%2014.4091C6.68182%2014.4091%206.36364%2014.0909%206.36364%2013.6818V12.7273H5.27273C4.90909%2012.6818%204.59091%2012.4091%204.59091%2012C4.59091%2011.5909%204.90909%2011.2727%205.31818%2011.2727H6.36364V10.2273C6.40909%209.86364%206.72727%209.59091%207.09091%209.59091C7.5%209.59091%207.81818%209.90909%207.81818%2010.3182V11.3182H8.90909C9.27273%2011.3636%209.59091%2011.6818%209.59091%2012.0455C9.59091%2012.4091%209.27273%2012.7273%208.86364%2012.7273ZM13.1364%2011.1364H13C12.6364%2011.0909%2012.3182%2010.8182%2012.3182%2010.4091C12.3182%2010%2012.6364%209.68182%2013.0455%209.68182H13.1364C13.5455%209.68182%2013.8636%2010%2013.8636%2010.4091C13.8636%2010.8182%2013.5455%2011.1364%2013.1364%2011.1364ZM14.8182%2014.4091H14.6818C14.3182%2014.3636%2014%2014.0909%2014%2013.6818C14%2013.2727%2014.3182%2012.9545%2014.7273%2012.9545H14.8182C15.2273%2012.9545%2015.5455%2013.2727%2015.5455%2013.6818C15.5455%2014.1364%2015.1818%2014.4091%2014.8182%2014.4091Z'%20fill='%233182F6'/%3e%3c/svg%3e") 50%/contain no-repeat}.tabbar-my[data-v-27549108]{-webkit-mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.5%204.70019C5.5%205.89367%205.97411%207.03826%206.81802%207.88218C7.66193%208.72609%208.80653%209.2002%2010%209.2002C11.1935%209.2002%2012.3381%208.72609%2013.182%207.88218C14.0259%207.03826%2014.5%205.89367%2014.5%204.70019C14.5%203.50672%2014.0259%202.36213%2013.182%201.51821C12.3381%200.674301%2011.1935%200.200195%2010%200.200195C8.80653%200.200195%207.66193%200.674301%206.81802%201.51821C5.97411%202.36213%205.5%203.50672%205.5%204.70019Z'%20fill='black'/%3e%3cpath%20d='M7.7381%2011.2002H12.2619C16.2596%2011.2002%2019.5%2013.929%2019.5%2017.2954V17.6764C19.5%2018.0805%2019.3094%2018.4681%2018.97%2018.7539C18.6307%2019.0397%2018.1704%2019.2002%2017.6905%2019.2002H2.30952C1.82961%2019.2002%201.36935%2019.0397%201.03%2018.7539C0.690646%2018.4681%200.5%2018.0805%200.5%2017.6764V17.2954C0.5%2013.929%203.7404%2011.2002%207.7381%2011.2002Z'%20fill='black'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.5%204.70019C5.5%205.89367%205.97411%207.03826%206.81802%207.88218C7.66193%208.72609%208.80653%209.2002%2010%209.2002C11.1935%209.2002%2012.3381%208.72609%2013.182%207.88218C14.0259%207.03826%2014.5%205.89367%2014.5%204.70019C14.5%203.50672%2014.0259%202.36213%2013.182%201.51821C12.3381%200.674301%2011.1935%200.200195%2010%200.200195C8.80653%200.200195%207.66193%200.674301%206.81802%201.51821C5.97411%202.36213%205.5%203.50672%205.5%204.70019Z'%20fill='black'/%3e%3cpath%20d='M7.7381%2011.2002H12.2619C16.2596%2011.2002%2019.5%2013.929%2019.5%2017.2954V17.6764C19.5%2018.0805%2019.3094%2018.4681%2018.97%2018.7539C18.6307%2019.0397%2018.1704%2019.2002%2017.6905%2019.2002H2.30952C1.82961%2019.2002%201.36935%2019.0397%201.03%2018.7539C0.690646%2018.4681%200.5%2018.0805%200.5%2017.6764V17.2954C0.5%2013.929%203.7404%2011.2002%207.7381%2011.2002Z'%20fill='black'/%3e%3c/svg%3e") 50%/contain no-repeat}.tab-label[data-v-27549108]{min-width:0;max-width:100%;display:inline-flex;position:relative}.tab-text[data-v-27549108]{text-overflow:ellipsis;white-space:nowrap;color:currentColor;min-width:0;font-size:12px;font-weight:700;line-height:14px;overflow:hidden}.tab-item.active[data-v-27549108]{color:var(--color-primary);font-weight:600}.tab-item.active .tab-icon[data-v-27549108]{transform:translateY(-1px)}.ai-toast-sheet[data-v-79043aea]{z-index:9999;border-radius:14px;width:calc(100% - 64px);max-width:360px;padding:12px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.ai-toast-close[data-v-79043aea]{color:var(--color-text-tertiary,#999);cursor:pointer;z-index:1;background:0 0;border:none;padding:2px;font-size:18px;line-height:1;position:absolute;top:6px;right:10px}.ai-toast-close[data-v-79043aea]:active{opacity:.6}.ai-toast-loading[data-v-79043aea]{background:var(--color-primary-bg,#e8f4fd)}.ai-toast-success[data-v-79043aea],.ai-toast-failure[data-v-79043aea]{background:var(--color-white,#fff);box-shadow:0 4px 20px #0000001f,0 1px 4px #0000000f}.ai-toast-success[data-v-79043aea]{padding-right:36px}.ai-toast-row[data-v-79043aea]{align-items:center;gap:10px;display:flex}.ai-toast-text[data-v-79043aea]{color:var(--color-text-primary,#333);flex:1;font-size:14px}.ai-toast-body[data-v-79043aea]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ai-toast-title[data-v-79043aea]{color:var(--color-text-primary,#333);flex:1;min-width:0;font-size:14px;font-weight:600}.ai-toast-subtitle[data-v-79043aea]{color:var(--color-text-secondary,#666);font-size:12px}.ai-toast-spinner[data-v-79043aea]{border:2px solid var(--color-border-light,#f0f0f0);border-top-color:var(--color-primary,#4a90e2);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite ai-toast-spin-79043aea}@keyframes ai-toast-spin-79043aea{to{transform:rotate(360deg)}}.ai-toast-icon[data-v-79043aea]{border-radius:50%;flex-shrink:0;width:22px;height:22px;position:relative}.ai-toast-icon-success[data-v-79043aea]{background:#4caf50}.ai-toast-icon-success[data-v-79043aea]:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:4px;left:8px;transform:rotate(45deg)}.ai-toast-icon-failure[data-v-79043aea]{background:#e53935}.ai-toast-icon-failure[data-v-79043aea]:after,.ai-toast-icon-failure[data-v-79043aea]:before{content:"";background:#fff;width:12px;height:2px;position:absolute;top:10px;left:5px}.ai-toast-icon-failure[data-v-79043aea]:after{transform:rotate(45deg)}.ai-toast-icon-failure[data-v-79043aea]:before{transform:rotate(-45deg)}.ai-toast-btn-cancel[data-v-79043aea]{color:var(--color-primary,#4a90e2);border:1px solid var(--color-primary,#4a90e2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:13px;transition:opacity .15s}.ai-toast-btn-cancel[data-v-79043aea]:active{opacity:.7}.ai-toast-btn-primary[data-v-79043aea]{background:var(--color-primary,#4a90e2);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:13px;transition:opacity .15s}.ai-toast-btn-primary[data-v-79043aea]:active{opacity:.75}.ai-toast-btn-dismiss[data-v-79043aea]{background:var(--color-primary,#4a90e2);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:13px;transition:opacity .15s}.ai-toast-btn-dismiss[data-v-79043aea]:active{opacity:.75}.ai-toast-enter-active[data-v-79043aea],.ai-toast-leave-active[data-v-79043aea]{transition:transform .28s cubic-bezier(.32,0,.15,1),opacity .28s}.ai-toast-enter-from[data-v-79043aea],.ai-toast-leave-to[data-v-79043aea]{opacity:0;transform:translate(-50%,calc(100% + 24px))}.service-box[data-v-e80ed37a]{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:4px;display:flex}.service-text[data-v-e80ed37a]{writing-mode:vertical-rl;letter-spacing:1px;font-size:12px}.service-box[data-v-e80ed37a]{z-index:1;color:#fff;cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:50px;height:50px;padding:3px;font-size:14px;font-weight:700;transition:transform .2s;display:flex;position:relative}.service-box.is-dragging[data-v-e80ed37a]{transition:none}.service-box img[data-v-e80ed37a]{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.service-box svg[data-v-e80ed37a]{width:26px;height:25px}.global-back-top-btn[data-v-ecf13565]{z-index:109;color:#000;cursor:pointer;opacity:0;visibility:hidden;-webkit-tap-highlight-color:transparent;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .2s,visibility .2s,transform .2s,bottom .2s;display:flex;position:fixed;right:20px;transform:translateY(16px);box-shadow:0 3px 12px #0000001f}.global-back-top-btn.show[data-v-ecf13565]{opacity:1;visibility:visible;transform:translateY(0)}.global-back-top-btn[data-v-ecf13565]:active{transform:translateY(1px)}@media (width>=768px){.global-back-top-btn[data-v-ecf13565]{right:max(24px, env(safe-area-inset-right,0px))}}.global-back-top-icon[data-v-ecf13565]{background-color:currentColor;width:10px;height:14px;display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='10'%20height='14'%20viewBox='0%200%2010%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2013V1M1%205L5%201L9%205'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='10'%20height='14'%20viewBox='0%200%2010%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2013V1M1%205L5%201L9%205'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") 50%/contain no-repeat}.lang-detect-overlay[data-v-ca233504]{z-index:2000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lang-detect-modal[data-v-ca233504]{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:340px;padding:28px 24px 20px}.lang-detect-title[data-v-ca233504]{color:#1a1a1a;margin:0 0 12px;font-size:18px;font-weight:600}.lang-detect-message[data-v-ca233504]{color:#666;margin:0 0 24px;font-size:14px;line-height:1.6}.lang-detect-actions[data-v-ca233504]{flex-direction:column;gap:10px;display:flex}.lang-detect-btn[data-v-ca233504]{cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;transition:background-color .15s;display:block}.lang-detect-btn-primary[data-v-ca233504]{background:var(--color-primary,#4a90d9);color:#fff}.lang-detect-btn-primary[data-v-ca233504]:active{opacity:.85}.lang-detect-btn-cancel[data-v-ca233504]{background:var(--color-bg-secondary,#f5f5f5);color:var(--color-text-primary,#333)}.lang-detect-btn-cancel[data-v-ca233504]:active{background:#e8e8e8}.lang-detect-btn-dismiss[data-v-ca233504]{color:#999;background:0 0;padding:8px;font-size:13px}.lang-detect-btn-dismiss[data-v-ca233504]:active{color:#666}.customer-service-section[data-v-ca233504]{right:20px;bottom:calc(68px + env(safe-area-inset-bottom,0px));z-index:110;pointer-events:none;position:fixed}.customer-service-section[data-v-ca233504] .service-box{pointer-events:auto}@media (width>=768px){.customer-service-section[data-v-ca233504]{right:max(24px, calc((100vw - var(--layout-content-max-width)) / 2 + 16px))}}:root{--color-primary:#3182f6;--color-primary-rgb:49, 130, 246;--color-primary-light:#5ba3f6;--color-primary-dark:#2563eb;--color-primary-bg:#eff6ff;--color-success:#52c41a;--color-warning:#faad14;--color-error:#f5222d;--color-info:#1890ff;--color-white:#fff;--color-black:#000;--color-gray-1:#333;--color-gray-2:#666;--color-gray-3:#999;--color-gray-4:#ccc;--color-gray-5:#e0e0e0;--color-gray-6:#f0f0f0;--color-gray-7:#f5f5f5;--color-gray-8:#fafafa;--color-bg-primary:#fff;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#fafafa;--color-text-primary:#333;--color-text-secondary:#666;--color-text-tertiary:#999;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 10px 40px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--font-family-noto:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--space-1px:1px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--layout-content-max-width:100%;--layout-page-gutter:20px;--layout-tablet-gutter:24px;--layout-tab-content-width:100%}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}img{pointer-events:none;-webkit-touch-callout:none}html{-webkit-text-size-adjust:100%;font-size:16px}body{color:var(--color-text-primary);background-color:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Noto Sans SC,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}#app{background-color:var(--color-white);min-height:100vh;margin:0 auto;position:relative;overflow-x:clip}@media (width>=768px){:root{--layout-content-max-width:1180px;--layout-page-gutter:var(--layout-tablet-gutter);--layout-tab-content-width:600px}#app{background:var(--color-bg-secondary);max-width:none}#page-container{background:var(--color-white);min-height:100vh;margin-inline:auto}.tablet-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.tablet-card-grid>*{min-width:0}.tablet-card-grid>.empty-state{grid-column:1/-1;width:100%}.tablet-card-grid>.editable-list-item.is-editing .editable-list-item-content{width:calc(100% - 34px)}.tablet-card-grid>.editable-list-item.is-editing .new-article-card,.tablet-card-grid>.editable-list-item.is-editing .word-card{transition:none;transform:none!important}.tablet-card-grid>.card-wrapper,.tablet-card-grid>.old-article-card,.tablet-card-grid>.editable-list-item .card-wrapper{margin:0!important}.tablet-card-grid>.card-wrapper .new-article-card,.tablet-card-grid>.editable-list-item .new-article-card{margin-bottom:0!important}}.btn-primary{padding:var(--space-md) var(--space-xl);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;text-align:center;border:none;font-size:16px;display:inline-block}.btn-primary:active{background-color:var(--color-primary-dark)}.btn-secondary{padding:10px var(--space-lg);background-color:var(--color-gray-6);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:14px;display:inline-block}.card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-md);box-shadow:var(--shadow-sm)}.list-item{padding:var(--space-lg);background-color:var(--color-white);border-bottom:1px solid var(--color-border-light);align-items:center;display:flex}.list-item:last-child{border-bottom:none}.loading{text-align:center;padding:var(--space-3xl);color:var(--color-text-tertiary)}.loading-spinner{border:2px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-shimmer{background:linear-gradient(90deg, var(--color-gray-6) 25%, var(--color-gray-4) 37%, var(--color-gray-6) 63%);border-radius:var(--radius-sm);background-size:800px 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}.rf-toast-container{z-index:1200;pointer-events:none;flex-direction:column;gap:10px;width:min(90vw,360px);display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.rf-toast{opacity:0;color:#fff;text-align:center;-webkit-backdrop-filter:blur(6px);border:1px solid #ffffff42;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:11px 14px;font-size:14px;line-height:1.4;transition:opacity .26s,transform .26s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;transform:translateY(14px)scale(.96);box-shadow:0 10px 26px #0003,inset 0 0 0 1px #ffffff14}.rf-toast:before{content:"";opacity:.5;background:linear-gradient(90deg,#fff0,#ffffff42,#fff0);width:48%;height:340%;position:absolute;top:-120%;left:-24%;transform:rotate(18deg)}.rf-toast.show{opacity:1;transform:translateY(0)scale(1)}.rf-toast-success{background:linear-gradient(135deg,#1f8f5c,#2bb877);box-shadow:0 12px 30px #1f8f5c59,0 0 20px #2bb8776b}.rf-toast-info{background:linear-gradient(135deg,#1967c7,#2a8fff);box-shadow:0 12px 30px #1f7ae057,0 0 20px #2a8fff73}.rf-toast-warning{background:linear-gradient(135deg,#b88300,#e1aa0a);box-shadow:0 12px 30px #b883005c,0 0 20px #e1aa0a73}.rf-toast-error{background:linear-gradient(135deg,#cb3d42,#ef575d);box-shadow:0 12px 30px #cb3d425c,0 0 20px #ef575d6b}.modal{z-index:200;background-color:#00000080;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal.show{display:flex}.modal-content{background-color:var(--color-white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:70vh;animation:.3s ease-out slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--color-text-primary);font-size:20px;font-weight:600}.close-btn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1}.modal-body{padding:var(--space-xl)}.modal-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border-light);justify-content:center;display:flex}.phonetic{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);color:var(--color-text-secondary);font-size:16px;display:flex}.audio-btn{cursor:pointer;padding:var(--space-xs);background:0 0;border:none;font-size:20px}.meanings{margin-bottom:var(--space-xl)}.meaning-item{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-bg-secondary)}.meaning-item:last-child{border-bottom:none}.part-of-speech{background-color:var(--color-primary-bg);color:var(--color-primary);padding:2px var(--space-sm);border-radius:var(--radius-sm);margin-right:var(--space-sm);font-size:12px;display:inline-block}.meaning-text{color:var(--color-text-primary)}.examples{background-color:var(--color-bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-md)}.example-item{margin-bottom:var(--space-md)}.example-item:last-child{margin-bottom:0}.example-en{color:var(--color-text-primary);margin-bottom:var(--space-xs)}.example-cn{color:var(--color-text-tertiary);font-size:14px}.tag{padding:var(--space-xs) 10px;background-color:var(--color-gray-6);color:var(--color-text-secondary);margin-right:var(--space-sm);border-radius:12px;font-size:12px;display:inline-block}.tag.primary{background-color:var(--color-primary-bg);color:var(--color-primary)}.progress-bar{background-color:var(--color-gray-6);border-radius:var(--radius-sm);height:6px;overflow:hidden}.progress-fill{background-color:var(--color-primary);border-radius:var(--radius-sm);height:100%;transition:width .3s}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}::selection{color:var(--color-text-primary);background-color:#b7eb8f}.one-line-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.two-line-ellipsis{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.press-scale-95{transition:transform .2s}.press-scale-95:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.press-scale-95{transition:none}.press-scale-95:active{transform:none}}.press-scale-96{transition:transform .2s}.press-scale-96:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.press-scale-96{transition:none}.press-scale-96:active{transform:none}}.press-scale-97{transition:transform .2s}.press-scale-97:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.press-scale-97{transition:none}.press-scale-97:active{transform:none}}.press-scale-98{transition:transform .2s}.press-scale-98:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.press-scale-98{transition:none}.press-scale-98:active{transform:none}}.press-scale-99{transition:transform .2s}.press-scale-99:active{transform:scale(.99)}@media (prefers-reduced-motion:reduce){.press-scale-99{transition:none}.press-scale-99:active{transform:none}}.press-hover-102{transition:transform .2s}.press-hover-102:hover{transform:scale(1.02)}@media (prefers-reduced-motion:reduce){.press-hover-102{transition:none}.press-hover-102:hover{transform:none}}.press-hover-105{transition:transform .2s}.press-hover-105:hover{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.press-hover-105{transition:none}.press-hover-105:hover{transform:none}}.press-hover-110{transition:transform .2s}.press-hover-110:hover{transform:scale(1.1)}@media (prefers-reduced-motion:reduce){.press-hover-110{transition:none}.press-hover-110:hover{transform:none}}.page-header{background:var(--color-white);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.page-header h1{text-align:center;flex:1;margin:0;font-size:18px;font-weight:600}.back-btn{width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.back-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.back-btn svg,.back-btn img,.back-btn .back-icon{width:22px;height:22px}.back-icon{background-color:currentColor;display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19%2012H5M12%2019l-7-7%207-7'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19%2012H5M12%2019l-7-7%207-7'/%3e%3c/svg%3e") 50%/contain no-repeat}.search-icon{background-color:currentColor;width:20px;height:20px;display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='11'%20cy='11'%20r='7'/%3e%3cpath%20d='M20%2020l-4-4'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='11'%20cy='11'%20r='7'/%3e%3cpath%20d='M20%2020l-4-4'/%3e%3c/svg%3e") 50%/contain no-repeat}.header-action{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-md);background:0 0;border:none;font-size:14px}.header-action-placeholder{flex-shrink:0;width:40px;height:40px}.stats-bar{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);padding:var(--space-xl) var(--space-lg);color:var(--color-white);justify-content:space-around;display:flex}.stat-item{text-align:center}.stat-value{margin-bottom:var(--space-xs);font-size:28px;font-weight:600;display:block}.stat-label{opacity:.9;font-size:12px}.delete-btn{width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-full);background:#f7f9fc;border:1px solid #e3eaf3;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.delete-btn:hover{color:var(--color-error);background:#ef44441f}.delete-btn svg,.delete-btn img{width:18px;height:18px}.btn-danger{color:var(--color-white);background:#e53935}.btn-danger:hover{background:#c62828}.btn-danger:active{background:#b71c1c}:root{--color-primary:#3182f6;--color-primary-rgb:49, 130, 246;--color-primary-light:#5ba3f6;--color-primary-dark:#2563eb;--color-primary-bg:#eff6ff;--color-success:#52c41a;--color-warning:#faad14;--color-error:#f5222d;--color-info:#1890ff;--color-white:#fff;--color-black:#000;--color-gray-1:#333;--color-gray-2:#666;--color-gray-3:#999;--color-gray-4:#ccc;--color-gray-5:#e0e0e0;--color-gray-6:#f0f0f0;--color-gray-7:#f5f5f5;--color-gray-8:#fafafa;--color-bg-primary:#fff;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#fafafa;--color-text-primary:#333;--color-text-secondary:#666;--color-text-tertiary:#999;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 10px 40px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--font-family-noto:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--space-1px:1px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px}.page-guide{background-color:#fff;flex-direction:column;min-height:100vh;margin:0 auto;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;display:flex;position:relative}.page-guide .navbar{background:0 0;justify-content:space-between;align-items:center;padding:20px;display:flex}.page-guide .navbar-left{align-items:center;display:flex}.page-guide .back-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 16px;font-size:24px;font-weight:700}.page-guide .navbar-right{align-items:center;display:flex}.page-guide .skip-btn{color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 16px;font-size:16px;font-weight:700}.page-guide .guide-dot{justify-content:center;align-items:center;gap:16px;height:48px;margin-bottom:8px;display:flex}.page-guide .guide-dot-item{background:#ffffff80;border-radius:16px;width:40px;height:8px}.page-guide .guide-dot-item.active{background:#fff}.page-guide .guide-content{background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;flex:1;padding:40px 24px;display:flex;overflow-y:auto}.page-guide .guide-image{object-fit:contain;width:100%;max-height:238px;margin-bottom:30px}.page-guide .guide-title{text-align:center;color:#000;margin-bottom:15px;font-size:32px;font-weight:700}.page-guide .guide-subtitle{text-align:center;color:#000;margin-bottom:40px;font-size:18px;font-weight:500}.page-guide .content-section{flex:1}.page-guide .section-title{text-align:center;color:#000;margin-bottom:8px;font-size:32px}.page-guide .section-subtitle{text-align:center;color:#000;margin-bottom:40px;font-size:18px}.page-guide .language-list{flex-direction:column;gap:16px;display:flex}.page-guide .language-card{cursor:pointer;background:#fff;border:2px solid #e5e6eb;border-radius:16px;align-items:center;height:64px;padding:10px 16px;display:flex;position:relative}.page-guide .language-card.active{background:#e3f3ff;border:2px solid #51c3fe;box-shadow:0 4px 4px #00000014}.page-guide .language-left{text-align:center;color:#000;width:28px;margin-right:20px;font-size:20px}.page-guide .language-info{flex:1}.page-guide .language-name{color:#000;margin-bottom:4px;font-size:16px}.page-guide .language-remark{color:#666;font-size:14px}.page-guide .card-check{color:#51c3fe;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:26px;right:16px}.page-guide .selectable-info-card__suffix{width:28px;height:28px;position:absolute;top:26px;right:16px}.page-guide .purpose-list{flex-direction:column;gap:16px;display:flex}.page-guide .purpose-card{cursor:pointer;background:#fff;border:2px solid #e5e6eb;border-radius:16px;align-items:center;height:64px;padding:10px 16px;display:flex;position:relative}.page-guide .purpose-card.active{background:#e3f3ff;border:2px solid #51c3fe;box-shadow:0 4px 4px #00000014}.page-guide .purpose-left{color:#51c3fe;justify-content:center;align-items:center;width:24px;height:24px;margin-right:20px;display:flex}.purpose-icon{background-color:currentColor;width:24px;height:24px;display:block}.purpose-icon.pulse{background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22%2012h-4l-3%209L9%203l-3%209H2'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22%2012h-4l-3%209L9%203l-3%209H2'/%3e%3c/svg%3e") 50%/contain no-repeat}.purpose-icon.file{background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z'/%3e%3cpolyline%20points='14%202%2014%208%2020%208'/%3e%3cline%20x1='16'%20y1='13'%20x2='8'%20y2='13'/%3e%3cline%20x1='16'%20y1='17'%20x2='8'%20y2='17'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z'/%3e%3cpolyline%20points='14%202%2014%208%2020%208'/%3e%3cline%20x1='16'%20y1='13'%20x2='8'%20y2='13'/%3e%3cline%20x1='16'%20y1='17'%20x2='8'%20y2='17'/%3e%3c/svg%3e") 50%/contain no-repeat}.purpose-icon.cube{background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z'/%3e%3cpolyline%20points='3.27%206.96%2012%2012.01%2020.73%206.96'/%3e%3cline%20x1='12'%20y1='22.08'%20x2='12'%20y2='12'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z'/%3e%3cpolyline%20points='3.27%206.96%2012%2012.01%2020.73%206.96'/%3e%3cline%20x1='12'%20y1='22.08'%20x2='12'%20y2='12'/%3e%3c/svg%3e") 50%/contain no-repeat}.purpose-icon.home{background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%209l9-7%209%207v11a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z'/%3e%3cpolyline%20points='9%2022%209%2012%2015%2012%2015%2022'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%209l9-7%209%207v11a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z'/%3e%3cpolyline%20points='9%2022%209%2012%2015%2012%2015%2022'/%3e%3c/svg%3e") 50%/contain no-repeat}.purpose-icon.info{background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cline%20x1='12'%20y1='8'%20x2='12'%20y2='12'/%3e%3cline%20x1='12'%20y1='16'%20x2='12.01'%20y2='16'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cline%20x1='12'%20y1='8'%20x2='12'%20y2='12'/%3e%3cline%20x1='12'%20y1='16'%20x2='12.01'%20y2='16'/%3e%3c/svg%3e") 50%/contain no-repeat}.page-guide .purpose-info{flex:1}.page-guide .purpose-name{margin-bottom:4px;font-size:16px}.page-guide .purpose-remark{color:#666;font-size:14px}.page-guide .topic-list{flex-wrap:wrap;gap:16px;display:flex}.page-guide.select-page .topic-list{grid-template-columns:repeat(3,111px);justify-content:center;gap:10px;margin-bottom:0;display:grid}.page-guide .topic-card{cursor:pointer;color:#333;background:#fff;border:2px solid #e5e6eb;border-radius:16px;justify-content:center;align-items:center;width:calc(50% - 10px);height:40px;font-size:14px;display:flex}.page-guide.select-page .topic-card{box-sizing:border-box;color:#000;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#f2f3f5;border:1px solid #f2f3f5;border-radius:16px;width:111px;height:44px;padding:0 6px;font-size:16px;font-weight:600;line-height:1;overflow:hidden}.page-guide.select-page .topic-card.active{background:#c2c7cd;border:1px solid #c2c7cd}.page-guide .level-list{flex-direction:column;display:flex}.page-guide .level-card{cursor:pointer;background:#fff;border:2px solid #e5e6eb;border-radius:16px;align-items:center;height:52px;padding:10px 16px;display:flex;position:relative}.page-guide .level-card.active{background:#e3f3ff;border:2px solid #51c3fe;box-shadow:0 4px 4px #00000014}.page-guide .level-info{flex:1}.page-guide .level-name{color:#333;align-items:center;margin-bottom:4px;font-size:16px;display:flex}.page-guide .level-code{color:#86868a;background:#f5f7f9;border-radius:1998px;justify-content:center;align-items:center;width:25px;height:16px;margin-left:8px;padding:3px 6px;font-size:10px;display:flex}.page-guide .level-code.active{background-color:#3182f6!important}.page-guide .level-remark{color:#86868a;font-size:12px;font-weight:500}.page-guide .guide-button-container{justify-content:center;margin-top:40px;display:flex}.page-guide .guide-button{color:#fff;cursor:pointer;text-align:center;background:#3182f6;border:none;border-radius:20px;flex:1;max-width:300px;padding:14px;font-size:16px;font-weight:500}.page-guide .guide-button:disabled{cursor:not-allowed;background:#ccc}.page-guide .guide-button .arrow-icon{vertical-align:middle;width:8px;height:13px;margin-left:8px}.page-guide .modal{z-index:1200;box-sizing:border-box;background:#00000047;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.page-guide .skip-modal{box-sizing:border-box;background:#fff;border-radius:20px;flex-direction:column;width:min(380px,100vw - 24px);height:min(770px,100dvh - 24px);max-height:calc(100dvh - 24px);padding:0;display:flex;overflow:hidden;box-shadow:0 4px 10px #0003}.page-guide .skip-modal-header{text-align:center;flex-shrink:0;padding:40px 20px 36px}.page-guide .skip-modal-icon-wrap{background:#f8fafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 20px;display:flex;position:relative}.page-guide .skip-modal-icon-ring{pointer-events:none;background:#f2f7ff;border-radius:50%;width:66px;height:66px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-guide .skip-modal-icon{z-index:1;width:44px;height:44px;margin:0;display:block;position:relative}.page-guide .skip-modal-title{color:#000;margin:0 0 12px;font-size:20px;font-weight:700;line-height:28px}.page-guide .skip-modal-subtitle{color:#000;white-space:normal;box-sizing:border-box;max-width:100%;margin:0 auto;padding:0 16px;font-size:13px;font-weight:500;line-height:20px}.page-guide .skip-modal-content{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;padding:8px 0 12px;display:flex;overflow-y:auto}.page-guide .skip-modal-section{box-sizing:border-box;border-bottom:1px solid #dfdfdf;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:14px;min-height:88px;padding:22px 20px 26px;display:flex}.page-guide .skip-modal-section-title{color:#000;margin:0;font-size:16px;font-weight:700;line-height:20px}.page-guide .skip-modal-section-value{color:#000;white-space:normal;word-break:break-word;padding-left:20px;font-size:14px;font-weight:500;line-height:20px}.page-guide .skip-modal-buttons{flex-shrink:0;gap:12px;margin-top:auto;padding:32px 20px 40px;display:flex}.page-guide .skip-modal-button{cursor:pointer;text-align:center;border:none;border-radius:78px;flex:1;height:50px;font-size:16px;font-weight:600}.page-guide .skip-modal-button.continue{color:#86868a;background:#e0e1e2}.page-guide .skip-modal-button.confirm{color:#fff;background:#3182f6}@media (width<=480px){.page-guide .guide-content{padding:20px 16px}.page-guide .guide-title{font-size:28px}}@media (height<=700px){.page-guide .modal{padding:10px}.page-guide .skip-modal{width:min(380px,100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.page-guide .skip-modal-header{padding:24px 20px 18px}.page-guide .skip-modal-icon-wrap{width:72px;height:72px;margin-bottom:14px}.page-guide .skip-modal-icon-ring{width:52px;height:52px}.page-guide .skip-modal-icon{width:34px;height:34px}.page-guide .skip-modal-title{margin-bottom:8px;font-size:18px;line-height:25px}.page-guide .skip-modal-subtitle{padding:0;line-height:19px}.page-guide .skip-modal-content{padding:4px 0 8px}.page-guide .skip-modal-section{flex:none;gap:8px;min-height:72px;padding:14px 20px 16px}.page-guide .skip-modal-buttons{padding:16px 20px 20px}}.page-guide.landing-page{background-color:#fff}.page-guide.landing-page .navbar{padding:20px 20px 0}.page-guide.landing-page .navbar .skip-btn{color:#000;cursor:pointer;padding:4px 8px;font-size:16px;font-weight:700}.page-guide.landing-page .guide-content{background:#fff;border-radius:0;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:clamp(56px,12vh,112px) 20px 56px;display:flex}.page-guide.landing-page .illustration-wrapper{justify-content:center;align-items:center;width:100%;height:284px;margin-top:40px;display:flex;position:relative}.page-guide.landing-page .bg-circle{filter:blur(6px);z-index:1;pointer-events:none;background:linear-gradient(135deg,#a6d4ff59 0%,#19427f14 100%);border:.5px solid #fff9;border-radius:50%;width:284px;height:284px;position:absolute}.page-guide.landing-page .guide-image{object-fit:contain;z-index:2;width:369px;max-width:100%;height:231px;margin-bottom:0;position:relative;background:0 0!important;border-radius:0!important}.page-guide.landing-page .guide-title{color:#000;text-align:center;margin-top:36px;margin-bottom:0;font-size:20px;font-weight:700;line-height:22px}.page-guide.landing-page .guide-subtitle{color:#000;text-align:center;margin-top:16px;margin-bottom:40px;font-size:14px;font-weight:500;line-height:22px}.page-guide.landing-page .guide-button-container{justify-content:center;width:100%;margin-top:auto;padding-bottom:44px;display:flex}.page-guide.landing-page .guide-button{color:#fff;cursor:pointer;background:#3182f6;border:none;border-radius:78px;justify-content:center;align-items:center;width:100%;max-width:380px;height:50px;padding:0;font-size:16px;font-weight:600;transition:transform .2s;display:flex;box-shadow:0 4px 14px #3182f64d}.page-guide.landing-page .guide-button:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.page-guide.landing-page .guide-button{transition:none}.page-guide.landing-page .guide-button:active{transform:none}}.page-guide.landing-page .guide-button:active{background:#1c6ad6;box-shadow:0 2px 8px #3182f633}.page-guide.landing-page .guide-button .arrow-icon{vertical-align:middle;width:8px;height:13px;margin-top:2px;margin-left:8px}.page-guide.select-page{background-color:#fff}.page-guide.select-page .navbar{background:0 0;justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.page-guide.select-page .back-btn{cursor:pointer;color:#000;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:28px;font-weight:300;line-height:1;display:flex}.page-guide .back-icon{background:0 0;width:9px;height:16px;-webkit-mask:none;mask:none}.page-guide.select-page .skip-btn{color:#000;cursor:pointer;padding:4px 8px;font-size:16px;font-weight:700}.page-guide.select-page .guide-progress{justify-content:space-between;gap:11px;width:calc(100% - 40px);max-width:353px;height:6px;margin:20px auto 30px;display:flex}.page-guide.select-page .progress-segment{background-color:#c2c7cd;border-radius:6px;flex:1;height:6px;transition:background-color .3s}.page-guide.select-page .progress-segment.active{background-color:#3182f6}.page-guide.select-page .guide-content{background:#fff;border-radius:0;flex-direction:column;flex:1;justify-content:flex-start;padding:0 20px 48px;display:flex}.page-guide.select-page .content-section{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:365px;margin:0 auto;padding-top:0;display:flex}.page-guide.select-page .section-title{color:#000;text-align:center;margin-top:0;margin-bottom:10px;font-size:20px;font-weight:700;line-height:24px}.page-guide.select-page .section-subtitle{color:#000;text-align:center;margin-bottom:44px;font-size:14px;font-weight:500;line-height:18px}.page-guide.select-page .language-list{flex-direction:column;gap:0;margin-bottom:36px;display:flex}.page-guide.select-page .language-card{cursor:pointer;background:#fff;border:none;border-bottom:1px solid #dfdfdf;border-radius:0;align-items:center;height:82px;padding:0 14px 0 18px;transition:background-color .2s;display:flex;position:relative}.page-guide.select-page .language-card:hover{background-color:#3182f605}.page-guide.select-page .language-card.active{box-shadow:none;background-color:#3182f60a;border-bottom:1px solid #3182f6}.page-guide.select-page .language-left{text-align:left;color:#000;width:36px;margin-right:20px;font-size:18px;font-weight:700;transition:color .2s}.page-guide.select-page .language-card.active .language-left{color:#3182f6}.page-guide.select-page .language-info{flex-direction:column;flex:1;gap:6px;display:flex}.page-guide.select-page .language-name{color:#000;margin-bottom:0;font-size:16px;font-weight:700;transition:color .2s}.page-guide.select-page .language-card.active .language-name{color:#3182f6}.page-guide.select-page .language-remark{color:#86868a;font-size:13px;font-weight:400}.page-guide.select-page .card-check,.page-guide.select-page .selectable-info-card__suffix{flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:auto;height:auto;margin-left:12px;line-height:1;display:flex;position:static;top:auto;right:auto}.page-guide .card-check .check-icon{color:#3182f6;width:19px;height:19px;display:block}.page-guide .selectable-info-card__suffix .check-icon{width:19px;height:19px;display:block}.page-guide.select-page .guide-button-container{justify-content:center;width:100%;margin-top:0;padding-bottom:36px;display:flex}.page-guide.select-page .guide-button{color:#fff;cursor:pointer;background:#3182f6;border:none;border-radius:78px;justify-content:center;align-items:center;width:100%;max-width:380px;height:50px;padding:0;font-size:16px;font-weight:600;transition:transform .2s;display:flex;box-shadow:0 4px 14px #3182f64d}.page-guide.select-page .guide-button:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.page-guide.select-page .guide-button{transition:none}.page-guide.select-page .guide-button:active{transform:none}}.page-guide.select-page .guide-button:active{background:#1c6ad6;box-shadow:0 2px 8px #3182f633}.page-guide.select-page .guide-button.is-disabled,.page-guide.select-page .guide-button.is-disabled:active{color:#fff;cursor:not-allowed;background:#3182f6;position:relative;overflow:hidden;transform:none;box-shadow:0 4px 14px #3182f64d}.page-guide.select-page .guide-button.is-disabled:after{content:"";border-radius:inherit;pointer-events:none;background:#ffffff80;position:absolute;inset:0}.page-guide.select-page .guide-button.is-disabled>*{z-index:1;position:relative}.page-guide.select-page .guide-button .arrow-icon{vertical-align:middle;width:8px;height:13px;margin-left:8px}.page-guide.select-page .content-language-modal{z-index:1300;background:#00000094;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.page-guide.select-page .content-language-panel{box-sizing:border-box;width:100%;max-height:calc(100dvh - 40px);padding:70px 24px max(34px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;background:#fff;border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:relative;overflow-y:auto}.page-guide.select-page .content-language-close{color:#000;cursor:pointer;background:0 0;border:none;width:28px;height:28px;padding:0;font-size:34px;font-weight:700;line-height:24px;position:absolute;top:18px;right:20px}.page-guide.select-page .content-language-title{color:#000;text-align:center;font-size:22px;font-weight:700;line-height:28px}.page-guide.select-page .content-language-subtitle{color:#666;text-align:center;margin-top:8px;font-size:13px;font-weight:500;line-height:18px}.page-guide.select-page .content-language-list{flex-direction:column;margin-top:28px;display:flex}.page-guide.select-page .content-language-item{box-sizing:border-box;color:#000;cursor:pointer;text-align:left;background:#fff;border:none;border-bottom:1px solid #dfdfdf;align-items:center;width:100%;height:76px;padding:0 10px 0 22px;transition:background-color .18s,border-color .18s;display:flex}.page-guide.select-page .content-language-item.active{color:#3182f6;background:#3182f614;border-bottom-color:#3182f6}.page-guide.select-page .content-language-code{flex:0 0 44px;font-size:22px;font-weight:700;line-height:24px}.page-guide.select-page .content-language-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.page-guide.select-page .content-language-name{color:#000;font-size:16px;font-weight:700;line-height:20px}.page-guide.select-page .content-language-remark{color:#666;font-size:14px;font-weight:500;line-height:18px}.page-guide.select-page .content-language-item.active .content-language-name{color:#3182f6}.page-guide.select-page .content-language-item.active .content-language-remark{color:#3182f6;opacity:.72}.page-guide.select-page .content-language-check{color:#3182f6;flex:none;width:19px;height:19px;margin-left:12px;display:block}.page-guide.select-page .content-language-next{color:#fff;cursor:pointer;background:#3182f6;border:none;border-radius:78px;justify-content:center;align-items:center;width:100%;height:54px;margin-top:38px;padding:0;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 14px #3182f64d}.page-guide.select-page .content-language-next:disabled{opacity:.55;cursor:not-allowed}.page-guide.select-page .content-language-next .arrow-icon{width:8px;height:13px;margin-left:8px}@media (height<=700px){.page-guide.select-page .content-language-panel{padding-top:54px}.page-guide.select-page .content-language-list{margin-top:18px}.page-guide.select-page .content-language-item{height:66px}.page-guide.select-page .content-language-next{margin-top:26px}}.page-guide.select-page .purpose-list{flex-direction:column;gap:0;margin-bottom:36px;display:flex}.page-guide.select-page .purpose-card{cursor:pointer;background:#fff;border:none;border-bottom:1px solid #dfdfdf;border-radius:0;align-items:center;height:82px;padding:0 14px 0 18px;transition:background-color .2s;display:flex;position:relative}.page-guide.select-page .purpose-card:hover{background-color:#3182f605}.page-guide.select-page .purpose-card.active{box-shadow:none;background-color:#3182f60a;border-bottom:1px solid #3182f6}.page-guide.select-page .purpose-left{color:#86868a;justify-content:center;align-items:center;width:24px;height:24px;margin-right:20px;transition:color .2s;display:flex}.page-guide.select-page .purpose-card.active .purpose-left{color:#3182f6}.page-guide.select-page .icon-purpose{flex-shrink:0;width:20px;height:20px;display:block}.page-guide.select-page .purpose-info{flex-direction:column;flex:1;gap:6px;display:flex}.page-guide.select-page .purpose-name{color:#000;margin-bottom:0;font-size:16px;font-weight:700;transition:color .2s}.page-guide.select-page .purpose-card.active .purpose-name{color:#3182f6}.page-guide.select-page .purpose-remark{color:#666;font-size:12px;font-weight:400}.page-guide.select-page .purpose-card.active .purpose-remark{color:#666}.page-guide.select-page .purpose-card .card-check{justify-content:center;align-items:center;display:flex}.page-guide.level-page .level-list{flex-direction:column;margin-bottom:40px;display:flex}.page-guide.level-page .level-card{box-sizing:border-box;cursor:pointer;height:80px;box-shadow:none;background:#fff;border:none;border-bottom:1px solid #dfdfdf;border-radius:0;align-items:center;padding:0 14px 0 18px;transition:background-color .2s;display:flex;position:relative}.page-guide.level-page .level-card:hover{background-color:#3182f605}.page-guide.level-page .level-card.active{box-shadow:none;background-color:#3182f60a;border-bottom:1px solid #3182f6}.page-guide.level-page .level-info{flex:1;min-width:0}.page-guide.level-page .level-name{color:#000;align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:20px;display:flex}.page-guide.level-page .level-code{color:#fff;background:#2b2b2b;border-radius:20px;justify-content:center;align-items:center;min-width:26px;height:12px;padding:0 5px;font-size:10px;font-weight:700;line-height:12px;display:inline-flex}.page-guide.level-page .level-remark{text-overflow:ellipsis;white-space:nowrap;color:#86868a;font-size:12px;font-weight:500;line-height:18px;overflow:hidden}.page-guide.level-page .level-card .card-check{flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin-left:12px;display:flex;position:static;top:auto;right:auto;transform:none}.page-guide.level-page .guide-level-actions{grid-template-columns:minmax(116px,126px) minmax(0,1fr);align-items:center;gap:10px;width:100%;max-width:386px;margin:0 auto;padding-bottom:24px;font-size:16px;font-weight:700;display:grid;position:relative}.page-guide.level-page .guide-level-actions .guide-button{white-space:nowrap;text-overflow:ellipsis;border-radius:78px;width:100%;min-width:0;max-width:none;height:54px;padding:0 18px;line-height:22px;overflow:hidden}.page-guide.level-page .guide-button-test{justify-self:start}.page-guide.level-page .guide-button-start{justify-self:stretch}.page-guide.level-page .guide-level-assess-tip{z-index:2;box-sizing:border-box;color:#fff;text-align:center;white-space:pre-line;background:#5798f4;border-radius:18px;justify-content:center;align-items:center;width:min(294px,100vw - 64px);min-height:82px;padding:14px 22px;font-size:16px;font-weight:700;line-height:24px;display:flex;position:absolute;bottom:calc(100% + 18px);left:18px;box-shadow:0 14px 30px #3182f638}.page-guide.level-page .guide-level-assess-tip:before,.page-guide.level-page .guide-level-assess-tip:after{content:"";background-color:var(--color-primary);background:radial-gradient(circle at 0 100%,#0000 10px,#5798f4 9px);width:10px;height:9px;position:absolute;bottom:-9px;left:70px}.page-guide.level-page .guide-level-assess-tip:before{background:radial-gradient(circle at 100% 100%,#0000 10px,#5798f4 9px);left:80px}@media (width<=380px){.page-guide.level-page .guide-level-actions{grid-template-columns:minmax(104px,116px) minmax(0,1fr);gap:8px}.page-guide.level-page .guide-level-actions .guide-button{padding:0 14px;font-size:16px}.page-guide.level-page .guide-level-assess-tip{width:min(274px,100vw - 52px);font-size:15px;left:10px}.page-guide.level-page .guide-level-assess-tip:after{left:70px}}@media (width>=768px){.page-guide{width:100%;max-width:none}.page-guide .navbar,.page-guide.select-page .navbar{padding-inline:32px}.page-guide.landing-page .guide-content{box-sizing:border-box;width:min(100% - 64px,640px);margin-inline:auto;padding-inline:0}.page-guide.landing-page .illustration-wrapper{margin-top:24px}.page-guide.select-page .guide-progress{width:min(100% - 64px,640px);max-width:none;margin-top:24px}.page-guide.select-page .guide-content{box-sizing:border-box;padding-inline:0}.page-guide.select-page .content-section{max-width:640px}.page-guide.select-page .language-card,.page-guide.select-page .purpose-card,.page-guide.level-page .level-card{padding-inline:24px}.page-guide.select-page .topic-list{grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}.page-guide.select-page .topic-card{width:auto}.page-guide.select-page .guide-button-container,.page-guide.level-page .guide-level-actions{max-width:640px;margin-inline:auto}.page-guide.select-page .content-language-modal{align-items:center}.page-guide.select-page .content-language-panel{border-radius:20px;width:min(640px,100vw - 64px);max-height:min(720px,100dvh - 64px)}}@keyframes assess-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes assess-matchPop{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(0)}}@keyframes assess-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes assess-chipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes assess-resultPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.page-assess{background:var(--color-bg-primary);flex-direction:column;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.page-assess .assess-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 32px;display:flex}.page-assess .assess-intro .mascot{background:linear-gradient(135deg, var(--color-primary) 0%, #5ba3f6 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:28px;animation:3s ease-in-out infinite assess-float;display:flex;box-shadow:0 8px 32px #4a90e24d}.page-assess .assess-intro .mascot svg{width:56px;height:56px}.page-assess .assess-intro h1{color:var(--color-gray-1);margin-bottom:12px;font-size:24px;font-weight:700}.page-assess .assess-intro p{color:var(--color-text-secondary);margin-bottom:8px;font-size:15px;line-height:1.7}.page-assess .assess-intro p.assess-info{color:var(--color-text-tertiary);font-size:13px}.page-assess .game-preview{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:28px 0 36px;display:grid}.page-assess .game-card{background:var(--color-gray-7);border-radius:var(--radius-md);text-align:center;padding:16px 12px}.page-assess .game-card .gc-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 8px;font-size:22px;display:flex}.page-assess .game-card .gc-title{color:var(--color-gray-1);font-size:13px;font-weight:600}.page-assess .game-card:first-child .gc-icon{background:#eff6ff}.page-assess .game-card:nth-child(2) .gc-icon{background:#fff3e0}.page-assess .game-card:nth-child(3) .gc-icon{background:#e8f5e9}.page-assess .game-card:nth-child(4) .gc-icon{background:#fce4ec}.page-assess .btn-start{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:#fff;cursor:pointer;border:none;border-radius:26px;width:100%;max-width:320px;height:52px;font-size:17px;font-weight:600;transition:transform .2s;box-shadow:0 6px 24px #4a90e259}.page-assess .btn-start:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.page-assess .btn-start{transition:none}.page-assess .btn-start:active{transform:none}}.page-assess .btn-start{transition:transform .2s,box-shadow .2s}.page-assess .btn-start:active{box-shadow:0 3px 12px #4a90e24d}.page-assess .btn-skip{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;margin-top:16px;padding:8px 16px;font-size:14px}.page-assess .assess-game{flex-direction:column;min-height:100vh;display:flex}.page-assess .game-header{border-bottom:1px solid var(--color-gray-6);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.page-assess .game-header-left{align-items:center;gap:12px;display:flex}.page-assess .game-step-badge{background:var(--color-primary-bg);color:var(--color-primary);border-radius:10px;padding:4px 10px;font-size:12px;font-weight:700}.page-assess .game-header-title{color:var(--color-gray-1);font-size:16px;font-weight:600}.page-assess .game-skip-btn{background:var(--color-primary-bg);color:var(--color-primary);cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;transition:transform .2s}.page-assess .game-skip-btn:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.page-assess .game-skip-btn{transition:none}.page-assess .game-skip-btn:active{transform:none}}.page-assess .game-skip-btn:disabled{opacity:.45;cursor:default}.page-assess .game-progress-bar{background:var(--color-gray-6);flex-shrink:0;height:3px}.page-assess .game-progress-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:2px;height:100%;transition:width .4s}.page-assess .game-body{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:24px 20px;overflow-y:auto}.page-assess .game-body::-webkit-scrollbar{display:none}.page-assess .game-question{color:var(--color-gray-1);margin-bottom:8px;font-size:18px;font-weight:600;line-height:1.6}.page-assess .game-subtitle{color:var(--color-text-tertiary);margin-bottom:24px;font-size:13px}.page-assess .game-footer{padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--color-gray-6);flex-shrink:0}.page-assess .btn-next{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;cursor:pointer;opacity:.5;pointer-events:none;border:none;border-radius:24px;width:100%;height:48px;font-size:16px;font-weight:600;transition:opacity .2s,transform .2s}.page-assess .btn-next.enabled{opacity:1;pointer-events:auto;transition:transform .2s}.page-assess .btn-next.enabled:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.page-assess .btn-next.enabled{transition:none}.page-assess .btn-next.enabled:active{transform:none}}.page-assess .option-list{flex-direction:column;gap:12px;display:flex}.page-assess .option-item{background:var(--color-gray-7);border-radius:var(--radius-md);color:var(--color-gray-1);cursor:pointer;text-align:left;border:2px solid #0000;width:100%;padding:16px 18px;font-size:15px;line-height:1.5;transition:transform .2s;position:relative}.page-assess .option-item:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.page-assess .option-item{transition:none}.page-assess .option-item:active{transform:none}}.page-assess .option-item.selected{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary-dark)}.page-assess .option-item.correct{border-color:var(--color-success);color:#2d8a2d;background:#f0fff0}.page-assess .option-item.wrong{border-color:var(--color-error);color:#cf1322;background:#fff2f0}.page-assess .option-item .opt-label{background:var(--color-gray-5);width:24px;height:24px;color:var(--color-gray-2);text-align:center;border-radius:50%;flex-shrink:0;margin-right:12px;font-size:12px;font-weight:700;line-height:24px;display:inline-block}.page-assess .option-item.selected .opt-label{background:var(--color-primary);color:#fff}.page-assess .option-item.correct .opt-label{background:var(--color-success);color:#fff}.page-assess .option-item.wrong .opt-label{background:var(--color-error);color:#fff}.page-assess .eliminate-board{flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 0;display:flex}.page-assess .eliminate-card{border-radius:var(--radius-md);text-align:center;cursor:pointer;justify-content:center;align-items:center;width:calc(50% - 5px);min-height:50px;padding:14px 10px;font-size:14px;font-weight:500;line-height:1.4;transition:border-color .25s,background-color .25s,transform .25s,box-shadow .25s;display:flex;position:relative}.page-assess .eliminate-card.en{color:var(--color-primary-dark);background:#eff6ff;border:2px solid #0000}.page-assess .eliminate-card.zh{color:#b8860b;background:#fff8e1;border:2px solid #0000}.page-assess .eliminate-card.selected{transform:scale(.95);box-shadow:0 4px 16px #0000001f}.page-assess .eliminate-card.selected.en{border-color:var(--color-primary);background:#d0e8fc}.page-assess .eliminate-card.selected.zh{background:#ffe8a0;border-color:#f0a030}.page-assess .eliminate-card.matched{pointer-events:none;animation:.5s forwards assess-matchPop}.page-assess .eliminate-card.wrong-shake{animation:.4s assess-shake}.page-assess .eliminate-score{text-align:center;color:var(--color-text-secondary);margin-bottom:16px;font-size:14px}.page-assess .eliminate-score span{color:var(--color-primary);font-size:18px;font-weight:700}.page-assess .word-bank{flex-wrap:wrap;gap:10px;min-height:48px;margin-bottom:24px;display:flex}.page-assess .word-chip{background:var(--color-primary-bg);color:var(--color-primary-dark);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:20px;padding:10px 16px;font-size:14px;font-weight:500;transition:transform .2s}.page-assess .word-chip:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.page-assess .word-chip{transition:none}.page-assess .word-chip:active{transform:none}}.page-assess .word-chip.used{opacity:.3;pointer-events:none;transform:scale(.9)}.page-assess .sentence-area{border:2px dashed var(--color-gray-5);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:8px;min-height:56px;margin-bottom:20px;padding:14px;transition:border-color .2s,background-color .2s;display:flex}.page-assess .sentence-area.has-words{border-color:var(--color-primary)}.page-assess .sentence-area.correct{border-color:var(--color-success);background:#f0fff0}.page-assess .sentence-area.wrong{border-color:var(--color-error);background:#fff2f0}.page-assess .sentence-area .word-chip{border:2px solid var(--color-primary);background:#fff;animation:.2s assess-chipIn}.page-assess .sentence-placeholder{color:var(--color-text-tertiary);font-size:14px}.page-assess .scenario-card{background:linear-gradient(135deg,#f8fbff 0%,#fff5f5 100%);border:1px solid #4a90e21a;border-radius:20px;margin-bottom:24px;padding:24px 20px;position:relative}.page-assess .scenario-card:before{content:"💬";font-size:28px;position:absolute;top:-14px;left:20px}.page-assess .scenario-card .scenario-text{color:var(--color-gray-1);font-size:15px;line-height:1.7}.page-assess .assess-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 32px;display:flex}.page-assess .result-ring{border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:24px;animation:.6s cubic-bezier(.34,1.56,.64,1) assess-resultPop;display:flex;box-shadow:0 8px 32px #4a90e240}.page-assess .result-ring-inner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:126px;height:126px;display:flex}.page-assess .result-ring-inner .score{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:36px;font-weight:800}.page-assess .result-ring-inner .score-label{color:var(--color-text-tertiary);font-size:12px}.page-assess .result-level-tag{border-radius:16px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-flex}.page-assess .result-level-tag .level-code{font-size:20px;font-weight:800}.page-assess .result-level-name{color:var(--color-gray-1);margin-bottom:8px;font-size:22px;font-weight:700}.page-assess .result-desc{color:var(--color-text-secondary);max-width:280px;margin-bottom:32px;font-size:14px;line-height:1.6}.page-assess .result-stats{gap:24px;margin-bottom:36px;display:flex}.page-assess .result-stat{text-align:center}.page-assess .result-stat .stat-val{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.page-assess .result-stat .stat-label{color:var(--color-text-tertiary);margin-top:2px;font-size:12px}.page-assess .cefr-a1{color:#3182f6;background:#eff6ff}.page-assess .cefr-a2{color:#52c41a;background:#e8f8f0}.page-assess .cefr-b1{color:#faad14;background:#fff7e6}.page-assess .cefr-b2{color:#ff4d4f;background:#fff1f0}.page-assess .cefr-c1{color:#722ed1;background:#f9f0ff}.page-assess .cefr-c2{color:#333;background:#f0f0f0}.page-assess .result-ring.cefr-a1{background:conic-gradient(#3182f6 0deg,#5ba3f6 360deg)}.page-assess .result-ring.cefr-a2{background:conic-gradient(#52c41a 0deg,#73d13d 360deg)}.page-assess .result-ring.cefr-b1{background:conic-gradient(#faad14 0deg,#ffc53d 360deg)}.page-assess .result-ring.cefr-b2{background:conic-gradient(#ff4d4f 0deg,#ff7875 360deg)}.page-assess .result-ring.cefr-c1{background:conic-gradient(#722ed1 0deg,#9254de 360deg)}.page-assess .result-ring.cefr-c2{background:conic-gradient(#333 0deg,#666 360deg)}.page-assess .assess-toast{bottom:calc(184px + env(safe-area-inset-bottom));color:#fff;box-sizing:border-box;z-index:999;opacity:0;pointer-events:none;background:#000000bf;border-radius:8px;width:max-content;max-width:min(420px,100vw - 40px);padding:12px 24px;font-size:14px;transition:opacity .3s,transform .3s;position:fixed;left:50%;transform:translate(-50%)scale(.8)}.page-assess .assess-toast.show{opacity:1;transform:translate(-50%)scale(1)}@media (width>=768px){.page-assess{width:100%;max-width:none}}@media (prefers-reduced-motion:reduce){.page-assess .assess-intro .mascot{animation:none}.page-assess .eliminate-card.matched{opacity:0;animation:none;transform:scale(0)}.page-assess .eliminate-card.wrong-shake,.page-assess .sentence-area .word-chip,.page-assess .result-ring{animation:none}.page-assess .game-progress-fill{transition:none}.page-assess .option-item{transition:border-color .1s,background-color .1s,color .1s}.page-assess .eliminate-card{transition:border-color .1s,background-color .1s}.page-assess .word-chip{transition:opacity .1s,transform .1s}}@media (width<=480px){.page-assess .assess-intro{padding:24px 20px}}