@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#f8f7f2;--ink:#242326;--muted:#77736f;--purple:#7747ef;--lime:#c6ee73;--pink:#f7a7b8;--yellow:#ffd462;--line:#e6e4df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{max-width:1190px;padding:0 26px;margin:auto}.topbar{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:24px;font-weight:900;letter-spacing:-1px;white-space:nowrap;display:inline-flex;align-items:center}.brandmark{background:var(--purple);color:white;width:33px;height:33px;display:inline-grid;place-items:center;border-radius:10px;font-size:23px;margin-right:9px;transform:rotate(-8deg)}.branddot,.accent{color:var(--purple)}.navlinks{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:800}.navlinks a:hover{color:var(--purple)}.navpill{background:var(--ink);color:#fff!important;padding:11px 17px;border-radius:40px}.menutoggle{display:none;border:0;background:none;font-size:25px}.hero{background:#ebe6ff;overflow:hidden}.herogrid{display:grid;grid-template-columns:1fr 1fr;min-height:515px;align-items:center}.eyebrow{font-weight:900;letter-spacing:2px;font-size:11px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--purple);margin-right:7px}.hero h1{font-size:clamp(48px,6vw,84px);line-height:1.24;letter-spacing:-4px;margin:25px 0}.scribble{display:inline-block;color:var(--purple);transform:rotate(-12deg);margin-left:16px}.herosub{font-size:16px;line-height:2;max-width:420px;color:#544b67}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 24px;background:var(--purple);color:#fff;border:0;border-radius:9px;font-weight:800;white-space:nowrap}.btn:hover{filter:brightness(.92)}.btn-dark{background:var(--ink);margin-top:18px}.herofoot{display:flex;gap:22px;font-size:10px;font-weight:800;color:#756a91;margin-top:54px;letter-spacing:1.5px}.heroart{height:500px;position:relative;display:grid;place-items:center}.artcircle{height:365px;width:365px;border-radius:50%;background:var(--lime);border:3px solid #222;box-shadow:15px 15px 0 rgba(27,22,40,.13);display:grid;place-items:center;transform:rotate(-8deg)}.arttext{font-weight:900;line-height:1.3;font-size:63px;text-align:center;letter-spacing:-5px}.arttext span{color:var(--purple);font-size:45px}.caricon{font-size:90px;height:90px;margin-top:-45px;position:relative;color:var(--purple)}.caricon span{display:block;position:absolute;bottom:-2px;left:-11px;font-size:20px;color:#222}.sticker{position:absolute;font-weight:900;text-align:center;line-height:1.1;font-size:14px;z-index:2}.st1{left:5%;top:12%;background:var(--pink);padding:28px 20px;border:2px solid #222;transform:rotate(-13deg);border-radius:50%}.st2{right:4%;bottom:13%;background:var(--yellow);padding:23px 17px;border:2px solid #222;transform:rotate(11deg);border-radius:7px}.starburst{position:absolute;right:9%;top:9%;font-size:80px;color:var(--purple)}.marquee{background:var(--ink);color:var(--lime);padding:14px;overflow:hidden;white-space:nowrap;font-weight:900;letter-spacing:2px;text-align:center}.section{padding-top:80px;padding-bottom:90px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.sectionhead h2{font-size:clamp(30px,4vw,45px);letter-spacing:-1.5px;margin:8px 0 0}.sectionhead p{color:var(--muted);font-size:13px}.topics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.topic{min-height:100px;padding:20px;border-radius:14px;display:flex;align-items:end;justify-content:space-between;font-weight:900;font-size:16px;transition:transform .2s}.topic:hover{transform:translateY(-5px)}.topic span{font-size:21px}.all{background:#29282b;color:white}.tcar{background:#c7e4ff}.tai{background:#e4d2ff}.tfun{background:#ffe29d}.tpeople{background:#fbc7d2}.articles-head{margin-top:90px}.search{display:flex;border:1px solid var(--line);border-radius:40px;background:#fff;padding:6px 10px 6px 20px}.search input{border:0;outline:0;background:none;width:200px;font-size:13px}.search button{border:0;background:none;font-size:25px}.postgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.postcard{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s}.postcard:hover{transform:translateY(-5px);box-shadow:0 14px 32px #2221}.postpic{height:220px;display:block;overflow:hidden;background:#e5d7ff}.postpic img{width:100%;height:100%;object-fit:cover}.postplaceholder{height:100%;width:100%;display:grid;place-items:center;font-size:96px;font-weight:900;color:#7753c6;background:radial-gradient(circle at 60% 40%,#e1fb9c 0 26%,transparent 27%),#dac8ff;position:relative}.postplaceholder small{position:absolute;bottom:20px;right:20px;font-size:14px;transform:rotate(-12deg);color:#333}.postbody{padding:23px}.mini-tag{display:inline-flex;background:#efe7ff;color:#6630d3;border-radius:40px;font-size:11px;padding:6px 11px;font-weight:900}.postbody h3{font-size:21px;line-height:1.5;margin:12px 0;letter-spacing:-.6px}.postbody p{font-size:13px;line-height:1.8;color:#696663;min-height:47px}.byline{font-size:11px;font-weight:800;margin-top:24px}.byline span{font-weight:500;color:#999}.creatorstrip{background:var(--lime);padding:75px 0}.stripinner{display:flex;align-items:center;justify-content:space-between}.stripinner h2{font-size:45px;line-height:1.5;margin:10px 0}.stripinner em{font-style:normal;color:var(--purple)}.stripinner p{color:#484939}.btn-light{background:#fff;color:var(--ink)}.footer{background:#252428;color:#eee;padding:65px 0}.footergrid{display:flex;justify-content:space-between;gap:20px}.footer p{font-size:13px;line-height:2;color:#aaa}.footer small{color:#aaa;line-height:2}.footer .brand{color:#fff}.narrow{max-width:820px}.article{padding:70px 0 100px}.back{display:inline-block;color:#777;font-weight:700;font-size:13px;margin-bottom:28px}.article h1,.pagetitle{font-size:clamp(34px,5vw,64px);line-height:1.35;letter-spacing:-2px;margin:18px 0}.articlemeta{font-size:13px;color:#777;margin-bottom:40px}.articlecover{width:100%;max-height:460px;object-fit:cover;border-radius:14px}.prose{line-height:2.15;font-size:17px;white-space:normal;padding:35px 0 45px;overflow-wrap:anywhere}.authorbox{border-top:2px solid var(--ink);padding-top:30px;display:flex;gap:20px}.authoravatar,.bigavatar{background:#dbcbff;color:#6331ce;display:grid;place-items:center;border-radius:50%;width:70px;height:70px;font-size:30px;font-weight:900;flex-shrink:0}.authorbox small,.authorbox p{color:#777}.authorbox h3{margin:4px 0}.authorbox a{font-size:13px;color:var(--purple);font-weight:900}.lead{color:#666;line-height:2}.authorgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.person{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px;display:flex;gap:18px}.person h3{margin:2px 0}.person p{font-size:13px;line-height:1.8;color:#777}.person small{font-weight:800;color:var(--purple)}.profilehero{background:#ebe6ff;border-radius:20px;padding:55px;display:flex;align-items:center;gap:30px;margin-bottom:50px}.profilehero .bigavatar{width:120px;height:120px;font-size:52px}.profilehero h1{font-size:50px;margin:8px 0}.empty{text-align:center;border:2px dashed #ddd;padding:65px 20px;border-radius:14px}.empty span{font-size:50px;color:var(--purple)}.pagination{margin-top:40px;display:flex;gap:9px}.pagination a{padding:8px 13px;background:#fff;border-radius:7px}.pagination .current{background:var(--purple);color:white}.install,.loginbox{background:#fff;max-width:720px;margin:55px auto;padding:45px;border-radius:20px;border:1px solid var(--line)}.install h1,.loginbox h1{font-size:35px}.install p,.loginbox p{color:#666;line-height:2}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.formgrid .wide{grid-column:1/-1}label{display:block;font-size:13px;font-weight:800}input,textarea,select{display:block;width:100%;border:1px solid #ddd;background:#fff;padding:13px;border-radius:9px;margin-top:8px;color:var(--ink)}textarea{resize:vertical}.error{color:#9b2222;background:#fff1f1;padding:15px;border-radius:9px;margin:15px 0}.flash{margin-top:15px;background:var(--lime);padding:15px;border-radius:10px}.loginwrap{min-height:65vh}.loginbox{max-width:470px}.stack{display:grid;gap:22px}.adminpage{min-height:65vh}.adminhead{display:flex;justify-content:space-between;align-items:center}.adminhead h1,.adminpage h1{font-size:42px;letter-spacing:-1px}.adminhead p{color:#777}.adminnav{display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line);padding:26px 0;margin-bottom:28px}.adminnav a{font-size:13px;font-weight:800;padding:10px 15px;border-radius:10px;background:#fff}.adminnav .selected{background:var(--ink);color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.stats>div{padding:25px;border-radius:13px;background:#ece5ff;display:grid;gap:6px}.stats strong{font-size:40px}.stats span{font-size:12px;font-weight:800}.panel,.editorpanel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;margin:24px 0}.panel h2{margin-top:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid #eee;padding:14px 10px}th{color:#777}.status{background:#eee4ff;padding:6px 10px;border-radius:30px;white-space:nowrap}.editorpanel{display:grid;gap:25px}.contenteditor{min-height:360px;line-height:2}.editoractions{display:flex;gap:12px;flex-wrap:wrap}.btn-ghost{background:#ede9e2;color:#333}.deleteform{text-align:right}.deletebtn{border:0;background:none;color:#a33;text-decoration:underline}.inlineform{display:inline-flex;align-items:center;gap:5px;margin:4px}.inlineform select{width:auto;margin:0;padding:6px}.inlineform button{padding:6px}.coverthumb{width:180px;max-height:110px;object-fit:cover}.authorgrid .bigavatar{background:var(--lime)}@media(max-width:900px){.navlinks{gap:12px;font-size:12px}.herogrid{grid-template-columns:1fr 1fr}.artcircle{width:280px;height:280px}.arttext{font-size:48px}.sticker{font-size:11px}.topics{grid-template-columns:repeat(3,1fr)}.postgrid,.authorgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{padding:0 18px}.nav{height:65px}.menutoggle{display:block}.navlinks{display:none;position:absolute;top:65px;left:0;right:0;background:var(--bg);padding:22px;box-shadow:0 10px 15px #0001;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.herogrid{grid-template-columns:1fr}.hero{padding-top:44px}.hero h1{letter-spacing:-2px;font-size:54px}.heroart{height:330px}.artcircle{height:265px;width:265px}.arttext{font-size:43px}.st1{left:3%;top:5%}.st2{right:0;bottom:5%}.starburst{font-size:45px}.herofoot{margin-top:25px}.marquee{text-align:left;font-size:12px}.section{padding-top:56px;padding-bottom:60px}.sectionhead{display:block}.sectionhead p{margin-top:15px}.topics{grid-template-columns:1fr 1fr}.topic{min-height:82px;font-size:14px;padding:16px}.articles-head{margin-top:60px}.search{margin-top:18px}.search input{width:100%}.postgrid,.authorgrid{grid-template-columns:1fr}.postpic{height:235px}.stripinner,.footergrid,.adminhead{display:block}.stripinner h2{font-size:35px}.creatorstrip{padding:45px 0}.footergrid>div+div{margin-top:35px}.formgrid{grid-template-columns:1fr}.formgrid .wide{grid-column:1}.install,.loginbox{margin:20px 15px;padding:25px}.article{padding:45px 0}.prose{font-size:16px}.person{padding:20px}.profilehero{padding:25px;display:block}.profilehero h1{font-size:39px}.profilehero .bigavatar{width:85px;height:85px;font-size:35px}.stats{gap:7px}.stats>div{padding:12px}.stats strong{font-size:27px}.panel,.editorpanel{padding:18px}.adminpage h1{font-size:35px}}