gfe-crystal-guide{--gfe-guide-ink: #463829;--gfe-guide-paper: #f8f5ef;--gfe-guide-accent: #72583c;--gfe-guide-muted: #75634f;--gfe-guide-line: #d9cdbb;display:block;color:var(--gfe-guide-ink)}.gfe-guide-shell{width:min(100% - 48px,1320px);margin:24px auto 28px}.gfe-guide-entry{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:84px;box-sizing:border-box;padding:18px 24px 18px 28px;border:1px solid #c9b99e;background:#eee5d6;color:var(--gfe-guide-ink);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.gfe-guide-entry-main{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.gfe-guide-entry-label{font-family:Baskerville,Times New Roman,Songti TC,serif;font-size:22px;line-height:1.5;letter-spacing:.04em}.gfe-guide-entry-topics{color:#665543;font-size:12px;line-height:1.7;letter-spacing:.04em}.gfe-guide-entry-action{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 20px;border-radius:4px;background:var(--gfe-guide-accent);font-size:13px;line-height:1.6;letter-spacing:.025em;color:#fffaf2}.gfe-guide-entry-action:before{content:"";position:absolute;z-index:0;top:-50%;right:-45%;bottom:-50%;left:-45%;background:linear-gradient(112deg,transparent 38%,rgb(255 238 207 / 6%) 49%,rgb(255 248 230 / 10%) 51%,transparent 64%);transform:translate(-90%);opacity:0;pointer-events:none;animation:gfe-guide-sheen 6.4s cubic-bezier(.22,.61,.36,1) 2;animation-play-state:paused}.gfe-guide-entry-action>span,.gfe-guide-entry-action svg{position:relative;z-index:1}.gfe-guide-entry-action svg{flex-shrink:0;transition:transform .18s ease}gfe-crystal-guide[data-entry-visible=true] .gfe-guide-entry-action:before{animation-play-state:running}.gfe-guide-entry:focus-visible{outline:2px solid var(--gfe-guide-accent);outline-offset:4px}.gfe-guide-entry:focus-visible .gfe-guide-entry-action:before,gfe-crystal-guide[data-interacted=true] .gfe-guide-entry-action:before{animation:none;opacity:0}.gfe-guide-entry:focus-visible .gfe-guide-entry-action{background:#5f472e}.gfe-guide-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--gfe-guide-ink);overflow:hidden;font-family:Helvetica Neue,Arial,PingFang TC,Noto Sans TC,sans-serif}.gfe-guide-dialog:not([open]){display:none}.gfe-guide-dialog[open]{display:flex;justify-content:flex-end}.gfe-guide-dialog::backdrop{background:#31271b00;transition:background .24s ease}.gfe-guide-dialog[data-visible=true]::backdrop{background:#31271b61}.gfe-guide-drawer{width:min(640px,92vw);height:100dvh;background:var(--gfe-guide-paper);display:grid;grid-template-rows:auto minmax(0,1fr) auto;transform:translate(100%);opacity:0;box-shadow:-12px 0 70px #31271b14;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .22s ease;overscroll-behavior:contain;box-sizing:border-box}.gfe-guide-dialog[data-visible=true] .gfe-guide-drawer{transform:translate(0);opacity:1}.gfe-guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:30px 40px 23px;border-bottom:1px solid var(--gfe-guide-line)}.gfe-guide-eyebrow{margin:0 0 10px;font-size:9px;font-weight:500;line-height:1.4;letter-spacing:.15em;color:var(--gfe-guide-muted)}.gfe-guide-header h2{margin:0;font-family:Baskerville,Times New Roman,Songti TC,serif;font-weight:400;font-size:28px;letter-spacing:.025em;line-height:1.4;overflow-wrap:anywhere}.gfe-guide-reading-hint{margin:9px 0 0;color:var(--gfe-guide-muted);font-size:10px;line-height:1.6;letter-spacing:.04em}.gfe-guide-dialog button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.gfe-guide-close{color:var(--gfe-guide-ink);background:transparent;border:0;min-height:48px;min-width:48px;display:inline-flex;flex-shrink:0;align-items:center;gap:11px;padding:0 0 0 12px}.gfe-guide-close>span{font-size:11px}.gfe-guide-close svg,.gfe-guide-footer button svg{flex-shrink:0}.gfe-guide-dialog button:focus-visible,.gfe-guide-scroll:focus-visible,.gfe-guide-dialog a:focus-visible{outline:2px solid var(--gfe-guide-accent);outline-offset:-4px}.gfe-guide-close:focus:not(:focus-visible){outline:none}.gfe-guide-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9b99e transparent;-webkit-overflow-scrolling:touch}.gfe-guide-document{padding:30px 40px 40px}.gfe-guide-figure{margin:0 0 30px}.gfe-guide-figure img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;background:#eee6d9}.gfe-guide-subtitle{color:#665543;font-size:14px;line-height:1.9;margin:0 0 30px;white-space:pre-line}.gfe-guide-section{padding:31px 0 34px;border-top:1px solid var(--gfe-guide-line)}.gfe-guide-section:first-of-type{padding-top:0;border-top:0}.gfe-guide-section:last-child{padding-bottom:0}.gfe-guide-section-heading{display:flex;align-items:baseline;gap:16px;margin-bottom:22px}.gfe-guide-section-number{font-family:Baskerville,Times New Roman,serif;color:#887254;font-size:15px;line-height:1}.gfe-guide-section h3{font-family:Baskerville,Times New Roman,Songti TC,serif;font-weight:400;font-size:29px;line-height:1.5;letter-spacing:.025em;margin:0;overflow-wrap:anywhere}.gfe-guide-copy{color:#665543;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.gfe-guide-copy p{font:inherit;color:inherit;margin:0 0 18px}.gfe-guide-copy p:last-child{margin-bottom:0}.gfe-guide-copy strong,.gfe-guide-copy b{color:var(--gfe-guide-ink);font-weight:500}.gfe-guide-copy ul,.gfe-guide-copy ol{margin:0 0 18px;padding-left:1.4em}.gfe-guide-copy li{margin:0 0 10px}.gfe-guide-copy a{color:var(--gfe-guide-accent);text-decoration:underline;text-underline-offset:3px}.gfe-guide-caption{color:var(--gfe-guide-muted);font-size:11px;line-height:1.8;letter-spacing:.025em;margin:0 0 10px}.gfe-guide-copy+h4,.gfe-guide-copy+.gfe-guide-caption{margin-top:24px}.gfe-guide-copy+.gfe-guide-copy{margin-top:18px}.gfe-guide-section h4{font-family:Baskerville,Times New Roman,Songti TC,serif;font-size:20px;line-height:1.55;font-weight:400;margin:0 0 10px;letter-spacing:.025em}.gfe-guide-items{margin:23px 0 0;padding:0;list-style:none}.gfe-guide-items>li{display:grid;grid-template-columns:29px minmax(0,1fr);gap:16px;padding:22px 0;border-top:1px solid var(--gfe-guide-line)}.gfe-guide-items>li:first-child{padding-top:0;border-top:0}.gfe-guide-items>li:last-child{padding-bottom:0}.gfe-guide-item-number{padding-top:6px;color:#887254;font-family:Baskerville,Times New Roman,serif;font-size:15px}.gfe-guide-footer{padding:12px 40px calc(19px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--gfe-guide-line);background:var(--gfe-guide-paper)}.gfe-guide-footer p{text-align:center;font-size:10px;color:var(--gfe-guide-muted);margin:0 0 10px;line-height:1.6}.gfe-guide-footer button{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:48px;background:var(--gfe-guide-accent);border:1px solid var(--gfe-guide-accent);color:#fff;padding:12px 20px;font-size:12px;letter-spacing:.04em;transition:background .16s ease}.gfe-guide-status{color:var(--gfe-guide-muted);font-size:14px;line-height:1.9;margin:18px 0}.gfe-guide-retry{min-height:48px;padding:10px 18px;border:1px solid var(--gfe-guide-accent);background:var(--gfe-guide-paper);color:var(--gfe-guide-accent)}.gfe-guide-fallback{display:inline-block;margin:0 0 0 18px;padding:12px 0;color:var(--gfe-guide-accent);font-size:13px;text-underline-offset:4px}@keyframes gfe-guide-sheen{0%,10%{transform:translate(-90%);opacity:0}15%{opacity:1}35%{transform:translate(90%);opacity:1}37%,to{transform:translate(90%);opacity:0}}@media(hover:hover){.gfe-guide-entry:hover{border-color:#a68a62;background:#e7dbc8}.gfe-guide-entry:hover .gfe-guide-entry-action{background:#5f472e}.gfe-guide-entry:hover .gfe-guide-entry-action svg{transform:translateY(3px)}.gfe-guide-footer button:hover{background:#5f472e}.gfe-guide-close:hover{color:#493521}}@media(min-width:681px){.gfe-guide-entry{flex-direction:column;justify-content:center;gap:12px;padding:18px 28px 20px;text-align:center}.gfe-guide-entry-main{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 16px;max-width:100%}.gfe-guide-entry-label{max-width:100%;overflow-wrap:anywhere}.gfe-guide-entry-action{box-sizing:border-box;min-width:180px;max-width:100%;padding-inline:24px}}@media(max-width:680px){.gfe-guide-shell{width:calc(100% - 32px);margin-top:18px;margin-bottom:22px}.gfe-guide-entry{gap:14px;min-height:98px;padding:18px}.gfe-guide-entry-main{display:block}.gfe-guide-entry-label{display:block;font-size:19px;overflow-wrap:anywhere}.gfe-guide-entry-topics{display:block;font-size:10px;margin-top:5px}.gfe-guide-entry-action{gap:9px;max-width:142px;min-height:46px;padding:11px 13px;font-size:11px}.gfe-guide-entry-action>span{display:block;max-width:8em}.gfe-guide-entry-action svg{width:17px;height:17px}.gfe-guide-dialog[open]{align-items:flex-end}.gfe-guide-drawer{width:100%;height:min(94dvh,940px);border-radius:18px 18px 0 0;transform:translateY(100%);box-shadow:0 -10px 60px #31271b1a}.gfe-guide-dialog[data-visible=true] .gfe-guide-drawer{transform:translateY(0)}.gfe-guide-header{padding:24px 24px 18px}.gfe-guide-eyebrow{font-size:8px;margin-bottom:7px;letter-spacing:.12em}.gfe-guide-header h2{font-size:25px}.gfe-guide-reading-hint{margin-top:7px;font-size:9px}.gfe-guide-close{gap:9px;margin-top:5px}.gfe-guide-close>span{font-size:10px}.gfe-guide-document{padding:24px 24px 30px}.gfe-guide-figure{margin-bottom:24px}.gfe-guide-subtitle{line-height:1.85;margin-bottom:27px}.gfe-guide-section{padding:27px 0 29px}.gfe-guide-section-heading{margin-bottom:18px;gap:12px}.gfe-guide-section-number{font-size:13px}.gfe-guide-section h3{font-size:26px}.gfe-guide-copy{line-height:1.85}.gfe-guide-section h4{font-size:19px}.gfe-guide-items>li{grid-template-columns:24px minmax(0,1fr);gap:11px;padding:20px 0}.gfe-guide-footer{padding:10px 24px calc(14px + env(safe-area-inset-bottom,0px))}.gfe-guide-footer p{font-size:9px;margin-bottom:9px}}.gfe-guide-dialog[data-motion=none]::backdrop,.gfe-guide-dialog[data-motion=none] .gfe-guide-drawer{transition:none}@media(prefers-reduced-motion:reduce){.gfe-guide-entry-action:before{animation:none;opacity:0}.gfe-guide-entry-action svg{transition:none;transform:none!important}.gfe-guide-dialog::backdrop,.gfe-guide-drawer,.gfe-guide-footer button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/gfe-crystal-guide.css.map */