.to-jd[data-v-bf123e88]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:linear-gradient(160deg,#e8f5e9,#f1f8f4 30%,#f5f7fa 60%,#eef2ff);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;position:relative;height:100%;overflow:auto}.to-jd[data-v-bf123e88]:before{content:"";position:fixed;top:-120px;right:-80px;width:260px;height:260px;background:radial-gradient(circle,rgba(7,193,96,.12) 0,rgba(0,0,0,0) 70%);border-radius:50%;pointer-events:none;z-index:0}.to-jd[data-v-bf123e88]:after{content:"";position:fixed;bottom:-100px;left:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(59,130,246,.1) 0,rgba(0,0,0,0) 70%);border-radius:50%;pointer-events:none;z-index:0}.container[data-v-bf123e88]{width:100%;max-width:400px;position:relative;z-index:1;height:100%}.header[data-v-bf123e88]{text-align:center;margin-bottom:28px;-webkit-animation:fadeInUp-bf123e88 .4s ease both;animation:fadeInUp-bf123e88 .4s ease both}.header img[data-v-bf123e88]{width:200px;height:200px;margin-bottom:14px}.header h1[data-v-bf123e88]{font-size:22px;font-weight:700;color:#1a1a1a;letter-spacing:.5px}.header p[data-v-bf123e88]{font-size:13px;color:#666;margin-top:6px;line-height:1.5}.card[data-v-bf123e88]{background:#fff;border-radius:16px;padding:22px 20px;margin-bottom:16px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.08);-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;position:relative;overflow:hidden}.card[data-v-bf123e88]:active{-webkit-transform:scale(.985);-ms-transform:scale(.985);transform:scale(.985)}.card[data-v-bf123e88]:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px 0 0 4px}.card.book[data-v-bf123e88]:after{background:-webkit-gradient(linear,left top,left bottom,from(#3b82f6),to(#60a5fa));background:linear-gradient(180deg,#3b82f6,#60a5fa)}.card.course[data-v-bf123e88]:after{background:-webkit-gradient(linear,left top,left bottom,from(#07c160),to(#3ddc84));background:linear-gradient(180deg,#07c160,#3ddc84)}.card[data-v-bf123e88]:nth-child(2){-webkit-animation:fadeInUp-bf123e88 .4s ease .1s both;animation:fadeInUp-bf123e88 .4s ease .1s both}.card[data-v-bf123e88]:nth-child(3){-webkit-animation:fadeInUp-bf123e88 .4s ease .2s both;animation:fadeInUp-bf123e88 .4s ease .2s both}.card img[data-v-bf123e88]{width:100%;height:auto;margin-bottom:16px}.card-header[data-v-bf123e88]{gap:12px;margin-bottom:14px}.card-header[data-v-bf123e88],.card-icon[data-v-bf123e88]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-icon[data-v-bf123e88]{width:44px;height:44px;border-radius:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px;-ms-flex-negative:0;flex-shrink:0}.card.book .card-icon[data-v-bf123e88]{background:#eff6ff}.card.course .card-icon[data-v-bf123e88]{background:#ecfdf5}.card-title[data-v-bf123e88]{font-size:17px;font-weight:600;color:#1a1a1a}.card-desc[data-v-bf123e88]{font-size:13px;color:#666;line-height:1.6;margin-bottom:16px;padding-left:4px}.tags[data-v-bf123e88]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:16px;padding-left:4px}.tag[data-v-bf123e88]{font-size:11px;padding:4px 10px;border-radius:20px;font-weight:500;letter-spacing:.3px}.tag-blue[data-v-bf123e88]{background:#eff6ff;color:#3b82f6}.tag-green[data-v-bf123e88]{background:#ecfdf5;color:#059669}.tag-orange[data-v-bf123e88]{background:#fff7ed;color:#ea580c}.btn[data-v-bf123e88]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;width:100%;padding:13px 0;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.5px;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn[data-v-bf123e88]:active{-webkit-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}.btn-book[data-v-bf123e88]{background:linear-gradient(135deg,#3b82f6,#4f8af7);color:#fff;-webkit-box-shadow:0 4px 14px rgba(59,130,246,.3);box-shadow:0 4px 14px rgba(59,130,246,.3)}.btn-book[data-v-bf123e88]:active{-webkit-box-shadow:0 2px 6px rgba(59,130,246,.25);box-shadow:0 2px 6px rgba(59,130,246,.25)}.btn-course[data-v-bf123e88]{background:linear-gradient(135deg,#07c160,#1edc7a);color:#fff;-webkit-box-shadow:0 4px 14px rgba(7,193,96,.3);box-shadow:0 4px 14px rgba(7,193,96,.3)}.btn-course[data-v-bf123e88]:active{-webkit-box-shadow:0 2px 6px rgba(7,193,96,.25);box-shadow:0 2px 6px rgba(7,193,96,.25)}.arrow[data-v-bf123e88]{font-size:14px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.btn:active .arrow[data-v-bf123e88]{-webkit-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px)}.footer[data-v-bf123e88]{text-align:center;margin-top:20px;font-size:12px;color:#999;line-height:1.8}.footer .dot[data-v-bf123e88]{display:inline-block;width:4px;height:4px;background:#d1d5db;border-radius:50%;margin:0 8px;vertical-align:middle}@-webkit-keyframes fadeInUp-bf123e88{0%{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-bf123e88{0%{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.toast[data-v-bf123e88]{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(.8);-ms-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);background:rgba(0,0,0,.78);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;pointer-events:none;opacity:0;-webkit-transition:all .25s ease;transition:all .25s ease;z-index:999;white-space:nowrap}.toast.show[data-v-bf123e88]{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}