:root{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #dae0e9;--surface2: #f2f2f2;--surface3: #ccc;--surface-white: #fff;--surface-text: #5b6a80;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--surface-btn3: rgb(240, 243, 248);--surface-btn4: rgb(228, 232, 238);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(22, 183, 118);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(227, 243, 229);--surfaceGreen2: rgb(164, 221, 169);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}@media (prefers-color-scheme: dark){:root{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-text: rgb(158, 165, 180);--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--surface-btn3: rgb(45, 47, 53);--surface-btn4: rgb(27, 30, 35);--surface-white: #2b2c2e;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 173, .1);--surfaceGreen2: rgba(72, 255, 148, .2);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}}:root body{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #dae0e9;--surface2: #f2f2f2;--surface3: #ccc;--surface-white: #fff;--surface-text: #5b6a80;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--surface-btn3: rgb(240, 243, 248);--surface-btn4: rgb(228, 232, 238);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(22, 183, 118);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(227, 243, 229);--surfaceGreen2: rgb(164, 221, 169);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}:root body.dark-mode{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-text: rgb(158, 165, 180);--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--surface-btn3: rgb(45, 47, 53);--surface-btn4: rgb(27, 30, 35);--surface-white: #2b2c2e;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 173, .1);--surfaceGreen2: rgba(72, 255, 148, .2);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}.fortune-cmp{padding:20px;overflow:hidden}.fortune-cmp.is-main{padding:20px 10px;background:var(--bg-surface);border:none!important}@media (max-width: 550px){.fortune-cmp.is-main{padding:10px 0}}.fortune-cmp h3 strong{color:var(--blue1)}.fortune-cmp .fortune-more{width:100%;display:flex;align-items:center;margin:10px 0;justify-content:flex-end;color:var(--blue1)}.fortune-cmp .fortune-more svg{margin-left:5px;font-size:16px}.fortune-cmp .year-selection .year-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.fortune-cmp .year-selection button{background:var(--surface-btn2);border:1px solid var(--surface-btn2);color:var(--typo1);padding:6px 9px;border-radius:8px;font-weight:500;font-size:13px}.fortune-cmp .year-selection .active{color:var(--blue1);border-color:var(--blue1);background:var(--bg)}.fortune-cmp .single-fortune-content dt{display:none}.fortune-cmp .single-fortune-content dd{white-space:pre-wrap;border-radius:16px;padding:16px 20px;background:var(--bg);margin:10px 0;box-shadow:1px 2px 8px #00000012;border:0!important;word-break:keep-all}@media (max-width: 550px){.fortune-cmp .single-fortune-content dd{padding:16px 14px}}.fortune-cmp .btn-more{margin-top:10px}.fortune-cmp .btn-more button{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 15px 5px;border:0;background:none;border-radius:8px;color:var(--typo2);font-size:16px;font-weight:600}.fortune-cmp .btn-more button svg{flex-shrink:0;margin-left:5px}.fortune-cmp .foutune-detail{margin:0 -16px;padding:0 16px;overflow:hidden;height:auto}.fortune-cmp .foutune-detail.isFold{height:0}.fortune-cmp .date-select{margin:5px 0 0;display:flex;align-items:center;justify-content:space-between}.fortune-cmp .date-select button{display:flex;align-items:center;justify-content:center;background:transparent;border:0;height:40px;margin:0 -5px;color:var(--typo4);font-size:16px;font-weight:600}.fortune-cmp .date-select button svg{margin:0 4px;font-size:22px}.fortune-cmp .date-select button:disabled{opacity:.15}.fortune-cmp .date-select span{text-align:center;min-width:135px;margin:0 6px;color:var(--typo1);font-size:16px;font-weight:600}.fortune-cmp .total{margin:25px 0 20px;border-radius:10px;line-height:1.5}@media (max-width: 550px){.fortune-cmp .total{margin:20px 0 10px}}.fortune-cmp .total dt{font-size:19px;margin-bottom:10px;font-weight:700;color:var(--typo1);display:none}@media (max-width: 550px){.fortune-cmp .total dt{font-size:18px;margin-bottom:5px}}.fortune-cmp .total dt span{margin-right:8px;font-size:22px}.fortune-cmp .total dd{font-size:16px;line-height:1.5;font-weight:500;color:var(--typo2);word-break:keep-all;white-space:pre-wrap}.fortune-cmp .total dd .first-text{margin-bottom:8px}.fortune-cmp .total dd strong{--highlight-thickness: 35%;--highlight-start: calc(100% - var(--highlight-thickness));display:inline;font-weight:600;color:var(--typo1);font-size:17px;background:linear-gradient(to bottom,transparent 0%,transparent var(--highlight-start),rgba(255,235,59,.6) var(--highlight-start),rgba(255,235,59,.8) calc(var(--highlight-start) + var(--highlight-thickness) / 2),rgba(255,235,59,.6) 100%);border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 4px}.dark-mode .fortune-cmp .total dd strong{background:linear-gradient(to bottom,transparent 0%,transparent var(--highlight-start),rgba(255,235,59,.4) var(--highlight-start),rgba(255,235,59,.6) calc(var(--highlight-start) + var(--highlight-thickness) / 2),rgba(255,235,59,.4) 100%)}@media (max-width: 550px){.fortune-cmp .total dd{white-space:normal;font-size:15px}}.fortune-cmp .for-swiper{position:relative;margin:15px -15px 0;padding:0 15px}.fortune-cmp .for-swiper .swiper-slide{height:auto;padding:15px;background-color:var(--bg);border-radius:8px}@media (max-width: 550px){.fortune-cmp .for-swiper .swiper-slide{padding:10px}}.fortune-cmp .for-swiper.isFold dd{word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.fortune-cmp .for-swiper dl dt{margin-bottom:10px;font-weight:600;font-size:15px;color:var(--typo1)}@media (max-width: 550px){.fortune-cmp .for-swiper dl dt{margin-bottom:8px;font-size:14px}}.fortune-cmp .for-swiper dl dd{font-size:13px;color:var(--typo4);line-height:1.6}