/*
Theme Name: 高原家 · 咖啡与蛋糕
Author: Highlands Coffee
Description: 高原家 A＋B 三语主题。美式醒目字体与日式留白，米白、深红和少量亮绿，呈现真实咖啡甜点、二十年故事与贵阳东京两地日常。
Version: 5.0.3
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: highlands-world
*/

:root{--paper:#f6f3e9;--white:#fffdf7;--red:#782632;--green:#b9d86f;--ink:#302d29;--muted:#70695f;--line:#d8d0bf;--sans:Arial,"Noto Sans SC","Hiragino Kaku Gothic ProN","Microsoft YaHei",sans-serif;--display:Impact,"Arial Narrow","Noto Sans SC",sans-serif;--serif:Georgia,"Yu Mincho",serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.85 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #537232;outline-offset:5px}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{overflow-wrap:break-word;text-wrap:balance}h1,h2{line-height:1.4}p{margin-bottom:20px}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip,.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;top:10px;left:15px;width:auto;height:auto;padding:10px 20px;clip-path:none;z-index:100;background:var(--white)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:48px;padding:12px 23px;border:1px solid var(--red);color:var(--red);font-size:13px;font-weight:700;line-height:1.6;text-decoration:none;transition:background .2s,color .2s}.button.dark{background:var(--red);color:var(--white)}.button:hover{background:var(--red);color:var(--white)}.button.dark:hover{background:#58202a}.button span{font-size:19px;color:var(--green)}.text-link{display:inline-block;color:var(--red);font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding:5px 0}.eyebrow,.section-label{font-size:11px;line-height:1.6;font-weight:700;letter-spacing:1.8px}.section{padding-block:85px}.section-label{color:var(--red);margin-bottom:20px}.section-label:before{content:"";display:inline-block;width:7px;height:7px;background:var(--green);margin-right:10px;vertical-align:1px}
.page-content{padding-block:65px;min-height:60vh;max-width:960px;overflow-wrap:anywhere}.page-content h1{color:var(--red);font-size:clamp(30px,4vw,48px)}.page-content h2{font-size:28px}.page-content .entry{padding:30px 0;border-bottom:1px solid var(--line)}.entry-meta{color:var(--muted);font-size:13px}.page-content input,.page-content textarea,.page-content select{max-width:100%;border:1px solid var(--line);background:var(--white);padding:10px}.page-content textarea{width:100%}.page-content iframe,.page-content video{max-width:100%}.wp-caption{max-width:100%}.wp-caption-text{font-size:12px;color:var(--muted)}.alignleft{float:left;margin:0 24px 16px 0}.alignright{float:right;margin:0 0 16px 24px}.aligncenter{margin-inline:auto}.page-content:after{content:"";display:block;clear:both}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.section{padding-block:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
<!-- 🍰 20年手作 · 网页主页实时销量小装置 -->
<div style="max-width: 280px; margin: 20px auto; padding: 20px 15px; background: #FFF9F3; border: 2px dashed #E6A23C; border-radius: 12px; text-align: center; font-family: sans-serif; box-shadow: 0 4px 10px rgba(230,162,60,0.05); clear: both;">
    <div style="font-size: 13px; color: #795548; font-weight: bold; margin-bottom: 8px;">🍰 20年手作 · 实时销量里程碑</div>
    <div style="margin: 5px 0;">
        <span style="font-size: 11px; color: #9E9E9E; display: block; margin-bottom: 2px;">20年历史累计售出</span>
        <span id="theme-cake-total" style="font-size: 28px; font-weight: 800; color: #C0392B;">414,430</span>
        <span style="font-size: 13px; color: #5D4037; font-weight: bold; margin-left: 2px;">块</span>
    </div>
    <div style="margin-top: 10px; padding-top: 8px; border-top: 1px dashed #F3E5D8; font-size: 11px; color: #E67E22;">
        本年已递出甜蜜：<span id="theme-cake-annual" style="font-weight: bold;">14,430</span> 块
    </div>
    <img src="1" onerror="
        var intervalMs = 600000; 
        var HISTORICAL_SALES = 400000; 
        var ANNUAL_RATE = 20000;       
        var MS_PER_YEAR = 31536000000; 
        function doThemeCalc() {
            var now = new Date();
            var yearStart = new Date(now.getFullYear(), 0, 1, 0, 0, 0);
            var msPassed = now.getTime() - yearStart.getTime();
            var formattedMs = Math.floor(msPassed / intervalMs) * intervalMs;
            var currentYearSales = Math.floor((formattedMs / MS_PER_YEAR) * ANNUAL_RATE);
            var totalSales = HISTORICAL_SALES + currentYearSales;
            var annEl = document.getElementById('theme-cake-annual');
            var totEl = document.getElementById('theme-cake-total');
            if(annEl) annEl.innerHTML = currentYearSales.toLocaleString();
            if(totEl) totEl.innerHTML = totalSales.toLocaleString();
        }
        doThemeCalc();
        setInterval(doThemeCalc, intervalMs);
    " style="display:none;" />
</div>