/*
Theme Name: 白浅的手记
Description: 从白浅的 Sites 博客迁移，保留原站样式。
Version: 1.0.0
Text Domain: baiqian-journal
*/
:root{--bg:#fffafb;--paper:#fff;--ink:#3e343b;--muted:#877982;--rose:#d985a3;--rose-dark:#b96986;--rose-light:#f8e6ec;--line:#efe1e6;--serif:Georgia,"Songti SC","Noto Serif SC",SimSun,serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:#efbdcf;color:#402c37}[hidden]{display:none!important}.wrap{max-width:1200px;margin-inline:auto;padding-inline:34px}
.site-header{background:#fffafb;border-bottom:1px solid var(--line)}.header-inner{max-width:1200px;height:88px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:185px;font-family:var(--serif);font-size:23px;font-weight:700;line-height:1.05}.brand img{width:43px;height:43px;border:3px solid #f2c8d6;border-radius:15px;object-fit:cover;transform:rotate(-5deg)}.brand small{display:block;color:#aa949e;font:600 8px var(--sans);letter-spacing:.19em;margin-top:8px}.main-nav{display:flex;align-items:center;gap:38px}.main-nav a{font-size:13px;color:#7c6f78;position:relative;transition:color .2s}.main-nav a:hover,.main-nav .current{color:var(--rose-dark)}.main-nav .current:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--rose);left:calc(50% - 2px);bottom:-11px}.header-action{min-width:185px;text-align:right;color:var(--rose-dark);font-size:12px;font-weight:700}.header-action span{font-size:17px;margin-left:8px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--rose-dark);font-size:11px;font-weight:700;letter-spacing:.15em}.eyebrow .rule{height:1px;width:27px;background:var(--rose)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.045em}h1 em,h2 em{font-style:normal;color:var(--rose)}.text-link{display:inline-flex;align-items:center;gap:27px;color:#9b6578;font-size:13px;font-weight:700}.text-link span{font-size:17px}.underlined{padding-bottom:7px;border-bottom:1px solid #d8a5b6}.btn{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:7px;padding:0 22px;font-size:13px;font-weight:700}.btn span{font-size:18px;font-weight:400}.btn-primary{background:var(--rose);color:#fff;box-shadow:0 10px 23px #db8daa52;transition:transform .2s,background .2s}.btn-primary:hover{background:#cb7696;transform:translateY(-2px)}
.hero{min-height:630px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:20px;padding-top:55px;padding-bottom:66px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.42;white-space:nowrap;margin:28px 0 21px}.hero-copy>p{max-width:465px;color:#766a73;font-size:15px;line-height:2.1}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:33px}.hero-footnote{font-size:10px;letter-spacing:.09em;color:#a89aa3;margin-top:68px}.hero-footnote span{font-size:19px;vertical-align:middle;color:#d99bb0;margin-right:10px}.hero-feature{height:475px;display:grid;place-items:center;position:relative}.hero-ring{position:absolute;border-radius:50%;border:1px solid #edcdd9}.ring-one{width:435px;height:435px}.ring-two{width:355px;height:355px;border-style:dashed}.hero-photo{display:block;width:320px;height:370px;background:#e9adc2;padding:12px;transform:rotate(-7deg);box-shadow:14px 19px 0 #f2c9d7,0 24px 45px #af80932e;z-index:1}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.92)}.photo-label{position:absolute;left:-23px;bottom:17px;padding:12px 17px;background:#fff9fb;box-shadow:0 5px 18px #75526422;color:#ad7790;font-size:10px;line-height:1.7;letter-spacing:.06em;transform:rotate(7deg)}.photo-label strong{font-family:var(--serif);font-size:17px;color:var(--ink);font-weight:500}.floating-note{position:absolute;z-index:2;right:7px;top:41px;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#edaac2;color:#fff;font:italic 12px var(--serif);transform:rotate(13deg);box-shadow:0 9px 21px #dc89aa52}.floating-note span{display:block;font-size:20px;line-height:0}.intro-strip{background:#faedf1;border-block:1px solid #f1dfe6}.strip-inner{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:28px}.strip-inner span{font-size:12px;color:#856f7b;white-space:nowrap}.strip-inner span:first-child{font-family:var(--serif);font-size:15px;color:#956378}.strip-inner strong{font:italic 16px var(--serif);color:#d18ba4;margin-right:7px}
.section{padding-top:103px;padding-bottom:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:38px}.section-heading h2{font-size:47px;margin:17px 0 0}.section-heading p{font-size:13px;color:#998993;line-height:1.9;margin:0 0 5px}.heading-flower{font:23px var(--sans);color:#e2a0b7;margin-left:14px;vertical-align:top}.featured-post{display:grid;grid-template-columns:42% 1fr;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 14px 35px #ae839318;transition:transform .2s,box-shadow .2s}.featured-post:hover{transform:translateY(-4px);box-shadow:0 21px 38px #ae83932d}.featured-image{height:336px;overflow:hidden;background:#f4d8e2}.featured-image img{height:100%;width:100%;object-fit:cover;object-position:center 41%;transition:transform .5s}.featured-post:hover img{transform:scale(1.04)}.featured-copy{padding:45px 45px 35px;display:flex;flex-direction:column;align-items:start}.post-meta{display:flex;align-items:center;gap:8px}.pill{background:#fceaf0;color:#b96785;border-radius:4px;padding:6px 10px;font-size:11px}.date,.post-tags time{color:#a798a1;font-size:11px;margin-left:8px}.featured-copy strong{font:500 34px var(--serif);margin-top:35px}.featured-subtitle{font-size:14px;color:#a17c8d;margin-top:8px}.featured-excerpt{font-size:13px;color:#81747c;line-height:2;margin-top:23px}.featured-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:auto;color:#b56c87;font-size:12px;font-weight:700}.featured-bottom span{font-size:23px;font-weight:400}
.about-preview{background:#f9e8ee}.about-preview-inner{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center;padding-top:75px;padding-bottom:75px}.about-visual{height:325px;position:relative;display:grid;place-items:center}.about-circle{width:275px;height:275px;background:#f2cdda;border-radius:50%;box-shadow:0 0 0 20px #f8dee8,0 0 0 21px #efc5d5}.about-visual img{position:absolute;width:175px;height:175px;object-fit:cover;border-radius:50%;border:10px solid #fff8fb;transform:rotate(-6deg);box-shadow:0 12px 25px #95687b38}.visual-flower{position:absolute;right:10%;bottom:8%;font-size:65px;color:#d98eaa;text-shadow:4px 4px #fff}.about-preview h2{font-size:44px;line-height:1.4;margin:17px 0}.about-preview-copy p{max-width:500px;color:#766b73;font-size:14px;line-height:2.1;margin-bottom:27px}.links-preview{padding-bottom:125px}.mini-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mini-links>a{min-height:170px;position:relative;display:flex;flex-direction:column;align-items:start;background:#fff;border:1px solid var(--line);border-radius:9px;padding:21px;transition:transform .2s,border-color .2s}.mini-links>a:hover{transform:translateY(-3px);border-color:#e8b5c7}.mini-icon{width:38px;height:38px;border-radius:12px;background:#f9e4ec;color:#b66b87;display:grid;place-items:center;font:700 19px var(--serif);margin-bottom:18px}.mini-links strong{font-size:14px}.mini-links small{font-size:11px;color:#a2919b;margin-top:8px}.mini-links>a>span:last-child{position:absolute;right:19px;top:22px;color:#bd7892;font-size:17px}
.site-footer{border-top:1px solid var(--line);background:#fffafb}.footer-inner{display:flex;justify-content:space-between;gap:30px;padding-top:43px;padding-bottom:43px}.footer-inner strong{font:700 24px var(--serif)}.footer-inner strong span{color:var(--rose)}.footer-inner p{font-size:11px;color:#a18f99;margin:10px 0 0}.footer-right{display:flex;flex-direction:column;align-items:end;justify-content:space-between;gap:19px}.footer-right a{font-size:12px;color:var(--rose-dark)}.footer-right small{font-size:11px;color:#aa99a3}
.inner-main{padding-top:60px;padding-bottom:110px;min-height:70vh}.back-link{font-size:12px;color:#ad728b;display:inline-block;margin-bottom:48px}.page-heading{max-width:780px;margin-bottom:55px}.page-heading h1{font-size:clamp(42px,5vw,60px);line-height:1.35;margin:20px 0 13px}.page-heading p{color:#8c7f88;font-size:14px;line-height:2}.post-page{max-width:850px;margin:auto}.post-header{text-align:center}.post-header .eyebrow{justify-content:center}.post-tags{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:25px}.post-header h1{font-size:clamp(42px,5vw,64px);margin:20px 0 10px}.post-header>p{font-size:16px;color:#997f8e;margin-bottom:35px}.post-cover{max-width:730px;height:460px;margin:auto;border-radius:11px;overflow:hidden;background:#f2d6e0}.post-cover img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.post-body{max-width:700px;margin:65px auto 50px;font-size:16px;line-height:2.15;color:#594d55}.post-body h2{font-size:30px;line-height:1.5;margin-bottom:23px}.post-body p{margin-bottom:20px}.post-body a{color:var(--rose-dark);border-bottom:1px solid #d6a2b4}.post-footer{max-width:700px;margin:auto;border-top:1px solid var(--line);padding-top:27px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#998893}.post-footer a{color:#b36e89}.timeline{max-width:860px}.year-group{display:grid;grid-template-columns:130px 1fr;gap:33px;padding-bottom:24px}.year-group h2{font:italic 35px var(--serif);color:#cf839f;position:relative;margin:0}.year-group h2:after{content:"";position:absolute;right:0;top:17px;width:25px;height:1px;background:#dca9bb}.timeline-events{border-left:1px solid #eccbd7;padding-left:30px}.event{position:relative;padding-bottom:27px}.event:before{content:"";position:absolute;left:-36px;top:5px;width:10px;height:10px;border-radius:50%;background:#dfa0b6;border:3px solid #fff8fb;box-sizing:content-box}.event-date{display:block;color:#aa728b;font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:8px}.event p{font-size:14px;color:#60545d;line-height:1.9;margin:0}.event em{font-style:normal;color:#947b89}.page-end{max-width:860px;border-top:1px solid var(--line);padding-top:25px;color:#978691;font-size:12px;display:flex;gap:10px;align-items:center}.page-end>span{color:#d78fa9;font-size:22px}.page-end p{margin:0}.page-end a{color:#b76d87;border-bottom:1px solid #ddb2c0}.links-toolbar{max-width:570px;margin-bottom:30px}.links-toolbar label{display:flex;align-items:center;gap:12px;height:47px;border:1px solid #eadbe1;border-radius:7px;background:#fff;padding:0 15px;color:#bd879d}.links-toolbar svg{width:19px;height:19px}.links-toolbar input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.links-toolbar input::placeholder{color:#b7a8b1}.links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.link-card{display:flex;gap:15px;align-items:start;min-height:125px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:21px;position:relative;transition:transform .2s,border-color .2s}.link-card:hover{transform:translateY(-3px);border-color:#e7b2c5}.link-mark{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f9e7ed;color:#b8728d;font:700 18px var(--serif)}.link-copy{display:flex;flex-direction:column;gap:8px;padding-right:12px}.link-copy strong{font-size:14px}.link-copy small{font-size:11px;line-height:1.6;color:#988a93}.link-arrow{position:absolute;right:17px;top:19px;color:#be7d96;font-size:17px}.links-empty{text-align:center;color:#9d8a95;padding:50px;font-size:13px}
.sidebar-links{margin:58px 0 38px;padding:27px 30px;background:#f9e9ef;border-radius:10px}.sidebar-links h2{font-size:23px;margin:0 0 7px}.sidebar-links p{font-size:12px;line-height:1.8;color:#8c7480;margin-bottom:18px}.sidebar-links>div{display:flex;flex-wrap:wrap;gap:10px}.sidebar-links a{padding:9px 13px;border:1px solid #e6bbcb;border-radius:5px;background:#fffafd;color:#ae6f89;font-size:12px}
@media(max-width:1000px){.hero{min-height:580px}.hero h1{font-size:clamp(39px,4.3vw,50px)}.hero-feature{transform:scale(.86)}.about-preview-inner{gap:40px}.mini-links{grid-template-columns:repeat(2,1fr)}.links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.wrap{padding-inline:22px}.header-inner{height:75px;padding-inline:22px}.brand{min-width:auto;font-size:20px}.brand img{height:38px;width:38px}.brand small{font-size:7px}.main-nav{gap:16px}.main-nav a{font-size:12px}.header-action{display:none}.hero{display:block;padding-top:60px;padding-bottom:45px;min-height:0}.hero h1{font-size:clamp(38px,8vw,55px);white-space:normal}.hero-copy>p{font-size:14px}.hero-footnote{margin-top:35px}.hero-feature{height:380px;transform:scale(.76);margin:-20px auto -30px}.strip-inner{overflow-x:auto;justify-content:flex-start;min-height:72px;gap:30px}.strip-inner span:first-child{font-size:13px}.section{padding-top:70px;padding-bottom:75px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:38px}.section-heading p{margin:15px 0 0}.featured-post{grid-template-columns:1fr}.featured-image{height:270px}.featured-copy{padding:27px 24px}.featured-copy strong{margin-top:23px;font-size:29px}.featured-bottom{margin-top:35px}.about-preview-inner{display:block;padding-top:45px;padding-bottom:60px}.about-visual{height:270px;margin-bottom:10px}.about-circle{width:210px;height:210px;box-shadow:0 0 0 15px #f8dee8,0 0 0 16px #efc5d5}.about-visual img{width:145px;height:145px}.visual-flower{right:calc(50% - 145px);font-size:50px}.about-preview h2{font-size:38px}.links-preview .section-heading .text-link{margin-top:17px}.inner-main{padding-top:35px;padding-bottom:75px}.back-link{margin-bottom:37px}.page-heading{margin-bottom:42px}.page-heading h1{font-size:42px}.post-cover{height:350px}.post-body{margin-top:50px}.post-footer{display:block}.post-footer>a{display:block;margin-top:20px}.year-group{grid-template-columns:93px 1fr;gap:16px}.year-group h2{font-size:27px}.year-group h2:after{width:12px}.timeline-events{padding-left:23px}.event:before{left:-29px}.links-grid{grid-template-columns:1fr}.footer-inner{padding-top:35px;padding-bottom:35px}}@media(max-width:430px){.brand{gap:7px}.brand img{height:33px;width:33px}.brand small{letter-spacing:.08em}.main-nav{gap:10px}.main-nav a{font-size:11px}.hero-feature{transform:scale(.66);height:333px;margin:-30px auto -38px}.hero-actions{gap:18px}.btn{padding:0 14px;gap:12px}.hero-footnote{font-size:9px}.mini-links{grid-template-columns:1fr}.post-tags{flex-wrap:wrap}.post-cover{height:290px}.year-group{grid-template-columns:1fr;gap:0}.year-group h2{margin-bottom:20px}.year-group h2:after{display:none}.timeline-events{margin-left:6px}.footer-inner{display:block}.footer-right{align-items:start;margin-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Link categories */
[hidden]{display:none!important}
.category-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 38px}
.category-filter{appearance:none;border:1px solid #ead4de;border-radius:999px;background:#fff;color:#886b79;padding:9px 15px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.category-filter span{margin-left:6px;color:#b590a0}
.category-filter:hover,.category-filter:focus-visible{border-color:#d88ba9;color:#a74f74}
.category-filter:focus-visible{outline:2px solid #d88ba9;outline-offset:2px}
.category-filter.active{background:#b76d87;border-color:#b76d87;color:#fff}
.category-filter.active span{color:#ffe2ec}
.link-category{margin-bottom:45px}
.link-category-heading{display:flex;align-items:baseline;gap:13px;margin-bottom:18px}
.link-category-heading h2{font:600 23px var(--serif);color:#6b4a5a;margin:0}
.link-category-heading span{font-size:11px;color:#aa91a0}
@media(max-width:700px){.category-filters{gap:8px;margin-bottom:32px}.category-filter{padding:9px 12px}.link-category{margin-bottom:37px}}

body.admin-bar .site-header{position:relative}.post-body img{height:auto}.post-body a{overflow-wrap:anywhere}
