.planning-page{padding-bottom:45px}.planning-hero{background-image:linear-gradient(90deg,rgba(240,247,255,.96),rgba(240,247,255,.78)),url('education-data-banner.webp');background-size:cover;background-position:center}.planning-tabs{display:flex;gap:8px;margin:18px 0;padding:8px;border:1px solid #dce7f2;border-radius:12px;background:#fff}.planning-tabs a{padding:10px 16px;border-radius:8px;color:#42617e;font-weight:800}.planning-tabs a.active,.planning-tabs a:hover{background:#176dc8;color:#fff}.planning-grid,.touch-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}.planning-card,.planning-result,.planning-empty,.touch-summary{padding:24px;border:1px solid #dce6f0;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(28,65,104,.06)}.planning-card header small{color:#1971c9;font-weight:900;letter-spacing:.08em}.planning-card h2{margin:5px 0;color:#153858}.planning-card header p{margin:5px 0 20px;color:#74869a}.planning-card fieldset{margin:0 0 20px;padding:0;border:0}.planning-card legend{margin-bottom:10px;color:#244361;font-weight:800}.planning-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.planning-options.secondary{grid-template-columns:repeat(4,1fr)}.planning-options input{position:absolute;opacity:0}.planning-options span{display:block;padding:13px 8px;border:1px solid #cfdeec;border-radius:9px;text-align:center;font-weight:800}.planning-options input:checked+span{border-color:#176dc8;background:#eaf4ff;color:#1265b7}.planning-card>label{display:block;margin-top:14px;color:#294761;font-weight:800}.planning-card select,.planning-card input[type=text],.planning-card input:not([type]){width:100%;margin-top:7px}.planning-card>button,.preference-card>button{width:100%;margin-top:20px}.plan-error{display:block;margin-top:7px;color:#bc4848}.planning-guide ol{margin:20px 0;padding:0;list-style:none;counter-reset:guide}.planning-guide li{position:relative;padding:0 0 18px 42px;counter-increment:guide}.planning-guide li:before{content:counter(guide);position:absolute;left:0;top:0;display:grid;width:28px;height:28px;border-radius:50%;background:#e7f2ff;color:#1769be;font-weight:900;place-items:center}.planning-guide li b,.planning-guide li span{display:block}.planning-guide li span,.planning-guide>p{margin-top:4px;color:#74869a;font-size:13px;line-height:1.7}.planning-result{margin-top:18px}.planning-result>header{display:flex;align-items:center;justify-content:space-between}.planning-result header small,.planning-result header strong{display:block}.planning-result header strong{color:#176bc5;font-size:34px;text-align:right}.planning-result header strong small{color:#74869a;font-size:12px}.coverage-bar{height:12px;margin:18px 0;border-radius:10px;background:#e9f0f7;overflow:hidden}.coverage-bar i{display:block;width:var(--coverage);height:100%;background:linear-gradient(90deg,#1770cf,#21b6d9)}.planning-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.planning-metrics div{padding:16px;border-radius:11px;background:#f5f9fd;text-align:center}.planning-metrics b,.planning-metrics span{display:block}.planning-metrics b{color:#163b60;font-size:22px}.planning-metrics span{margin-top:4px;color:#74869a;font-size:12px}.focus-result{display:flex;justify-content:space-between;margin-top:16px;padding:14px;border-radius:10px;background:#fff8e8;color:#795c19}.planning-lists{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.planning-lists>div{padding:18px;border:1px solid #e0e9f1;border-radius:12px}.planning-lists p{display:flex;justify-content:space-between;gap:12px;padding:10px 0;margin:0;border-bottom:1px dashed #e0e7ee}.planning-lists p:last-child{border:0}.planning-lists span{color:#77889a;font-size:12px;text-align:right}.planning-result footer{margin-top:18px;color:#78899a;font-size:12px}.planning-empty{text-align:center}.planning-empty a{display:inline-block;margin-top:12px;padding:10px 16px;border-radius:8px;background:#176dc8;color:#fff;font-weight:800}.planning-empty.compact{box-shadow:none}.touch-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.touch-summary div{padding:10px 16px;border-left:3px solid #2782d7}.touch-summary small,.touch-summary b,.touch-summary span{display:block}.touch-summary b{margin:5px 0;color:#173b5f;font-size:18px}.touch-summary span{color:#77899b;font-size:12px}.reminder-list article{display:grid;grid-template-columns:auto 1fr auto;gap:14px;padding:17px 0;border-bottom:1px solid #e3ebf2}.reminder-list article>i{height:max-content;padding:5px 8px;border-radius:20px;background:#eaf4ff;color:#1769bc;font-size:11px;font-style:normal;font-weight:800}.reminder-list time{color:#8a99a8;font-size:11px}.reminder-list h3{margin:5px 0;color:#173a5c}.reminder-list p{margin:0;color:#667b90;line-height:1.7}.reminder-list a{display:inline-block;margin-top:8px;color:#176bc5;font-weight:800}.reminder-list form button{padding:7px 9px;border:1px solid #d7e3ee;background:#fff;color:#6e8194}.preference-row{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;padding:12px 0;border-bottom:1px solid #e4ebf1}.preference-row input{width:auto!important;margin-top:4px!important}.preference-row b,.preference-row small{display:block}.preference-row small{margin-top:3px;color:#7b8c9d;font-weight:400;line-height:1.5}.channel-card{margin-top:18px}.channel-card a,.channel-card>span{display:block;margin-top:9px;padding:10px;border-radius:8px;background:#f2f7fc;color:#42708f}.channel-card a{color:#1768bc;font-weight:800}
@media(max-width:760px){.planning-tabs{overflow:auto}.planning-tabs a{flex:0 0 auto;padding:8px 11px}.planning-grid,.touch-layout,.planning-lists{grid-template-columns:1fr}.planning-options.secondary{grid-template-columns:repeat(2,1fr)}.planning-card,.planning-result,.planning-empty,.touch-summary{padding:17px}.planning-metrics,.touch-summary{grid-template-columns:1fr}.touch-summary div{padding:5px 12px}.planning-result>header{align-items:flex-start}.planning-result header strong{font-size:27px}.focus-result{align-items:flex-start;flex-direction:column;gap:5px}.reminder-list article{grid-template-columns:auto 1fr}.reminder-list article form{grid-column:2}.planning-lists p{align-items:flex-start;flex-direction:column}.planning-lists span{text-align:left}}

/* qiulu_new brand treatment: planning and reminder pages follow the site red system. */
.planning-page{--planning-red:var(--ql-red,#ed0015);--planning-red-dark:#c90012;--planning-red-soft:#fff1f2;--planning-red-line:#f3c5ca}
.planning-page .planning-hero{border-bottom:3px solid var(--planning-red);box-shadow:0 12px 30px rgba(191,0,20,.10)}
.planning-page .planning-tabs{border-color:#eadadd;box-shadow:0 8px 24px rgba(130,20,32,.05)}
.planning-page .planning-tabs a{color:#3f4b5d}
.planning-page .planning-tabs a.active,.planning-page .planning-tabs a:hover{background:linear-gradient(135deg,var(--planning-red),var(--planning-red-dark));color:#fff;box-shadow:0 7px 16px rgba(221,0,23,.18)}
.planning-page .planning-card,.planning-page .planning-result,.planning-page .planning-empty,.planning-page .touch-summary{border-color:#eadde0;box-shadow:0 10px 28px rgba(91,27,37,.055)}
.planning-page .planning-card header small,.planning-page .planning-result header strong{color:var(--planning-red)}
.planning-page .planning-options span{border-color:#ddd7d9;background:#fff;color:#25364c;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}
.planning-page .planning-options label:hover span{border-color:#e79ca5;background:#fff8f8}
.planning-page .planning-options input:focus-visible+span{outline:3px solid rgba(237,0,21,.14);outline-offset:2px}
.planning-page .planning-options input:checked+span{border-color:var(--planning-red);background:var(--planning-red-soft);color:var(--planning-red-dark);box-shadow:inset 0 0 0 1px rgba(237,0,21,.04)}
.planning-page .planning-card select,.planning-page .planning-card input[type=text],.planning-page .planning-card input:not([type]){min-height:44px;padding:9px 12px;border:1px solid #ddd7d9;border-radius:8px;background:#fff;color:#25364c;outline:0}
.planning-page .planning-card select:focus,.planning-page .planning-card input[type=text]:focus,.planning-page .planning-card input:not([type]):focus{border-color:var(--planning-red);box-shadow:0 0 0 3px rgba(237,0,21,.10)}
.planning-page .planning-card>button,.planning-page .preference-card>button{min-height:46px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--planning-red),var(--planning-red-dark));color:#fff;font-weight:800;box-shadow:0 9px 20px rgba(221,0,23,.18);cursor:pointer}
.planning-page .planning-card>button:hover,.planning-page .preference-card>button:hover{filter:brightness(.96)}
.planning-page .planning-guide li:before{background:var(--planning-red-soft);color:var(--planning-red);box-shadow:inset 0 0 0 1px var(--planning-red-line)}
.planning-page .coverage-bar{background:#f4e9eb}.planning-page .coverage-bar i{background:linear-gradient(90deg,var(--planning-red),#ff5a66)}
.planning-page .planning-empty a{background:linear-gradient(135deg,var(--planning-red),var(--planning-red-dark));box-shadow:0 8px 18px rgba(221,0,23,.16)}
.planning-page .touch-summary div{border-left-color:var(--planning-red)}
.planning-page .reminder-list article>i{background:var(--planning-red-soft);color:var(--planning-red-dark)}
.planning-page .reminder-list a{color:var(--planning-red)}
.planning-page .reminder-list form button{border-color:#ead0d4;color:#9b3a44;border-radius:7px}
.planning-page .reminder-list form button:hover{border-color:var(--planning-red);background:var(--planning-red-soft);color:var(--planning-red)}
.planning-page .preference-row input{accent-color:var(--planning-red)}
.planning-page .channel-card a,.planning-page .channel-card>span{background:#fff5f6;color:#8d4a52}.planning-page .channel-card a{color:var(--planning-red)}
.planning-page .wechat-bind-compact{border-color:#eadde0}.planning-page .wechat-bind-compact a,.planning-page .wechat-bind-compact button{border-color:var(--planning-red-line);background:var(--planning-red-soft);color:var(--planning-red-dark)}