/*
Theme Name: Beibei Studio 贝贝工具箱
Author: Beibei
Description: 暖白与森林绿的原创工具站主题，包含工具筛选、自定义首页、文章及移动端布局。
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beibei-studio
*/
:root{--paper:#f8f9f5;--ink:#233b32;--green:#32634b;--muted:#7a827c;--line:#e2e6de;--white:#fff;--lime:#d5ec97}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto}a,button,input{transition:color .2s,background .2s,box-shadow .2s,transform .2s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #6f9847;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:100;background:white;padding:15px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:13px;font-size:21px;font-weight:750;letter-spacing:1px}.brand small{font-size:9px;display:block;font-weight:500;letter-spacing:1.6px;color:var(--muted);margin-top:1px}.brand-mark{display:grid;place-content:center;background:var(--green);color:white;border-radius:13px;width:45px;height:48px;font-size:38px;line-height:1;font-family:Georgia,serif;position:relative;padding-bottom:7px}.brand-mark span{position:absolute;color:var(--lime);right:4px;bottom:4px}.custom-logo{max-width:210px;max-height:65px;width:auto;display:block}.primary-nav,.primary-nav>ul{display:flex;align-items:center;gap:33px;font-size:13px}.primary-nav ul{padding:0;list-style:none;margin:0}.primary-nav a{display:block;padding:10px 0}.primary-nav a:hover,.primary-nav [aria-current=page]{color:var(--green)}.primary-nav [aria-current=page]{font-weight:750}.primary-nav li{position:relative}.primary-nav .sub-menu{display:none;position:absolute;z-index:5;min-width:180px;padding:12px 20px;background:white;box-shadow:0 12px 30px #233b3214}.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:block}.menu-toggle{display:none}.hero{min-height:540px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding-block:60px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px;margin:0 0 18px}.hero .eyebrow{font-size:12px;letter-spacing:2px}.status-dot{width:7px;height:7px;border-radius:50%;background:#60944e;box-shadow:0 0 0 4px #60944e10}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(32px,3.3vw,45px);line-height:1.55;letter-spacing:-1.8px;font-weight:800;margin-bottom:20px}.hero h1>span{color:#568267}.hero-description{font-size:14px;color:#738074;max-width:380px;line-height:2}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px}.button{border:0;border-radius:7px;background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:12px 23px;font-size:13px;font-weight:650}.button:hover{background:#214a37;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:650}.text-link:hover{color:#6a8b3f}.hero-notes{display:flex;gap:18px;font-size:10px;color:#8b938b;margin-top:30px}.hero-notes span+span{border-left:1px solid #d5dcd2;padding-left:18px}.hero-art{position:relative;height:390px;background:radial-gradient(ellipse at center,#e5eddb 0,transparent 69%);isolation:isolate}.orbit{position:absolute;border:1px solid #dce5d5;width:340px;height:340px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:440px;height:260px;transform:translate(-50%,-50%) rotate(-29deg)}.art-label{position:absolute;top:11px;left:70px;font-size:8px;letter-spacing:2.8px;color:#8b9d82;transform:rotate(-8deg)}.toolbox{position:absolute;width:245px;height:198px;left:50%;top:50%;transform:translate(-50%,-36%) rotate(-9deg);filter:drop-shadow(12px 25px 15px #3d543426)}.toolbox-handle{position:absolute;left:77px;top:-42px;width:95px;height:65px;border:16px solid #577452;border-radius:23px 23px 0 0;background:transparent;box-shadow:inset 2px 2px 1px #304c35}.toolbox-face{position:absolute;inset:0;border-radius:27px;background:linear-gradient(120deg,#5e815f,#355c40);box-shadow:inset 3px 3px 1px #8cab78,inset -9px -9px 1px #2e5037;border:1px solid #56734b;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#e6efcc}.toolbox-face>span{font:100px/.9 Georgia,serif;position:relative;margin-top:6px}.toolbox-face>span>span{color:#d8ed99}.toolbox-face small{font-size:7px;letter-spacing:2px;margin-top:22px}.toolbox-line{position:absolute;left:0;right:0;top:42px;border-bottom:1px solid #a2b18540}.float-tile{position:absolute;z-index:2;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 25px #3c573c12}.float-tile small{font-size:8px;margin-top:7px}.tile-video{top:44px;left:7px;width:123px;height:104px;background:#fdfefa;transform:rotate(-13deg);border:1px solid #e2e7dc;color:#4c7956}.tile-video>span{font-size:39px;line-height:1}.tile-video i{width:68px;height:4px;background:linear-gradient(to right,#97b577 70%,#e8eddf 70%);margin-top:10px;border-radius:5px}.tile-file{right:3px;top:99px;background:#e4edb8;width:100px;height:107px;transform:rotate(12deg);border:1px solid #d3dfac}.tile-file>span{font-size:38px;line-height:1}.art-spark{position:absolute;top:22px;right:83px;font-size:47px;color:#d0ad68;transform:rotate(12deg)}.art-caption{position:absolute;right:8px;bottom:18px;font-size:10px;color:#84917e;transform:rotate(-5deg);line-height:1.8}.art-plus{position:absolute;left:35px;bottom:37px;font-size:22px;color:#698564}.intro-strip{border-block:1px solid var(--line)}.intro-strip>.wrap{display:flex;justify-content:space-between;align-items:center;min-height:64px;font-size:11px;color:#808a7e}.intro-strip p{margin:0;letter-spacing:3px;color:#5a6f5c}.intro-strip b{font-weight:400;padding-inline:24px;color:#b2baa9}.intro-strip .wrap>span:last-child{font-size:29px;color:#719263}.tools-section{padding-block:66px 60px;scroll-margin-top:24px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:29px}.section-heading .eyebrow{color:#8a9684;margin-bottom:9px;font-size:9px}.section-heading h2{font-size:27px;letter-spacing:-1px;margin:0;font-weight:750}.section-heading h2>span{color:#7c9669}.section-heading>p,.section-heading>span{font-size:11px;color:#899085;margin:0 0 5px}.tool-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-button{border:0;border-radius:5px;background:transparent;padding:8px 16px;color:#7a8278;font-size:11px}.filter-button:hover{background:#edf0e8}.filter-button.active{color:#fff;background:#365e46}.tool-search{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;padding:5px 12px;gap:7px;background:#fff}.tool-search>span{font-size:23px;line-height:1;color:#8e9787}.tool-search input{width:144px;border:0;background:transparent;outline-offset:4px;padding:3px;font-size:11px;color:var(--ink)}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{display:block;border:1px solid var(--line);border-radius:11px;background:#fff;padding:24px 25px 16px;transition:transform .2s,box-shadow .2s,border-color .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #2d49300c;border-color:#a4b39b}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tool-icon{width:44px;height:44px;border-radius:12px;display:grid;place-content:center;font-size:25px;font-weight:650}.pink{color:#c76f8d;background:#faeaf0}.green{color:#4e7f61;background:#eaf2e7}.blue{color:#638ca5;background:#e8f2fa}.orange{color:#c59065;background:#fbefe1}.purple{color:#9480b2;background:#f0ecf9}.yellow{color:#ac943b;background:#f7f2d9}.tool-tag{font-size:9px;padding:3px 8px;border:1px solid #e9ece5;border-radius:4px;color:#8a9285}.tool-card h3{font-size:17px;line-height:1.5;margin-bottom:8px}.tool-card p{font-size:11px;color:#8a9088;line-height:1.8;margin-bottom:22px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2ec;padding-top:12px;color:#9ca393;font-size:9px}.card-arrow{font-size:17px;color:#526e48}.filter-empty,.empty-state{color:var(--muted);padding:35px 0;grid-column:1/-1}.journal-section{padding-block:22px 64px}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.journal-image{display:block;aspect-ratio:1.85;overflow:hidden;border-radius:9px;background:#e6ebdf}.journal-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.journal-card:hover .journal-image img{transform:scale(1.04)}.article-art{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;background:repeating-linear-gradient(0deg,transparent 0 23px,#ffffff35 24px),repeating-linear-gradient(90deg,transparent 0 23px,#ffffff35 24px),#dee8d8;color:#6f8964}.article-art>span{font-size:73px;line-height:1.4}.article-art small{font-size:8px;letter-spacing:3px}.journal-card:nth-child(2) .article-art{background-color:#ede5d5;color:#b09a71}.journal-card:nth-child(3) .article-art{background-color:#dce7e8;color:#789a9c}.article-meta{display:flex;gap:12px;align-items:center;color:#9aa08f;font-size:9px;margin:17px 0 8px}.article-meta>span{color:#66815a}.journal-card h3{font-size:15px;line-height:1.8;margin-bottom:12px;font-weight:600}.journal-card h3 a:hover{color:#638a52}.read-link{font-size:10px;color:#718566;display:flex;align-items:center;gap:10px}.closing-note{display:flex;align-items:center;gap:30px;padding:35px 40px;background:#edf1e5;border:1px solid #e1e7d7;border-radius:10px;margin-bottom:64px}.closing-star{font-size:61px;color:#7a9565}.closing-note .eyebrow{font-size:8px;color:#93a283;margin-bottom:8px}.closing-note h2{font-size:21px;margin-bottom:6px}.closing-note p:last-child{font-size:11px;color:#8b957f;margin-bottom:0}.closing-note>a{margin-left:auto;white-space:nowrap}.site-footer{border-top:1px solid var(--line);padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{font-size:15px;font-weight:750;display:flex;gap:14px;align-items:center}.footer-brand span{color:#8ca071;font-size:19px}.site-footer p{font-size:10px;color:#969d8f;margin:6px 0 0}.footer-right{text-align:right;font-size:10px}.footer-right p>span{padding-inline:10px}.footer-right ul{list-style:none;display:flex;justify-content:flex-end;gap:18px;padding:0}.listing-page{padding-block:65px;min-height:65vh}.listing-page .journal-grid{margin-block:35px}.listing-page h1{font-size:32px;margin:0}.site-search{display:flex;gap:10px;max-width:550px;margin-block:25px}.site-search label{flex:1;min-width:0}.site-search input{width:100%;height:48px;border:1px solid var(--line);border-radius:6px;padding:10px 15px;background:#fff}.reading-page{max-width:820px;padding-block:60px 80px;min-height:60vh}.entry-header{margin:30px 0}.entry-header h1{font-size:clamp(28px,4vw,40px);line-height:1.5;overflow-wrap:anywhere}.entry-header .eyebrow{color:var(--muted);font-size:11px}.entry-cover{border-radius:10px;margin-bottom:25px;width:100%}.entry-content{line-height:1.95;color:#455247;overflow-wrap:anywhere}.entry-content a,.entry-tags a,.comment-content a{color:var(--green);text-decoration:underline}.entry-content h2,.entry-content h3{margin-top:1.8em;color:var(--ink)}.entry-content pre{overflow:auto;background:#eaf0e5;padding:20px;border-radius:6px}.entry-content blockquote{border-left:3px solid #7b9c61;margin-left:0;padding:12px 25px;background:#eef2e8}.entry-content iframe{max-width:100%}.entry-content table{border-collapse:collapse;width:100%;display:block;overflow:auto}.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px}.aligncenter{display:block;margin-inline:auto}.alignleft{float:left;margin:0 20px 20px 0}.alignright{float:right;margin:0 0 20px 20px}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:12px;color:var(--muted)}.entry-content:after{content:"";display:block;clear:both}.entry-tags{margin-block:30px}.nav-links{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:25px;border-top:1px solid var(--line);font-size:13px}.page-numbers{padding:6px 12px;border:1px solid var(--line);border-radius:4px}.page-numbers.current{background:var(--green);color:white}.comments-area{border-top:1px solid var(--line);padding-top:35px;margin-top:35px}.comment-list{padding-left:20px}.comment-body{padding:20px 0;border-bottom:1px solid var(--line)}.comment-meta{font-size:12px;color:var(--muted)}.avatar{border-radius:50%;vertical-align:middle;margin-right:8px}.bypostauthor{border-left:2px solid var(--green);padding-left:15px}.comment-form label{display:block}.comment-form input:not([type=checkbox]),.comment-form textarea{max-width:100%;border:1px solid var(--line);border-radius:5px;padding:10px}.comment-form textarea{width:100%}.comment-form .submit{background:var(--green);color:white;cursor:pointer}.comment-form-cookies-consent label{display:inline}.not-found{min-height:60vh;padding-block:85px}.not-found h1{font-size:36px}.not-found p{color:var(--muted)}
@media(min-width:1500px){.hero{min-height:580px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{grid-template-columns:1.1fr 1fr;gap:10px}.hero h1{font-size:34px}.hero-art{transform:scale(.88);transform-origin:center}.orbit-two{width:370px}.art-label{left:30px}.primary-nav,.primary-nav>ul{gap:20px}.tool-card{padding:20px}.filter-button{padding-inline:11px}.tool-search input{width:115px}.closing-note{padding:28px;gap:20px}.closing-note h2{font-size:19px}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 36px)}.header-inner{min-height:80px;flex-wrap:wrap;gap:0;padding-block:14px}.brand{font-size:18px}.brand small{font-size:8px;letter-spacing:1px}.brand-mark{width:37px;height:41px;font-size:31px}.menu-toggle:not([hidden]){display:block;background:transparent;border:1px solid var(--line);padding:7px 11px;border-radius:5px;font-size:12px;color:var(--ink)}.primary-nav{width:100%;padding-top:14px;gap:20px;flex-wrap:wrap}.menu-toggle:not([hidden])+.primary-nav{display:none}.menu-toggle:not([hidden])+.primary-nav.is-open{display:flex}.primary-nav>ul{flex-wrap:wrap;gap:15px}.primary-nav .sub-menu{position:static;box-shadow:none;padding:0 10px;display:block}.hero{grid-template-columns:1fr;padding-block:38px 15px;gap:0}.hero h1{font-size:clamp(29px,7.4vw,43px);letter-spacing:-1.4px}.hero-copy{max-width:540px}.hero-description{font-size:13px}.hero-art{width:min(400px,100%);justify-self:center;height:330px;transform:scale(.9);margin-top:8px}.orbit{width:290px;height:290px}.orbit-two{width:350px;height:220px}.art-label{top:0}.art-spark{top:4px;right:65px}.tile-video{left:0;top:32px}.tile-file{right:0;top:65px}.toolbox{width:217px;height:175px}.toolbox-handle{left:65px;width:88px}.art-caption{bottom:5px}.intro-strip>.wrap{min-height:55px}.intro-strip .wrap>span:first-child{display:none}.intro-strip p{font-size:9px;letter-spacing:2px}.intro-strip b{padding-inline:13px}.section-heading{align-items:flex-start;gap:15px}.section-heading h2{font-size:23px}.section-heading>p,.section-heading>span{display:none}.tools-section{padding-block:40px}.tool-controls{align-items:stretch;flex-direction:column;gap:14px}.filter-tabs{gap:4px}.filter-button{padding:7px 10px;font-size:10px}.tool-search input{width:100%;font-size:12px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-card{padding:17px 15px 12px}.card-top{margin-bottom:16px;gap:7px}.tool-icon{width:36px;height:36px;font-size:21px;border-radius:9px}.tool-tag{font-size:8px;padding:2px 5px}.tool-card h3{font-size:14px}.tool-card p{font-size:10px;min-height:36px;margin-bottom:15px}.journal-section{padding-block:12px 38px}.journal-grid{grid-template-columns:1fr;gap:27px}.journal-card{display:grid;grid-template-columns:115px 1fr;column-gap:17px;align-items:start}.journal-image{grid-row:1/4;height:112px;aspect-ratio:auto}.article-meta{margin:0 0 6px;font-size:8px}.journal-card h3{font-size:14px;margin-bottom:7px}.article-art>span{font-size:46px}.article-art small{font-size:5px;letter-spacing:1px}.closing-note{margin-bottom:38px;flex-wrap:wrap;gap:15px;padding:22px}.closing-star{font-size:37px}.closing-note h2{font-size:16px}.closing-note>div{flex:1;min-width:180px}.closing-note>a{margin-left:52px}.closing-note p:last-child{font-size:10px}.footer-inner{align-items:flex-start;flex-direction:column;gap:16px}.footer-right{text-align:left}.footer-right ul{justify-content:flex-start}.site-footer{padding-block:28px}.reading-page,.listing-page{padding-block:35px}.entry-header h1{font-size:27px}.not-found h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}