body.fiction-active>.content-wrapper>.site-header,body.fiction-active>.content-wrapper>.accent-bar,body.fiction-active>.content-wrapper>.site-footer,body.fiction-active>#bg-canvas,body.fiction-active>.mouse-glow{display:none!important}.fiction-wheel-page{--fw-bg:#0a1018;--fw-bg-elevated:#0e1420;--fw-amber-primary:#c8af6e;--fw-amber-50:#c8af6e0d;--fw-amber-100:#c8af6e1a;--fw-amber-200:#c8af6e26;--fw-amber-300:#c8af6e40;--fw-amber-400:#c8af6e59;--fw-amber-500:#c8af6e80;--fw-amber-600:#c8af6e99;--fw-amber-700:#c8af6ecc;--fw-amber-900:#c8af6e;--fw-text-primary:#ffffffe6;--fw-text-secondary:#d8d0e0a6;--fw-text-tertiary:#c8c3b48c;--fw-text-muted:#c8c3b440;--fw-text-label:#c8af6e59;--fw-sea-heart:#dc281e66;--fw-sea-heart-glow:#dc281e80;--fw-border:#b4965014;--fw-border-subtle:#b496500f;--fw-font-mono:"Courier New", "Consolas", "Monaco", monospace;--fw-font-serif-cn:"Ma Shan Zheng", "ZCOOL XiaoWei", "STKaiti", "KaiTi", "Songti SC", "SimSun", serif;--fw-font-body:"Songti SC", "SimSun", "Noto Serif CJK SC", "Georgia", serif;--fw-font-sans:system-ui, -apple-system, "Segoe UI", "Noto Sans SC", sans-serif;--fw-text-xs:.48rem;--fw-text-sm:.55rem;--fw-text-base:.72rem;--fw-text-md:.82rem;--fw-text-lg:.95rem;--fw-text-xl:1.2rem;--fw-text-2xl:1.4rem;--fw-text-3xl:1.8rem;--fw-leading-tight:1.35;--fw-leading-normal:1.6;--fw-leading-relaxed:2;--fw-leading-loose:2.1;--fw-tracking-tight:.02em;--fw-tracking-normal:.06em;--fw-tracking-wide:.08em;--fw-tracking-wider:.1em;--fw-tracking-widest:.12em;--fw-tracking-ultra:.2em;--fw-tracking-label:.25em;--fw-space-xs:.3rem;--fw-space-sm:.5rem;--fw-space-md:1rem;--fw-space-lg:1.5rem;--fw-space-xl:2rem;--fw-space-2xl:3rem;--fw-radius-sm:2px;--fw-radius-md:4px;--fw-radius-lg:8px;--fw-radius-xl:16px;--fw-duration-spin:.8s;--fw-duration-fade:.3s;--fw-duration-pulse:4s;--fw-duration-breathe:25s;--fw-duration-heartbeat:3s;--fw-topbar-height:44px;--fw-detail-padding-x:3.5rem;--fw-detail-padding-x-mobile:1.5rem;z-index:50;background:var(--fw-bg);width:100%;height:100%;color:var(--fw-text-primary);font-family:var(--fw-font-sans);position:fixed;top:0;left:0;overflow:hidden}.ocean-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.sea-heart{background:var(--fw-sea-heart);width:10px;height:10px;box-shadow:0 0 20px var(--fw-sea-heart-glow), 0 0 60px #dc281e33, 0 0 100px #dc281e1a;filter:blur(2px);z-index:1;animation:fw-heartbeat var(--fw-duration-heartbeat) ease-in-out infinite;border-radius:50%;position:fixed;bottom:45%;left:50%;transform:translate(-50%,50%)}@keyframes fw-heartbeat{0%,to{opacity:1;transform:translate(-50%,50%)scale(1)}50%{opacity:.7;transform:translate(-50%,50%)scale(1.6)}}.ocean-caustics{z-index:1;opacity:.025;pointer-events:none;will-change:transform;background:radial-gradient(600px 400px at 30% 40%,#c8af6e80,#0000),radial-gradient(500px 350px at 70% 60%,#c8af6e66,#0000),radial-gradient(400px 300px at 50% 30%,#b496504d,#0000);width:100%;height:100%;animation:25s ease-in-out infinite alternate fw-caustics-drift;position:fixed;top:0;left:0}@keyframes fw-caustics-drift{0%{transform:translate(0)scale(1)}33%{transform:translate(20px,-15px)scale(1.05)}66%{transform:translate(-15px,10px)scale(.97)}to{transform:translate(10px,20px)scale(1.03)}}.ocean-breath{z-index:1;pointer-events:none;background:#0a081208;width:100%;height:100%;animation:25s ease-in-out infinite fw-breathe;position:fixed;top:0;left:0}@keyframes fw-breathe{0%,to{opacity:0}50%{opacity:1}}.fw-topbar{height:var(--fw-topbar-height);z-index:100;pointer-events:none;background:linear-gradient(90deg,#0a1018cc,#0000 60%);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.fw-topbar>*{pointer-events:auto}.fw-topbar-esc{font-family:var(--fw-font-mono);font-size:var(--fw-text-xs);color:var(--fw-amber-500);border:1px solid var(--fw-amber-400);border-radius:var(--fw-radius-xl);letter-spacing:var(--fw-tracking-wide);padding:.2rem .6rem;text-decoration:none;transition:all .2s}.fw-topbar-esc:hover{color:var(--fw-amber-700);border-color:var(--fw-amber-500);box-shadow:0 0 12px #c8af6e26}.fw-topbar-title{font-family:var(--fw-font-mono);font-size:var(--fw-text-xs);color:var(--fw-amber-400);letter-spacing:var(--fw-tracking-ultra);text-transform:uppercase;user-select:none}.fw-topbar-hint{font-family:var(--fw-font-mono);font-size:var(--fw-text-xs);color:var(--fw-text-muted);user-select:none}.fw-main{z-index:10;width:100%;height:100%;padding-top:var(--fw-topbar-height);display:flex;position:relative}.fw-viewport-area{flex-direction:column;flex:0 0 50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.fw-viewport-area:after{content:"";background:linear-gradient(to right, transparent, var(--fw-bg));pointer-events:none;z-index:20;width:80px;height:100%;position:absolute;top:0;right:0}.fw-viewport-blur-bg{filter:blur(30px)brightness(.3)saturate(.6);z-index:0;will-change:opacity;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.fw-viewport-blur-bg-next{opacity:0}.fw-viewport-ring{z-index:5;cursor:pointer;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:min(85vh,42vw);height:min(85vh,42vw);display:flex;position:relative}.fw-viewport-ring:before{content:"";border:1px solid var(--fw-amber-300);pointer-events:none;z-index:10;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.fw-viewport-window{background:var(--fw-bg);perspective:1200px;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.fw-carousel-stage{width:280px;height:380px;transform-style:preserve-3d;will-change:transform;position:relative}.fw-carousel-card{border-radius:var(--fw-radius-lg);border:1px solid #b496501a;flex-direction:column;width:280px;height:380px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.fw-carousel-card.active{box-shadow:0 0 30px #c8af6e26,0 0 60px #c8af6e14}.fw-carousel-card-img{flex:0 0 70%;width:100%;position:relative;overflow:hidden}.fw-carousel-card-img img{object-fit:cover;width:100%;height:100%;display:block}.fw-carousel-card-info{background:linear-gradient(#0a1018d9,#0a1018f2);flex-direction:column;flex:0 0 30%;justify-content:center;width:100%;padding:.6rem .8rem;display:flex;position:relative}.fw-carousel-card-cn{font-family:var(--fw-font-serif-cn);font-size:var(--fw-text-lg);color:#ffffffe6;letter-spacing:var(--fw-tracking-wider);line-height:var(--fw-leading-tight)}.fw-carousel-card-en{font-family:var(--fw-font-mono);font-size:var(--fw-text-sm);color:#c8af6e80;letter-spacing:var(--fw-tracking-wide);margin-top:3px}.fw-carousel-card-date{font-family:var(--fw-font-mono);font-size:var(--fw-text-xs);color:#c8af6e59;letter-spacing:var(--fw-tracking-normal);margin-top:2px}.fw-wheel-dots{z-index:10;justify-content:center;gap:8px;margin-top:1.8rem;display:flex;position:relative}.fw-wheel-dot{background:var(--fw-amber-200);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .3s}.fw-wheel-dot.active{background:var(--fw-amber-700);transform:scale(1.4);box-shadow:0 0 8px #c8af6e4d}.fw-wheel-dot:hover:not(.active){background:var(--fw-amber-400)}.fw-center-divider{background:var(--fw-amber-300);z-index:20;width:1px;height:80%;animation:fw-divider-pulse var(--fw-duration-pulse) ease-in-out infinite;position:absolute;top:10%;left:50%}@keyframes fw-divider-pulse{0%,to{opacity:.3}50%{opacity:.7}}.fw-detail-area{flex:0 0 50%;align-items:center;display:flex;position:relative;overflow:hidden}.fw-detail-bg{opacity:.08;filter:blur(30px);z-index:0;will-change:opacity;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .6s;position:absolute;top:0;left:0;mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.fw-detail-content{z-index:5;padding:var(--fw-space-2xl) var(--fw-detail-padding-x);max-width:480px;transition:opacity var(--fw-duration-fade) ease;position:relative}.fw-detail-content.fw-fading{opacity:0}.fw-detail-label{font-family:var(--fw-font-mono);font-size:var(--fw-text-xs);color:var(--fw-text-label);letter-spacing:var(--fw-tracking-label);text-transform:uppercase;margin-bottom:var(--fw-space-lg)}.fw-detail-title-en{font-family:var(--fw-font-mono);font-size:var(--fw-text-3xl);color:var(--fw-text-primary);letter-spacing:var(--fw-tracking-tight);margin-bottom:var(--fw-space-sm);font-weight:300}.fw-detail-title-cn{font-family:var(--fw-font-serif-cn);font-size:var(--fw-text-2xl);color:var(--fw-amber-500);letter-spacing:var(--fw-tracking-widest);margin-bottom:var(--fw-space-xl)}.fw-detail-divider{background:linear-gradient(to right, var(--fw-amber-500), transparent);width:50px;height:1px;margin-bottom:var(--fw-space-md)}.fw-detail-date{font-family:var(--fw-font-mono);font-size:var(--fw-text-sm);color:var(--fw-amber-300);letter-spacing:var(--fw-tracking-wide);margin-bottom:var(--fw-space-xl)}.fw-detail-body{font-family:var(--fw-font-body);font-size:var(--fw-text-md);color:var(--fw-text-tertiary);line-height:var(--fw-leading-loose);margin-bottom:var(--fw-space-xl)}.fw-detail-body p{text-indent:2em;margin-bottom:var(--fw-space-sm)}.fw-detail-chapters{margin-bottom:var(--fw-space-xl);border-top:1px solid var(--fw-border);list-style:none}.fw-detail-chapters li{font-family:var(--fw-font-mono);font-size:var(--fw-text-sm);color:var(--fw-amber-400);border-bottom:1px solid var(--fw-border-subtle);letter-spacing:var(--fw-tracking-normal);cursor:default;padding:.55rem 0;transition:all .2s}.fw-detail-chapters li:hover{color:var(--fw-amber-600);background:var(--fw-amber-50);padding-left:.5rem}.fw-detail-btn{font-family:var(--fw-font-mono);font-size:var(--fw-text-sm);color:var(--fw-amber-500);border:1px solid var(--fw-amber-400);border-radius:var(--fw-radius-xl);letter-spacing:var(--fw-tracking-wide);cursor:pointer;background:0 0;padding:.45rem 1.2rem;text-decoration:none;transition:all .3s;display:inline-block}.fw-detail-btn:hover{color:var(--fw-amber-700);border-color:var(--fw-amber-600);box-shadow:0 0 12px #c8af6e26,0 0 30px #c8af6e0f}@media (width<=900px){.fiction-wheel-page{min-height:100dvh;position:relative}.fw-main{height:auto;min-height:calc(100vh - var(--fw-topbar-height));min-height:calc(100dvh - var(--fw-topbar-height));flex-direction:column}.fw-viewport-area{flex:none;width:100%;height:50dvh}.fw-viewport-area:after{background:linear-gradient(to bottom, transparent, var(--fw-bg));width:100%;height:60px;inset:auto 0 0}.fw-viewport-ring{width:min(60vh,75vw);height:min(60vh,75vw)}.fw-detail-area{flex:none;width:100%;min-height:auto;padding-bottom:2rem}.fw-detail-content{padding:var(--fw-space-lg) var(--fw-detail-padding-x-mobile);max-width:100%}.fw-detail-title-en{font-size:var(--fw-text-2xl)}.fw-detail-title-cn{font-size:var(--fw-text-xl)}.fw-center-divider{display:none}.fw-wheel-dots{margin-top:.8rem}.fw-carousel-card,.fw-carousel-stage{width:200px;height:280px}.fw-detail-body,.fw-detail-chapters{margin-bottom:var(--fw-space-md)}}