.diyu-course{--dc-paper: #f7f5f1;--dc-paper-deep: #efebe4;--dc-ink: #1f1e1c;--dc-ink-soft: #55524c;--dc-ink-faint: #8d887f;--dc-sand: #c9bca8;--dc-sand-deep: #a08e75;--dc-line: #ded8ce;--dc-ok: #5c6b52;--dc-warn: #8a6a52;--dc-font-display: "Noto Serif TC", "Songti TC", "Source Han Serif TC", serif;--dc-font-body: "Noto Sans TC", "PingFang TC", "Helvetica Neue", system-ui, sans-serif;--dc-font-label: "Helvetica Neue", "PingFang TC", system-ui, sans-serif;--dc-fs-hero: clamp(1.9rem, 6.2vw, 3.2rem);--dc-fs-h2: clamp(1.35rem, 3.6vw, 1.9rem);--dc-fs-h3: clamp(1.05rem, 2.6vw, 1.3rem);--dc-fs-body: clamp(.95rem, 1.1vw, 1.02rem);--dc-fs-small: .82rem;--dc-fs-label: .72rem;--dc-max: 46rem;--dc-max-wide: 60rem;--dc-gap: clamp(1rem, 3vw, 1.6rem);--dc-pad-x: clamp(1rem, 5vw, 2.5rem);--dc-pad-y: clamp(2.5rem, 7vw, 5rem);--dc-radius: 2px;background:var(--dc-paper);color:var(--dc-ink);font-family:var(--dc-font-body);font-size:var(--dc-fs-body);line-height:1.85;-webkit-font-smoothing:antialiased}.diyu-course *,.diyu-course *:before,.diyu-course *:after{box-sizing:border-box}.diyu-course__inner{max-width:var(--dc-max);margin:0 auto;padding:var(--dc-pad-y) var(--dc-pad-x)}.diyu-course__inner--wide{max-width:var(--dc-max-wide)}.dc-label{font-family:var(--dc-font-label);font-size:var(--dc-fs-label);letter-spacing:.22em;text-transform:uppercase;color:var(--dc-ink-faint);display:block;margin:0 0 .9rem}.dc-h1{font-family:var(--dc-font-display);font-size:var(--dc-fs-hero);font-weight:500;line-height:1.28;letter-spacing:.01em;margin:0 0 1rem}.dc-h2{font-family:var(--dc-font-display);font-size:var(--dc-fs-h2);font-weight:500;line-height:1.4;margin:0 0 1.4rem}.dc-h3{font-family:var(--dc-font-display);font-size:var(--dc-fs-h3);font-weight:500;line-height:1.5;margin:0 0 .5rem}.dc-lede{font-size:1.05em;color:var(--dc-ink-soft);margin:0 0 1.6rem;max-width:34em}.dc-p{margin:0 0 1.1em}.dc-p:last-child{margin-bottom:0}.dc-rule{border:0;border-top:1px solid var(--dc-line);margin:var(--dc-gap) 0}.dc-note{font-size:var(--dc-fs-small);color:var(--dc-ink-faint);line-height:1.75}.dc-btn{display:inline-block;font-family:var(--dc-font-body);font-size:.95rem;line-height:1.2;letter-spacing:.04em;padding:.95rem 1.6rem;min-height:44px;border:1px solid var(--dc-ink);border-radius:var(--dc-radius);background:var(--dc-ink);color:var(--dc-paper);text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease}.dc-btn:hover{background:#35322d}.dc-btn--ghost{background:transparent;color:var(--dc-ink);border-color:var(--dc-sand-deep)}.dc-btn--ghost:hover{background:var(--dc-paper-deep)}.dc-btn--small{font-size:.85rem;padding:.65rem 1.1rem;min-height:40px}.dc-btn[disabled],.dc-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.dc-btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.diyu-course a:focus-visible,.diyu-course button:focus-visible,.diyu-course summary:focus-visible,.diyu-course input:focus-visible{outline:2px solid var(--dc-ink);outline-offset:3px}.dc-hero{border-bottom:1px solid var(--dc-line)}.dc-hero__badge{display:inline-block;font-family:var(--dc-font-label);font-size:var(--dc-fs-label);letter-spacing:.18em;padding:.35rem .7rem;border:1px solid var(--dc-sand);color:var(--dc-ink-soft);margin-bottom:1.6rem}.dc-hero__sub{font-family:var(--dc-font-display);font-size:clamp(1.05rem,2.8vw,1.35rem);color:var(--dc-ink-soft);margin:0 0 1.8rem}.dc-hero__meta{list-style:none;padding:0;margin:1.8rem 0 0;display:grid;gap:.4rem;font-size:var(--dc-fs-small);color:var(--dc-ink-soft)}.dc-hero__meta li{padding-left:1.1rem;position:relative}.dc-hero__meta li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:1px;background:var(--dc-sand-deep)}.dc-intro{background:var(--dc-paper-deep)}.dc-value-grid{display:grid;gap:var(--dc-gap);grid-template-columns:1fr;margin-top:2rem}@media(min-width:40rem){.dc-value-grid{grid-template-columns:1fr 1fr}}.dc-value{border-top:1px solid var(--dc-sand);padding-top:1rem}.dc-value__num{font-family:var(--dc-font-label);font-size:var(--dc-fs-label);letter-spacing:.18em;color:var(--dc-ink-faint);display:block;margin-bottom:.5rem}.dc-value__body{margin:0;font-size:.95rem;color:var(--dc-ink-soft)}.dc-list{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.9rem}.dc-list li{padding-left:1.4rem;position:relative;color:var(--dc-ink-soft)}.dc-list li:before{content:"";position:absolute;left:0;top:.78em;width:8px;height:1px;background:var(--dc-sand-deep)}.dc-progress{border-bottom:1px solid var(--dc-line);position:sticky;top:0;z-index:5;background:var(--dc-paper)}@media(max-width:40rem){.dc-progress{position:static}}.dc-progress .diyu-course__inner{padding-top:clamp(1rem,3vw,1.6rem);padding-bottom:clamp(1rem,3vw,1.6rem)}.dc-progress__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.9rem}.dc-progress__title{font-family:var(--dc-font-label);font-size:var(--dc-fs-label);letter-spacing:.2em;text-transform:uppercase;color:var(--dc-ink-faint);margin:0}.dc-progress__count{font-family:var(--dc-font-display);font-size:1.05rem;letter-spacing:.02em}.dc-progress__count b{font-weight:500}.dc-progress__state{font-size:var(--dc-fs-small);color:var(--dc-ink-faint);margin-left:.6rem}.dc-scale{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;align-items:end;height:14px}.dc-scale__tick{height:3px;background:var(--dc-line);transition:height .25s ease,background .25s ease}.dc-scale__tick[data-state=current]{height:10px;background:var(--dc-sand-deep)}.dc-scale__tick[data-state=done]{height:14px;background:var(--dc-ink)}.dc-lessons .diyu-course__inner{padding-top:clamp(2rem,5vw,3rem)}.dc-lessons__list{border-top:1px solid var(--dc-line);margin-top:2rem}.dc-lesson{border-bottom:1px solid var(--dc-line)}.dc-lesson__summary{display:block;list-style:none;cursor:pointer;padding:1.35rem 2.4rem 1.35rem 0;position:relative}.dc-lesson__summary::-webkit-details-marker{display:none}.dc-lesson__no{font-family:var(--dc-font-label);font-size:var(--dc-fs-label);letter-spacing:.22em;color:var(--dc-ink-faint);display:block;margin-bottom:.35rem}.dc-lesson__title{font-family:var(--dc-font-display);font-size:clamp(1.05rem,2.6vw,1.28rem);font-weight:500;line-height:1.5;margin:0 0 .45rem}.dc-lesson__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;font-size:var(--dc-fs-small);color:var(--dc-ink-faint)}.dc-lesson__status[data-state=done]{color:var(--dc-ok)}.dc-lesson__status[data-state=doing]{color:var(--dc-sand-deep)}.dc-lesson__sign{position:absolute;right:0;top:1.5rem;width:20px;height:20px;color:var(--dc-ink-soft)}.dc-lesson__sign:before,.dc-lesson__sign:after{content:"";position:absolute;background:currentColor;transition:transform .2s ease,opacity .2s ease}.dc-lesson__sign:before{left:0;top:9px;width:20px;height:1px}.dc-lesson__sign:after{left:9px;top:0;width:1px;height:20px}.dc-lesson[open] .dc-lesson__sign:after{opacity:0;transform:rotate(90deg)}.dc-lesson__body{padding:0 0 2.4rem;max-width:38em}.dc-video{position:relative;width:100%;aspect-ratio:16 / 9;background:#26251f;border-radius:var(--dc-radius);overflow:hidden;margin-bottom:1.8rem}.dc-video img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}.dc-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.dc-video__play{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dc-paper);font-family:var(--dc-font-label);font-size:.8rem;letter-spacing:.16em}.dc-video__play span{border:1px solid rgba(247,245,241,.7);padding:.7rem 1.4rem;background:#1f1e1c59}.dc-video--empty{display:flex;align-items:center;justify-content:center;color:#a8a29a;font-size:var(--dc-fs-small);letter-spacing:.1em}.dc-goals{margin:0 0 1.8rem}.dc-goals__list{list-style:none;padding:0;margin:0;display:grid;gap:.55rem;counter-reset:goal}.dc-goals__list li{position:relative;padding-left:2.1rem;color:var(--dc-ink-soft);counter-increment:goal}.dc-goals__list li:before{content:counter(goal,decimal-leading-zero);position:absolute;left:0;top:.05em;font-family:var(--dc-font-label);font-size:var(--dc-fs-label);letter-spacing:.1em;color:var(--dc-ink-faint)}.dc-summary-text{margin-bottom:1.8rem}.dc-summary-text p{margin:0 0 1.1em}.dc-summary-text ul{margin:0 0 1.1em;padding-left:1.2em}.dc-key{border-left:2px solid var(--dc-sand-deep);padding:.2rem 0 .2rem 1.2rem;margin:0 0 2rem;font-family:var(--dc-font-display);font-size:1.1rem;line-height:1.7;color:var(--dc-ink)}.dc-quiz{background:var(--dc-paper-deep);padding:clamp(1.1rem,4vw,1.6rem);border-radius:var(--dc-radius);margin-bottom:1.8rem}.dc-quiz__q{margin:0 0 1.4rem}.dc-quiz__q:last-of-type{margin-bottom:.4rem}.dc-quiz__q-text{font-weight:500;margin:0 0 .8rem;line-height:1.6}.dc-quiz__options{display:grid;gap:.15rem}.dc-quiz__option{display:flex;align-items:flex-start;gap:.65rem;padding:.55rem .6rem;border-radius:var(--dc-radius);cursor:pointer;line-height:1.6}.dc-quiz__option:hover{background:#c9bca847}.dc-quiz__option input{margin:.45em 0 0;flex:0 0 auto;width:16px;height:16px;accent-color:#1f1e1c}.dc-quiz__explain{font-size:var(--dc-fs-small);line-height:1.75;margin:.7rem 0 0;padding-left:.6rem;border-left:2px solid var(--dc-warn);color:var(--dc-ink-soft)}.dc-quiz__explain[hidden]{display:none}.dc-quiz__feedback{font-size:.9rem;margin:1rem 0 0;min-height:1.4em}.dc-quiz__feedback[data-state=pass]{color:var(--dc-ok)}.dc-quiz__feedback[data-state=fail]{color:var(--dc-warn)}.dc-quiz__fallback{margin-top:1rem;font-size:var(--dc-fs-small)}.dc-quiz__fallback summary{cursor:pointer;color:var(--dc-ink-soft)}.dc-handout{margin:0 0 1.8rem}.dc-handout__link{display:flex;align-items:center;gap:.9rem;border:1px solid var(--dc-sand-deep);border-radius:var(--dc-radius);padding:.9rem 1.1rem;min-height:44px;text-decoration:none;color:var(--dc-ink);background:var(--dc-paper);transition:background .18s ease}.dc-handout__link:hover{background:var(--dc-paper-deep)}.dc-handout__no{font-family:var(--dc-font-label);font-size:var(--dc-fs-label);letter-spacing:.18em;color:var(--dc-ink-faint);white-space:nowrap}.dc-handout__title{flex:1;font-size:.95rem;line-height:1.5}.dc-handout__arrow{color:var(--dc-ink-faint);flex:none}.dc-handout__hint{margin-top:.6rem}.dc-links{margin-bottom:1.8rem}.dc-links__title{font-family:var(--dc-font-label);font-size:var(--dc-fs-label);letter-spacing:.2em;text-transform:uppercase;color:var(--dc-ink-faint);margin:0 0 .8rem}.dc-links__list{list-style:none;padding:0;margin:0;display:grid;gap:.1rem}.dc-links__list a{display:block;padding:.6rem 0;border-bottom:1px solid var(--dc-line);color:var(--dc-ink);text-decoration:none;font-size:.95rem;min-height:44px;display:flex;align-items:center;gap:.6rem}.dc-links__list a:hover{color:var(--dc-sand-deep)}.dc-links__list a:after{content:"\2192";margin-left:auto;color:var(--dc-ink-faint);font-size:.85rem}.dc-objects{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}.dc-object{text-decoration:none;color:var(--dc-ink)}.dc-object img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:var(--dc-radius)}.dc-object__name{font-size:var(--dc-fs-small);margin:.5rem 0 0;line-height:1.5}.dc-object__price{font-size:var(--dc-fs-small);color:var(--dc-ink-faint)}.dc-lesson__foot{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;border-top:1px solid var(--dc-line);padding-top:1.4rem}.dc-lesson__done{font-size:.92rem;color:var(--dc-ok);margin:0}.dc-lesson__done[hidden]{display:none}.dc-final{background:var(--dc-paper-deep);border-top:1px solid var(--dc-line)}.dc-final__gate{font-size:var(--dc-fs-small);color:var(--dc-ink-soft);border:1px solid var(--dc-sand);padding:.9rem 1.1rem;margin:1.4rem 0 0}.dc-final__panel{margin-top:2rem}.dc-final__panel[hidden]{display:none}.dc-final__score{font-family:var(--dc-font-display);font-size:1.5rem;margin:0 0 .6rem}.dc-final__result[hidden]{display:none}.dc-final__pass{font-family:var(--dc-font-display);font-size:var(--dc-fs-h3);color:var(--dc-ok);margin:0 0 1rem}.dc-reward{border-top:1px solid var(--dc-line)}.dc-reward__locked,.dc-reward__unlocked{margin-top:1.6rem}.dc-reward__locked[hidden],.dc-reward__unlocked[hidden]{display:none}.dc-terms{list-style:none;padding:0;margin:1.2rem 0 0;font-size:var(--dc-fs-small);color:var(--dc-ink-soft);display:grid;gap:.45rem}.dc-terms li{padding-left:1rem;position:relative}.dc-terms li:before{content:"\b7";position:absolute;left:.2rem;color:var(--dc-sand-deep)}.dc-form{display:grid;gap:.9rem;max-width:24rem;margin-top:1.6rem}.dc-form label{font-size:var(--dc-fs-small);color:var(--dc-ink-soft)}.dc-form input[type=text],.dc-form input[type=email]{width:100%;font:inherit;font-size:.95rem;padding:.75rem .85rem;min-height:44px;border:1px solid var(--dc-sand-deep);border-radius:var(--dc-radius);background:#fff;color:var(--dc-ink)}.dc-form__msg{font-size:var(--dc-fs-small);color:var(--dc-ok);margin:0}.dc-next{background:var(--dc-ink);color:var(--dc-paper)}.dc-next .dc-h2{color:var(--dc-paper)}.dc-next .dc-label{color:#f7f5f18c}.dc-next__grid{display:grid;gap:1px;background:#f7f5f12e;margin-top:2rem}@media(min-width:46rem){.dc-next__grid{grid-template-columns:repeat(3,1fr)}}.dc-next__card{background:var(--dc-ink);padding:1.6rem 1.4rem;text-decoration:none;color:var(--dc-paper);display:block;transition:background .18s ease}.dc-next__card:hover{background:#2b2925}.dc-next__card-title{font-family:var(--dc-font-display);font-size:1.15rem;font-weight:500;margin:0 0 .5rem}.dc-next__card-body{font-size:var(--dc-fs-small);color:#f7f5f1b3;margin:0;line-height:1.75}.dc-next__secondary{margin-top:2rem;font-size:var(--dc-fs-small)}.dc-next__secondary a{color:var(--dc-sand)}.dc-faq__list{border-top:1px solid var(--dc-line);margin-top:2rem}.dc-faq__item{border-bottom:1px solid var(--dc-line)}.dc-faq__q{display:block;list-style:none;cursor:pointer;padding:1.15rem 2rem 1.15rem 0;position:relative;font-family:var(--dc-font-display);font-size:1.02rem;line-height:1.6}.dc-faq__q::-webkit-details-marker{display:none}.dc-faq__q:after{content:"\ff0b";position:absolute;right:0;top:1.1rem;color:var(--dc-ink-faint);font-size:.9rem}.dc-faq__item[open] .dc-faq__q:after{content:"\ff0d"}.dc-faq__a{padding:0 0 1.5rem;color:var(--dc-ink-soft);max-width:34em}.dc-faq__a p{margin:0 0 .9em}.dc-faq__a p:last-child{margin-bottom:0}.dc-fineprint{border-top:1px solid var(--dc-line);margin-top:2.5rem;padding-top:1.5rem;font-size:var(--dc-fs-small);color:var(--dc-ink-faint);line-height:1.8}.dc-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.diyu-course *,.diyu-course *:before,.diyu-course *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.diyu-course--js .dc-quiz__fallback,.diyu-course--js .dc-nojs{display:none}.dc-nojs{font-size:var(--dc-fs-small);color:var(--dc-ink-faint);margin-top:1rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/diyu-course.css.map */