:root{--green:#00b922;--deep-green:#007d18;--gold:#d7aa2d;--red:#ee2025;--paper:#fff;--canvas:#f2f4f5;--ink:#14202a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}.site-wrap{width:min(720px,100%);min-height:100vh;margin:auto;background:var(--paper);box-shadow:0 0 20px #12371416}.top-banner{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:720/220;background:linear-gradient(135deg,#087f20,#09c72f 55%,#f1ca49);overflow:hidden}.top-banner img{width:100%;height:100%;object-fit:cover}.banner-placeholder{text-align:center;color:#fff;font-size:24px;font-weight:900;text-shadow:0 2px 4px #004412}.banner-placeholder small{font-size:15px}.calendar-widget,.draw-widget,.banner-widget{display:block;width:100%;border:0}.calendar-widget{height:44px}.draw-widget{height:300px}.banner-widget{height:0}.ai-tools{margin:10px 6px 14px;border:2px solid var(--green);background:#fff}.ai-tools h1{margin:0;padding:8px;background:linear-gradient(90deg,#00c936,#00ad25);color:#fff;text-align:center;font-size:23px;text-shadow:1px 1px #007e1b}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;background:#d8ffe1}.tool-button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 4px;border:1px solid #009e20;border-radius:5px;background:#00b923;color:#fff;font:700 16px/1.15 inherit;text-align:center;text-decoration:none;cursor:pointer}.tool-button.active{background:linear-gradient(#f23135,#d80710);border-color:#bd0710;box-shadow:inset 0 0 0 1px #ff9696}.site-footer{margin:0 6px;padding:12px 18px;background:#00ae20;color:#062209;text-align:center;font-size:12px;line-height:1.55}.site-footer p{margin:4px 0}.back-to-top{position:fixed;right:14px;bottom:20px;display:none;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:50%;background:#e92028;color:#fff;font:900 21px/1 inherit;box-shadow:0 3px 10px #53000048;cursor:pointer}.back-to-top span{font-size:10px}.back-to-top.visible{display:flex}@media(max-width:600px){.calendar-widget{height:38px}.draw-widget{height:300px}.ai-tools{margin:8px 2px 11px}.ai-tools h1{padding:7px;font-size:19px}.tool-grid{gap:4px;padding:5px}.tool-button{min-height:39px;padding:5px 2px;font-size:13px}.site-footer{margin:0 2px;padding:9px;font-size:11px}.back-to-top{right:10px;bottom:14px;width:44px;height:44px}}
.principles-entry{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;margin:9px 12px 12px;padding:8px 14px;border:2px solid #075bbd;border-radius:10px;background:linear-gradient(135deg,#138de2,#0757ba);box-shadow:0 3px 7px #003d803d;color:#fff;text-decoration:none;font-size:20px;font-weight:900;letter-spacing:.04em;text-shadow:0 1px 1px #003d80}.principles-entry span{font-size:30px;line-height:.8}.info-page{width:min(720px,100%);min-height:100vh;margin:auto;background:#fff;box-shadow:0 0 20px #12371416}.info-header{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:84px 1fr 84px;align-items:center;min-height:54px;padding:0 9px;background:linear-gradient(90deg,#00891d,#00c52c);color:#fff}.info-header h1{margin:0;text-align:center;font-size:21px;white-space:nowrap}.page-back,.page-home{color:#fff;text-decoration:none;font-size:19px;font-weight:800}.page-home{text-align:right}.info-content{padding:16px 13px 25px}.formula-entry{display:flex;align-items:center;justify-content:center;min-height:52px;margin:0 0 16px;border:2px solid #d89d14;border-radius:8px;background:linear-gradient(#fff8d4,#f7dda0);color:#8b5a00;text-align:center;text-decoration:none;font-size:19px;font-weight:900}.formula-entry span{margin-left:9px;font-size:28px;line-height:.8}.principle-list{margin:0;padding:0;list-style:none;counter-reset:item}.principle-list li{position:relative;margin:0 0 12px;padding:14px 13px 14px 49px;border-left:5px solid #00ae24;border-radius:4px;background:#f3fff5;color:#18251c;font-size:16px;line-height:1.7}.principle-list li::before{position:absolute;left:12px;top:13px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e62025;color:#fff;content:counter(item);counter-increment:item;font-size:14px;font-weight:900}.formula-image-wrap{padding:12px 0 28px}.formula-image{display:block;width:100%;height:auto}.formula-placeholder{margin:16px;padding:30px 15px;border:2px dashed #cf9b22;border-radius:8px;background:#fff9e3;color:#896100;text-align:center;font-size:17px;line-height:1.7}.formula-tip{margin:0 16px 8px;color:#697684;text-align:center;font-size:13px}@media(max-width:600px){.principles-entry{min-height:44px;margin:7px 9px 10px;font-size:17px}.info-header{grid-template-columns:75px 1fr 75px;min-height:48px}.info-header h1{font-size:18px}.page-back,.page-home{font-size:17px}.info-content{padding:12px 9px 20px}.formula-entry{min-height:48px;margin-bottom:12px;font-size:17px}.principle-list li{margin-bottom:9px;padding:12px 10px 12px 43px;font-size:15px;line-height:1.65}.principle-list li::before{left:9px;top:12px;width:23px;height:23px}.formula-placeholder{margin:12px;padding:24px 12px;font-size:15px}}