/* One Piece, Sakura-inspired. CSS-only cover and image switching. */
:root{--ocean:#197c99;--gold:#edbe64;--ink:#244355;--muted:#81949e;--paper:#f8fbfc}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.8}a{color:var(--ocean);text-decoration:none}a:hover{color:#ba862e}a:focus-visible,summary:focus-visible,label:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img{max-width:100%}
#header,#top_nav,#sideBar,#blogTitle,#navigator,#blog_stats_place_holder,.blogStats,#blog-calendar,#sidebar_news,.newsItem,#blogLogo,#sidebar_postarchive,#sidebar_categories{display:none!important}
#home{width:100%;max-width:none;margin:0;padding:0;border:0;background:none}#page_begin_html,#page_end_html{margin:0;padding:0}#main{display:block;width:min(1060px,calc(100% - 48px));max-width:1060px;margin:0 auto;padding:12px 0 64px;border:0;background:transparent;float:none}#mainContent{width:100%;float:none;margin:0;padding:0}.forFlow{margin:0;padding:0}
.op-topbar{position:absolute;top:0;left:0;width:100%;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,90px);z-index:20;border-bottom:1px solid #ffffff26;background:linear-gradient(#0c273843,#0c273800);color:white}.op-brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:20px;letter-spacing:2px}.op-brand b{font-size:22px;background:#edbe64;color:#1d4050;line-height:1.6;padding:0 9px;border-radius:6px;letter-spacing:0}.op-topbar nav{display:flex;gap:30px}.op-topbar nav a{color:#fff;font-size:14px;letter-spacing:1px;opacity:.9}.op-topbar nav a:hover{color:#ffe2a3;opacity:1}
.op-hero{height:100vh;min-height:630px;height:100svh;position:relative;overflow:hidden;background:#163f56;isolation:isolate}.op-slides,.op-hero-shade{position:absolute;inset:0}.op-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity .75s ease}.op-slide-1{opacity:1}.op-photo-toggle{position:absolute;opacity:0;width:1px;height:1px;left:50%;bottom:90px;z-index:10}.op-hero-shade{background:linear-gradient(180deg,#092c4338 0%,transparent 25%,#0a2a4130 52%,#082b47bd 100%);pointer-events:none}
#op-photo-2:checked~.op-slides .op-slide-1,#op-photo-3:checked~.op-slides .op-slide-1{opacity:0}
#op-photo-1:checked~.op-slides .op-slide-1,#op-photo-2:checked~.op-slides .op-slide-2,#op-photo-3:checked~.op-slides .op-slide-3{opacity:1}
.op-hero-copy{position:absolute;left:clamp(28px,9vw,160px);bottom:clamp(140px,18vh,210px);color:#fff;z-index:2}.op-kicker{font-size:11px;letter-spacing:5px;color:#ffe4ae;margin:0 0 20px}.op-hero-copy h1{font-size:clamp(48px,6.5vw,88px);font-weight:750;letter-spacing:1px;line-height:1.1;margin:0 0 20px;text-shadow:0 3px 20px #0c263a70}.op-motto{font-size:18px;letter-spacing:4px;margin:0 0 30px;text-shadow:0 2px 6px #0d304b}.op-start{display:inline-flex;align-items:center;gap:28px;border:1px solid #ffffff75;background:#ffffff10;backdrop-filter:blur(10px);color:white;padding:10px 20px;border-radius:28px;font-size:13px;letter-spacing:1px}.op-start:hover{background:#edbe64;color:#203c4a;border-color:#edbe64}.op-photo-tabs{position:absolute;right:clamp(28px,5vw,90px);bottom:130px;display:flex;gap:12px;z-index:5}.op-photo-tabs label{cursor:pointer;display:grid;place-items:center;border-bottom:2px solid #ffffff4d;width:44px;height:36px;color:#ffffffa6;font-size:12px;letter-spacing:2px;transition:.2s}.op-photo-tabs label:hover{color:#fff;border-color:#fff}#op-photo-1:checked~.op-photo-tabs label[for=op-photo-1],#op-photo-2:checked~.op-photo-tabs label[for=op-photo-2],#op-photo-3:checked~.op-photo-tabs label[for=op-photo-3]{color:#ffe3a0;border-color:#edbe64}
.op-wave{position:absolute;bottom:-76px;left:-10%;height:120px;width:120%;border-radius:50% 50% 0 0;background:var(--paper);z-index:3}.op-wave:before{content:"";position:absolute;left:-10%;top:-13px;width:110%;height:120px;border-radius:50% 50% 0 0;background:#f8fbfc40;z-index:-1}
.op-intro{width:min(1060px,calc(100% - 48px));margin:32px auto 34px;background:#fff;border:1px solid #e0eaf0;border-radius:15px;padding:17px 24px;display:flex;gap:17px;align-items:center;box-shadow:0 5px 28px #173f4c04}.op-compass{color:#be923c;font-size:24px}.op-intro p{margin:0;color:#64808e;font-size:14px;letter-spacing:1px}
.day,.entrylistItem{display:block!important;margin:0 0 28px;padding:32px 38px;border:1px solid #e1ebef;border-radius:20px;background:#fff;box-shadow:0 10px 36px #1e45520a}.dayTitle,.entrylistPosttitle{color:#8499a6;font-size:12px;margin-bottom:16px}.postTitle,.entrylistPosttitle{font-size:25px;font-weight:650;line-height:1.5;margin:12px 0 15px}.postTitle a,.entrylistPosttitle a{color:#26485c}.postCon,.c_b_p_desc{color:#667f8e;line-height:1.9}.postCon img{max-height:260px;object-fit:cover;border-radius:12px}.postDesc{font-size:12px;color:#91a2ad;margin-top:20px}.postSeparator{display:none}.c_b_p_desc_readmore{display:inline-block;color:var(--ocean)}.topicListFooter{text-align:center;font-size:14px}
.forFlow:empty:after{content:"航海日志\A\A新的故事，从这里开始。";white-space:pre-wrap;display:block;text-align:center;color:#81949e;font-size:17px;border:1px dashed #c6d8e0;border-radius:20px;padding:54px 20px;background:#ffffffaa}
#topics,#post_detail{background:white;border:1px solid #e1ebef;border-radius:18px;padding:36px}#topics #post_detail{padding:0;border:0}#cnblogs_post_body{font-size:16px;line-height:1.95;color:#334f61;overflow-wrap:anywhere}#cnblogs_post_body h2{font-size:25px;border-left:4px solid var(--gold);padding-left:14px;margin-top:2em}#cnblogs_post_body h3{font-size:20px;margin-top:1.6em}#cnblogs_post_body p{margin:1.2em 0}#cnblogs_post_body img{max-width:100%;height:auto;border-radius:10px}#cnblogs_post_body blockquote{margin:20px 0;padding:14px 20px;background:#eef7fa;border-left:3px solid #5b9fb6;color:#5d7c8b}#cnblogs_post_body pre{overflow:auto;border-radius:12px;padding:18px;background:#f3f6f8}#cnblogs_post_body table{border-collapse:collapse;display:block;overflow:auto;max-width:100%}#cnblogs_post_body td,#cnblogs_post_body th{padding:8px 12px;border:1px solid #dce7ec}
body:has(#post_detail) .op-hero{height:430px;min-height:430px}body:has(#post_detail) .op-hero-copy{bottom:90px}body:has(#post_detail) .op-hero-copy h1{font-size:48px}body:has(#post_detail) .op-hero-copy .op-start,body:has(#post_detail) .op-kicker{display:none}body:has(#post_detail) .op-photo-tabs{bottom:90px}
#footer{text-align:center;padding:26px 24px 90px;color:#a0afb8;font-size:12px;line-height:1.9;border-top:1px solid #e3edf2;background:#f1f7fa;margin-top:20px}#footer a{color:#7695a6}.footer-icp{font-size:10px;opacity:.75}.footer-icp img{height:13px;width:auto;vertical-align:middle}.op-credit{text-align:center;color:#8da2af;font-size:11px;line-height:1.9;padding:12px 24px 28px;background:#f1f7fa}.op-credit a{color:#7695a6}.op-music{position:fixed;bottom:22px;left:22px;z-index:100;font-size:13px;max-width:calc(100vw - 44px)}.op-music summary{cursor:pointer;list-style:none;background:#fffffff2;backdrop-filter:blur(12px);box-shadow:0 5px 24px #173e5526;border:1px solid #e3edf2;padding:12px 20px;border-radius:28px;color:#244355;font-weight:600}.op-music summary::-webkit-details-marker{display:none}.op-music[open] summary{border-radius:18px 18px 0 0}.op-music-panel{width:min(350px,calc(100vw - 44px));background:#fff;padding:14px 18px 18px;border-radius:0 0 18px 18px;box-shadow:0 12px 25px #173e5526}.op-music-panel video{width:100%;height:160px;object-fit:cover;margin:10px 0;background:#17394c;border-radius:10px}.op-music-panel strong{display:block;font-size:15px}.op-music-panel small{display:block;color:#8095a2;line-height:1.8;font-size:11px}.op-music-panel a{font-size:12px}.op-backtop{position:fixed;bottom:22px;right:22px;z-index:99;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#1b6c87;color:white;box-shadow:0 5px 20px #173e5526}
@media(max-width:767px){.op-topbar{height:72px;padding:0 20px}.op-brand{font-size:16px;gap:7px;letter-spacing:1px}.op-brand b{font-size:18px}.op-topbar nav{gap:15px}.op-topbar nav a{font-size:12px}.op-topbar nav a:nth-child(3){display:none}.op-hero{min-height:620px}.op-slide{object-position:50% 50%}.op-hero-copy{left:26px;right:20px;bottom:160px}.op-kicker{font-size:9px;letter-spacing:3px}.op-hero-copy h1{font-size:52px}.op-motto{font-size:15px;letter-spacing:3px}.op-photo-tabs{right:24px;bottom:90px}.op-intro{width:calc(100% - 32px);margin:23px auto;padding:14px 18px;gap:12px}.op-intro p{font-size:12px;letter-spacing:0}#main{width:calc(100% - 32px);padding:0 0 30px}.day,.entrylistItem{padding:22px}.postTitle{font-size:21px}#topics,#post_detail{padding:22px 18px}#cnblogs_post_body{font-size:15px}.op-music{left:12px;bottom:12px}.op-backtop{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}